III.3.2.Principes de base pour une page web
Voici les principales qualités demandées
à une page web : qu'elle soit claire dans sa conception, accessible
à tous et que son esthétique s'accorde bien avec son contenu.
III.3.3. Choix sensé des balises HTML
En HTML, chaque élément doit être porteur
de sens. Par exemple :
· Pour un titre de page, utiliser un titre de niveau 1
<h1> plutôt qu'un
· paragraphe quelconque <p>.
· Pour un menu (liste de liens), choisir une liste sans
numérotation <ul>.
· L'utilisation de balises qui donnent du sens
présente plusieurs intérêts :
· le code sera plus clair pour le développeur et
la maintenance future du site en sera facilitée ;
· les moteurs de recherche indexeront mieux les pages,
car ils y retrouveront plus facilement les mots-clés essentiels ;
· l'accessibilité sera améliorée
pour les personnes en situation de handicap.
31
III.3.3.1.Adaptation aux navigateurs
Il s'agit de couvrir, autant que possible, une large gamme de
navigateurs :
· différents logiciels du marché ;
· divers systèmes d'exploitation ;
· d'autres médias que le PC : assistant personnel ou
PDA, téléphone mobile...
De plus, les pages web doivent rester lisibles lorsque la
feuille de style n'est pas prise en compte :
· lecture en mode texte ;
· lecture vocale ou en braille ;
· anciens navigateurs qui ne reconnaissent pas les
styles.
III.3.3.2.Structures d'un document HTML
<HTML>
<HEAD><TITLE> Programmation web
</TITLE></HEAD>
<BODY> Connexion au monde d'architecture
</BODY>
</HTML>
Les balises <HTML> et </HTML> stipulent que ce
fichier texte est formaté
selon le langage HTML et délimitent le contenu
à interpréter. Les balises <HEAD> et </HEAD> viennent
du mot HEADER (Entête) et délimitent l'en-tête du document
contenant son titre et des informations sur son contenu. Les balises
<BODY> et </BODY> délimitent le corps du document contenant
le texte, son formatage les objets et les liens qu'il inclut.
III.3.3.3.Quelques balises du niveau bloc
Une première catégorie de balises permet de
structurer le texte en sections et sous sections, paragraphes, listes,
tableaux, ... Dans la liste qui suit, chaque balise est un conteneur comprenant
une ouverture et une fermeture à moins que l'inverse ne soit
explicitement indiqué.
32
· <Hn> Introduit un titre de niveau n comprise
entre 1 et 6, par ordre d'importance décroissant ;
· <P> Permet de commencer un nouveau paragraphe
;
· <HR> Insère une ligne horizontale (c'est
un élément vide : pas de balise de fermeture) ;
· <UL> et <OL> Permettent de créer
des listes d'items, chacun étant marqué par <LI>. Chaque
items est marqué par une puce dans le cas de <UL> ; et par un
numéro dans le cas de <OL>. Les listes peuvent être
imbriquées.
· <TABLE> Permet d'insérer un tableau. Il
s'agit d'une fonctionnalité importante du HTML, notamment parce qu'elle
permet de contrôler assez précisément le positionnement
relatif dans une page. La balise comprend des nombreuses options et attributs,
et est présenté en détail à la section suivante.
· <FORM> Permet d'insérer un formulaire.
Les formulaires constituent le moyen privilégié pour interagir
avec l'utilisateur en lui demandant de saisir les informations ; nous leur
consacrons une section entière.
| 
