Comment ça fonctionne un site web?

Un site web est composé au minimum de 2 langages qui sont le XHTML et le CSS.

Le XHTML est un langage constitué de balises qui permet de structurer et de mettre en forme le contenu d'une page. XHTML est donc le langage de base du Web.
Le CSS. est quand à lui un langage permettant la mise en forme de votre page. En résumé, le CSS. vous permet de définir à peu près tout ce qui concerne la présentation d'une page web : couleur et taille de la police de caractère, couleur de fond , alignement du texte, placement des images, etc ...

Les navigateurs

Un navigateur est un programme qui "restitue" visuellement le code XHTML/CSS contenu dans les pages web. Son travail est de lire le code que constitue une page web et de vous affichez ce qu'il représente.

En résumé : Le client (vous) demande un page web -> le serveur (machine ou est hébergé le site) traite la demande et renvoie la réponse -> le navigateur affiche la réponse.

serveur
Il existe une multitude de navigateur et voici les principaux d'entres eux :

  • Internet Explorer (pour Windows)
  • Mozilla Firefox (pour Windows, Mac et Linux)
  • Opera (pour Windows, Mac et Linux
  • Safari (pour Mac)
  • Konqueror (pour Linux)
  • etc.

Ouai, mais je m'en fou moi de tout ces navigateurs!

Je m'en doute bien mais vous ne devriez pas...
La finalité de cette courte histoire sur les navigateurs est qu'ils n'interpretent pas tous de la même façon les éléments ou mise en formes d'une page web.
Autant Mozilla Firefox vous restitura parfaitement votre page web, autant Internet Explorer vous enquiquinera car ce dernier est un peut à la "bourre" concernant les normes XHTML et CSS.

Hééé ...?

Sachant que la majorité des internautes utilisent Mozilla Firefox ou Internet Explorer comme navigateur, il est donc important de visualiser le résultat de votre travail dans c'est 2 principaux navigateur.

Les éditeurs

C'est quoi un éditeur?

Un éditeur est un logiciel qui permet de créer des pages web. Il existe un bon nombre d’éditeurs de sites web et je vais donc éviter de tous vous les énnumérez. D'une part par parce que je suis loin de tous les connaitres et d'autre part parce que sa serait trop long .
Néamoins on peut les regrouper en deux catégories :

  • les éditeurs WYSIWYG
  • les éditeurs de texte


Quelle est la différence entre ces deux types d’éditeur?


Les éditeurs WYSIWYG (What You See Is What You Get) signifiant en gros « ce que vous voyez est ce que vous obtenez », vous permet d'écrire le contenu de votre site directement sans avoir à taper une seule ligne de code XHTML/CSS. En gros, ils génèrent automatiquement le code XHTML/CSS. C'est le cas notament de NVU, Frontpage, Dreamweaver, etc...
Ces logiciels sont assez faciles à prendre en mains et vous permet de créer rapidement une ou quelques pages voir un site web complet.

Inconvénients :

  • Le code restitué bien que fonctionnel est loin d'être génial.
  • La séparation du contenue (XHTML) et de la forme (CSS) ne sont pas évidentes
  • Ils sont limités.
  • Vous avez une page... c'est cool mais qu'avez vous comprit à la final?
  • Il ne sait pas faire les pizzas !


Les éditeurs de texte ont quand à eux une plus grande souplesse dans la création d'une page et vous permettent à peut près de tout faire sur vos pages web sous reserve que vous connaissiez les langages XHTML et CSS. Comme je vous l'ai déjà dit, une page web est constitué principalement de 2 langages qui sont le XHTML et le CSS. Un éditeur de texte permet d’éditer directement le code XHTML et CSS de son site. Vous gèrez donc tout de A à Z en dissociant parfaitement les 2 langages de base qui constituent votre page web.
Il existe également une multitude d'éditeurs de texte dont notament : Bloc-Notes, Notepad++, UltraEdit, etc... Nous utiliserons principalement l'éditeur de texte Notepad++ qui d'une part est gratuit et qui d'autre part colore le code XHTML/CSS, ce qui permet de ce repérer plus facilement dans votre code.

notepad++
A noter qu'ils ne savent pas non plus faire les pizzas !

Voir/déposer un commentaire (1) | Signaler un problème