PRELIMINAIRE
Comment créer la structure d'un site web - qu'est-ce que le XHTML ?
Quand vous surfez sur internet, vous consultez ce que l'on appelle des sites (ou
pages) web. Ne vous êtes-vous jamais demandé comment ces pages étaient-elles conçues
? Pourquoi utilise t-on un navigateur pour surfer sur le web (Internet Explorer,
Mozilla firefox, Opéra...) ?
Je vais vous donner une réponse : ces pages ont été réalisées dans un
langage qui est interprété par votre navigateur et transformé en site
web visible. Concrètement, le webmaster tape des lignes de code dans un
langage conçu à cet effet (nous verrons plus tard qu'il existe deux
langages utilisés pour créer les sites web), et le navigateur
transforme ces langages en images, en texte, etc...
Le nom donné à ce langage est le HTML (Hyper text markup language),
ou langage dit "à balises". Son successeur, le XHTML (eXtensible Hyper Text
Markup Language), se veut plus rigoureux, nous verrons sur quels points
il a évolué plus loin dans ce cours.
Que permet le XHTML ?
Le XHTML est la base de construction des sites web. Ce language est uniquement utilisé
pour structurer le site (dire "ici je place un titre", "ici j'ai un paragraphe",
etc...). On utilise un autre langage pour dire "Le titre sera vert et de taille
20 pixels" ou encore "ce bloc sera placé à gauche et le menu à droite", il s'agit
du CSS (Cascading Style Sheets, ou feuilles
de style en cascade).
Le XHTML permet donc de décrire sémantiquement tout le contenu d'une
page Web, et il ne doit être utilisé qu'à ces fins. Le HTML était trop
peu précis et permettait de nombreuses erreurs en mélangeant la mise en
forme de la structure. Le XHTML est là pour remédier à cela.
Bien que de coder parfaitement un site du premier coup est presque impossible pour
un débutant, vous verrez que la séparation de la forme et du contenu offre de nombreux
avantages. On en reparlera plus tard dans le chapitre "Accessibilité" que vous pourrez
consulter en annexe.
Ce langage ne vous permet pas de concevoir des sites dynamiques à lui tout seul,
il faut pour cela lui adjoindre un autre langage tel que le PHP
par exemple.
Comment concevoir son site web et avec quoi ?
Le
XHTML a été conçu pour être compatible avec le plus de navigateurs
(logiciels utilisés pour surfer sur le web) possibles. Il en a résulté
que vous pouvez utiliser n'importe quel éditeur de texte pour concevoir
votre site web. Le bloc-notes de Windows fera donc parfaitement
l'affaire.
Bien sûr, n'importe quel éditeur de texte fera l'affaire. Le bloc-notes étant ce
qu'il y a de plus léger, je ne peux que vous le recommander, d'autant plus qu'il
est intégré à Windows. Pour y accéder, cliquez sur démarrer > tous les programmes
> accessoires > bloc-notes.
Les différents navigateurs du marché
Vous ne le savez peut-être pas, mais Internet Explorer n'est pas le seul navigateur
! Il en existe des dizaines d'autres. Le problème est que généralement, les navigateurs
ne comprennent pas forcément de la même façon les langages utilisés pour concevoir
des sites web. Pour le XHTML, cela ne pose presque pas de problème (à vrai dire,
Internet Explorer ne comprend pas certaines choses mais ceci est peu important),
alors que pour le CSS ses défauts sont nettement plus problématiques. Conscient
qu'Internet Explorer perdait de plus en plus de parts de marché, Microsoft a décidé
de lui offrir une jeunesse en sortant la version 7 de son navigateur phare, avec
au menu, pour ce qui nous intéresse, un meilleur respect des spécifications CSS.
On est encore loin du compte mais le progrès est quand même notable par rapport
à la version 6.
Un autre navigateur très en vogue en ce moment qui se permet de manger des parts
de marché à Internet Explorer, il s'agit de Mozilla Firefox. Ce navigateur a pour
avantages sur son principal rival un meilleur support des CSS et une énorme quantité
d'extensions lui permettant d'être très personnalisable. Il est également légèrement
plus rapide pour afficher les pages Web qu'internet Explorer, et est plus sécurisé
que ce dernier. Il a pour principaux
défauts une gestion des ressources catastrophique (ressources consommés, gestion
des ressources par onglet, etc ...) ainsi qu'une relative lourdeur au chargement
et à l'utilisation.
Dernier navigateur que je vous présenterai, Opera. Ce navigateur offre un respect
des standards CSS et XHTML inégalé. En outre, il est nettement plus rapide que Firefox
et Internet Explorer pour afficher les pages web. Il dispose également de nombreuses
fonctions inclues, sans devoir installer d'extension. Tant mieux, car les extensions
disponibles sont peu nombreuses comparées à Firefox. Il s'agit d'un navigateur très
léger, qui consomme peu de mémoire vive et de ressources processeur. Il pourra donc
être installé sur une vieille machine sans ralentissements notables. Ce navigateur
est également le plus sécurisé des trois pour le moment. Bref, je vous le conseille
!
Quand vous allez créer votre site, tâchez de le tester sur ces trois navigateurs.
Vous serez assuré d'avoir une compatibilité quasi maximale avec n'importe quel autre
navigateur consultant votre site.