la page HTML
| chapitre 1 | digression_1 + canal 5 | Robert Morris, Card File, 1961 | William Henry Fox Talbot |
•00
10 décembre 2003
•01
What is HTML? What is XHTML?
•01•01
digression_1
•01
What is HTML? in http://www.w3.org/MarkUp/It is a non-proprietary format based upon SGML, and can be created and processed by a wide range of tools, from simple plain text editors - you type it in from scratch- to sophisticated WYSIWYG authoring tools. HTML uses tags such as <h1> and </h1> to structure text into headings, paragraphs, lists, hypertext links etc. Here is a 10-minute guide for newcomers to HTML. W3C's statement of direction for HTML is given on the HTML Activity Statement. See also the page on our work on the next generation of Web forms, and the section on Web history.
-----------------------------------------------------------------------------
What is XHTML? The Extensible HyperText Markup Language (XHTML™) is a family of current and future document types and modules that reproduce, subset, and extend HTML, reformulated in XML. XHTML Family document types are all XML-based, and ultimately are designed to work in conjunction with XML-based user agents. XHTML is the successor of HTML, and a series of specifications has been developed for XHTML.
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
•02
Pourquoi les sites internet de première génération étaient-ils déjà si laids?
•02 •02

•02
et par ricochet on comprendra pourquoi les documents sous word sont aussi laids?
Et pourquoi les sites internet, deuxième génération faits avec flash sont-ils aussi souvent laids?)
-----------------------------------------------------------------------------
La réponse est contenue dans l’introduction même, "basique", à l’HTML
-----------------------------------------------------------------------------
1. Une page HTML peut être créée avec n’importe quel programme pouvant enregistrer au format texte seul. Ceci, grâce [malheureusement, voire en POINT 4] aux instructions de formatage qui sont écrites dans un simple format de texte utilisant un langage de signes particuliers et non le code binaire qui ne peut se visualiser des traitements de texte classiques.
-----------------------------------------------------------------------------
Les instructions d’HTML sont enfermées entre parenthèses (les signes "inférieur à" et "supérieur à". et ressemblent à <B> ou </H2>.
Ces instructions sont appelées "balises". Elles donnent des instructions au navigateur concernant l’affichage du texte mais n’apparaissent pas elles-mêmes à l’écran.
-----------------------------------------------------------------------------
Le squelette de base, commun à tous les fichiers HTML est:
<HTML>
<HEAD>
<TITLE>Ce titre apparaît dans la barre de titre de la fenêtre du navigateur.</TITLE>
</HEAD>
<BODY>
This section contains text with markup.
</BODY>
</HTML>
-----------------------------------------------------------------------------
2. Pour que du texte apparaisse formaté dans le navigateur, il doit être entouré d’une paire de balises, correspondant à la balise de début et à la balise de fin. Les balises peuvent aussi s’imbriquer.
Les caractères de type gras italique en HTML sont codés:
<B><I>This is text set in boldface and italics.</I></B>
-----------------------------------------------------------------------------
3. Contrairement aux traitements de texte, l’aspect définitif d’une page HTML n’est pas basé sur le formatage spécifique que vous lui avez appliqué. Au lieu de définir une police et une taille précise, vous précisez la fonction du texte dans le document, par exemple qu’il doit être affiché en tant que titre de niveau 1 (<H1>). Il y a une raison simple à cela : les pages web doivent s’afficher uniformément quelle que soit la plate-forme et la taille de l’écran. L’idée de l’HTML a donc été d’attribuer une structure à un texte et de laisser la plate-forme et le logiciel l’interpréter selon les réglages de l’utilisateur. C'est là le danger.
-----------------------------------------------------------------------------
4. Les balises HTML utilisées pour formater du texte [Là se situe la doxa graphique terrible
commune à Word et à l'HTML]
_ Header (heading levels, niveaux de titre)
Les titres sont affichés avec un corps plus grand et généralement en caractères gras pour qu’ils ressortent du corps du texte. Les chiffres 1 à 6 représentent les différents niveaux dans la hiérarchie: H1 est un titre de niveau 1, H2 un sous-titre de niveau 2, H3 un sous-titre de niveau 3, etc.
_Styles de caractères
les options de styles sont: gras (<B>) italique (<I>) et souligné (<U>), ainsi que Teletype (<TT>). Les styles logiques supplémentaires qui sont Strong <STRONG> et Emphasis <EM>, s’affichent respectivement comme gras et italique sur la plupart des navigateurs.
_Paragraphes et sauts de lignes
La balise de paragraphe <P>, balise de début sans balise de fin crée un saut de ligne au-dessus du texte qui suit et peut contenir des attributs tels que <P ALIGN=”CENTER”> ou <P ALIGN=”RIGHT”> qui contrôlent l’alignement. (commande clavier retour arrière)
La balise de saut de ligne <BR> (break) fait passer le texte à la ligne sans générer d’espace supplémentaire (commande clavier Maj+retourà la ligne)
Contrairement aux traitements de texte, l’insertion de caractères de retour de chariot n’entraine pas de saut de ligne. ces caractères ne sont pas pris en compte par les navigateurs.
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------

•03
Le remède: un logiciel de mise en page (Golive?) ou La Jean-Noël boîte à outils, canal 5 d'arpla
•03 •03
Adobe Golive se charge du code [très sale, malheureusement] et propose des commandes simples de mise en forme, très proches de celles qu’on trouve dans les logiciels de traitement de texte ou de mise en page ainsi que des feuilles de style qui permettent de controler la présentation de la page, au-dela de la structure.
-----------------------------------------------------------------------------
Les feuilles de style en cascade (ou CSS, cascading style sheets) sont des outils de mise en forme.
Une feuille de style est un jeu de règles de styles qui définit la manière dont un document HTML doit se présenter aux visiteurs. En HTML, une règle est une instruction concernant l’aspect d’un ou de plusieurs éléments, dans laquelle un sélecteur spécifie les éléments affectés par une déclaration (représentant une propriété et sa valeur). Par exemple, la règle de style h1{color: red} attribue la valeur rouge à tous les titres de niveau 1 d’un document.
-----------------------------------------------------------------------------
la règle : h1 { color : red; font-size: 24px }
le sélecteur : h1
la propriété : color
la valeur: 24px
-----------------------------------------------------------------------------
Les styles sont appliqués dans un certain ordre, du plus général au plus spécifique.Golive prend en charge les CSS1 (feuilles de style en cascade de niveau 1), les navigateurs Web doivent supporter les balises CSS1.
-----------------------------------------------------------------------------
Trois outils: l’interface CSS (à droite de votre écran, trois marches sympathiques. La fenêtre feuille de style contient les feuilles de style internes et externes du document. la feuille de style interne ne s’applique qu’au document dans lequel elle est créée. A gauche, dans la barre de menu s’affiche les boutons de création de styles de gauche à droite : la classe, l’élément, l’identifiant, la feuille de style, dupliquer. L’inspecteur Sélecteur CSS liste les propriétés des styles. Pourmodifier un style, sélectionnez-le dans la fenêtre Feuille de style puis cliquer sur l’un des onglets de l’Inspecteur et modifier ses propriétés.
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------