user icon

systeme d'information

3072 mots 13 pages
Montre plus
Partie1: Le langage HTML

1/66

Comment fonctionne le Web ?
C'est un mécanisme client-serveur.
Le client demande un fichier, le serveur lui donne tel qu'il est stocké
– processus statique
Le serveur peut aussi générer un fichier en fonction de la demande du client – processus dynamique

2/66

Ecrire pour le Web
Ce n'est pas uniquement écrire des pages en HTML, il faut penser en terme de projet:
Définir le contenu
Trouver une arborescence ergonomique
Appliquer / Respecter la charte graphique
Produire les pages
Installer le site sur le serveur
Maintenance, politique de mise à jour

3/66

HTML, l'origine
HTML Hyper Text Markup Language est né en 1989 sous l'impulsion de Tim Berners Lee, " inventeur " du Web.
HTML est basé sur SGML (Structured Markup Language), qui est une vieille norme utilisée pour la description de documents.Elle est conçue pour les grosses documentations techniques.
HTML est une instance de SGML.

4/66

HTML, les principes
Il contient des commandes, implémentées par des balises pour marquer les différents types de texte (titres, paragraphe, listes …) , pour inclure des images, des formulaires, des liens …
C'est un langage à balisage qui décrit la structure logique d'un document hypertexte. Il a volontairement été conçu pour être simple. Il a évolué vers un langage de description de pages offrant des possibilités plus proches de la P.A.O.
5/66

L'hypertexte

Le langage HTML permet de créer des documents interactifs grâce à des liens hypertextes, qui relient votre document à d'autres documents. En cliquant sur une zone de texte (ou une image, un logo) mise en évidence, on peut accéder a un nouveau document situé sur un autre ordinateur en n'importe quel point du globe.

6/66

Arbre généalogique

SGML

…

MathML

SMIL

XHTML

Docbook
…

HTML

XML

7/66

Introduction au marquage - 1
Pour décrire un fichier hypertexte, le langage HTML insère des balises dans le

en relation

  • Ink studio
    2680 mots | 11 pages

    Aujourd’hui, ils sont cinq à travailler dans cette boite, William Mirante qui pratique le Web Design et Ludovic Wellens, programmeur AS, html, AJAX, sont venus se rajouter à l’équipe. L’entreprise à maintenant 3 ans. 1 .2Service de base : Spécialiste en communication visuel : Consiste à représenter toute forme de texte, d’image de manière fixe ou animée. Promotion d’entreprise par le graphisme.….

    montre plus
  • Bts banque corrige
    676 mots | 3 pages

    Partie 1 : Les bases de HTML5 Vous n'avez jamais entendu parler du HTML, ou alors seulement de façon très vague ? Pas de panique, les explications arrivent dès le premier chapitre... et la pratique suit juste après ! Nous commencerons par présenter comment les sites web fonctionnent, puis nous téléchargerons tous les programmes (gratuits) nécessaires pour bien travailler.….

    montre plus
  • Rien pour le moment
    457 mots | 2 pages

    Retrouver la ville la plus jeune, la plus âgée, la plus masculine et la plus féminine. Exercice 2 Écrire un script Perl qui transforme un fichier source .c en un fichier HTML agréable à consulter. Quelques indications : • respecter les sauts de lignes: il faut les marquer explicitement par , • respecter les espaces: il faut les marquer explicitement par  , • transformer chaque caractère magique du HTML < > " & en son entité respective: < > " & , • utiliser une fonte type machine à écrire (), • reconnaître les opérateurs du C (+, *, etc.) et les encadrer de tags HTML qui les fait ressortir (, , , etc.)….

    montre plus
  • Axa rapport
    632 mots | 3 pages

    Que choisir pour écrire de l' HTML? A la main, avec un éditeur de texte – Simple Text, Bbedit,Emacs ,WordPad … Avec un logiciel « assistant » au code HTML PageSpinner sur MacIntosh, Amaya sur Unix, HTML-Kit sur PC … A l'aide d'un programme dit "WYSIWYG" – Dreamweaver , Golive, Netscape composer, FrontPage, Claris Homepage ... Que choisir pour lire HTML? Le client doit pouvoir interpréter HTML et afficher le résultat.….

    montre plus
  • Memento HTM
    1880 mots | 8 pages

    Mémento HTML : http://glenan.fr Balises de cadre (frame) < HTML> et </HTML> Balise de début et de fin de page < FRAMSET> et </FRAMSET> <HEAD> et </HEAD> Tête : contient principalement les méta balises ROWS="ligne1, ligne2,... " < TITLE> et </TITLE> Titre de la page dans le navigateur <META HTTPnom EQUIV="nom" Refresh CONTENT="valeur"> Content-Type Balise équivalente à Pragma celles envoyées par le Window-target serveur Expires valeur descriptif durée[;URL=url] rafraîchi une page ou renvoi vers autre page mime;jeu_carac type de document et jeu de caractères utilisé no-cache force le téléchargement de la page _top affichage dans une nouvelle fenêtre never | date date d'expiration (pas de disparition) de la page © LÉOST Informatique – Fouesnant - Les Glénan – 02 98 56 01 14 – contact@leost.fr création de tableau <….

    montre plus
  • feuille de style
    829 mots | 4 pages

    N’oubliez pas la structure de base (balises , et ) ni la balise pour lier la feuille CSS à la page HTML. Dans la feuille CSS, commençons par définir un bloc qui contiendra tous les autres, que nous nommons conteneur. Dans cet exemple, il s’agit uniquement de définir la largeur de notre page web (vous pourrez éventuellement le raffiner par la suite). Nous fixons cette largeur à 1200 pixels par la déclaration CSS suivante : #conteneur { width:1200px; } Dans la page HTML, nous « activons….

    montre plus
  • Rapport de stage
    733 mots | 3 pages

    Vous pouvez saisir ces balises en les tapant à la main ou utiliser les racourcis clavier HTML décrits dans les fichiers d'aide. Aller plus loin avec du code HTML simple Les balises HTML vous permettent de mettre du texte en exposant ou en indice mais vous pouvez aussi tirer parti des symboles mathématiques qui sont inclus dans les polices latines de base en saisissant le code numérique correspondant : Si vous tapez ¬ ° ± ² ³ µ · ¹ ¼ ½ ¾ Å × Ø ÷ Vous verrez Description du symbole ¬ ° ± ² ³ µ · ¹ ¼ ½ ¾ Å × Ø ÷ degré signe plus ou moins puissance 2 puissance 3 micro (lettre grecque mu) point central exposant un 1/4 1/2 3/4 A avec cercle au- dessus (Angstrom) multiplier O barré (ensemble vide ou zéro) diviser Utiliser Unicode pour obtenir plus de symboles Les caractères représentés sur la page précédente font partie du jeu de caractères….

    montre plus
  • inflation t le chommage
    1475 mots | 6 pages

    écran traditionnel, l'écran d'un ordinateur de poche ou d'un mobile, des feuilles de papier imprimées, une barrette braille, etc. C'est ainsi tout le domaine de la présentation qui est pris en charge par les feuilles de style, le rôle du Html se limitant alors à la structure et à l'encodage de l'information brute. B. Utilité des feuilles de style Les feuilles de style représentent un outil puissant dont les implications dans la conception des applications Web sont multiples. Un passage obligé en Html5 Le Html5 va au bout du concept de la séparation du contenu et de la présentation.….

    montre plus
  • Aide
    449 mots | 2 pages

    Ils publient les documents en séparant le fond (données structurées) de la forme (présentation). •Le HTLM (HyperText Markup Language) est le langage de base de la présentation des pages internet. HTLM décrit la page Web que l’explorateur interprète, puis l’affiche sur l’écran. Ce langage utilise des balises, c’est-à-dire une commande encadrée par le caractère (<) et le caractère (>). Les balises sont figées.….

    montre plus
  • La force de l'utopie
    1741 mots | 7 pages

    Un langage de programmation permettant d’intégrer des liens hypertextes dans un document (hypertext markup language) et donc de le relier à d’autres documents, un système permettant d’attribuer à chaque document une adresse universelle (universal resource locator), et un protocole de communication (hypertext transfer protocol) permettant leur transfert entre ordinateurs : l’Internet tel que nous le connaissons était né. Mais ce que Tim Berners-Lee a offert au grand public, ce ne sont pas seulement des techniques, c’est aussi une véritable utopie fondée sur la gratuité et le partage des connaissances, dont ont été porteurs les pionniers du Net. Une « nation-réseau » En effet, l’aventure Internet a débuté bien avant l’émergence du world wide web.….

    montre plus
  • Histoire du we
    583 mots | 3 pages

    En effet, le système automatisait la referentialisation des adresses des différentes machines. Il a simplifié le système et l’a rendu plus simple à utiliser. Question n°2 : Le langage le plus importants dans la vie d’Internet est le langage HTML (Hypertexte Markup Language). Il s’agit d’un langage de balisage, il permet l’affichage et l’édition sous forme de codes des pages web.….

    montre plus
  • Hichem
    359 mots | 2 pages

    Le langage HTML HyperText Markup Language Cours élaboré par Melle EL BOUHISSI Houda Structure d’un fichier HTML Le HTML (Hyper Text Markup Language) est composé de BALISES qui s'écrivent de cette manière : La plupart de ces balises sont par paires. Lorsque vous "ouvrirez" une balise () il faudra également la "refermer est la première balise qui ouvre le document html est la balise dite de tête du document on referme la balise de tête du document on ouvre la balise dite du corps du document on referme le corps du document et on referme la balise html du document Création d’un fichier HTML Lancer l’application « Bloc notes » qui se trouve dans le groupe Accessoires.….

    montre plus
  • intro
    555 mots | 3 pages

    Les bases Principes de publication Concepts fondamentaux Navigateurs L’HTML Les balises Conseils et conventions Comment faire? Syntaxe Les extensions Un site est • Réalisé par un concepteur • Hébergé sur un serveur • Consulté par des utilisateurs Le site est déposé par le concepteur chez l’hébergeur Site web : ensemble de pages web Page web : un document HTML+ documents utilisés (ex: images, sons, vidéo, etc.) Conception d’un site =….

    montre plus
  • HTML 5
    3142 mots | 13 pages

    HTML Hypertext Markup Language LST – Informatique A. Begdouri FSTF 2011-2012 Plan du cours Introduction Structure d’un document HTML5 Organisation du texte Listes Images et multimédia Liens Tableaux Formulaires LST Informatique 2011-2012 2 Introduction LST Informatique 2011-2012 3 Structure d’un document HTML LST Informatique 2011-2012 4 Fichier HTML Du texte brut Le texte à afficher dans une page web Des balises ou tags Des commandes permettant l’organisation de la présentation du texte de la page web Des références aux objets Permettant d’accéder à d’autres ressources web (images, audio, liens…) LST Informatique 2011-2012 5 Balises / attributs / valeurs Balises Indiquent la nature du texte autour d'elles Deux types de balises….

    montre plus
  • Cours html
    1674 mots | 7 pages

    1 Programmation Web – LPro ATC Plan 2 Programmation Web – LPro ATC Sylvain Rampacek, Maître de Conférences, IUT Dijon, Département Informatique Introduction Structure des documents HTML Mise en forme Mise en forme évoluée Introduction 3 Programmation Web – LPro ATC Sylvain Rampacek, Maître de Conférences, IUT Dijon, Département Informatique Introduction Le développement web est dépendant : des entités (client, serveur, contenu à générer, etc...) technologies disponible ou accessibles Sylvain Rampacek, Maître de Conférences, IUT Dijon, Département Informatique des interactions entre ces entités si le client est un PDA, les exigences seront différentes que pour un PC.….

    montre plus