Le blog de Phil

J'habite Malakoff, la plus belle ville du monde

La refonte du site internet de la ville de Malakoff (2/4) : La technique côté client

Lorsqu’en conseil de quartier j’ai posé la question, pour ma culture, de savoir quelle technologie était utilisée pour le site de la ville, on m’a répondu que c’était en HTML.

 

En réalité, la réponse est juste et en même temps fausse.

 

Au fond, je m’interrogeais plus sur la communauté utilisée (PHP, Java ou dotnet).

 

Pour en revenir au HTML (au fait, le HTML a été formalisé pour ressembler au XML, on parle de XHTML), effectivement, le navigateur web lit du HTML (ou XHTML).

 

Mais à chaque changement, il est hors de question de refaire une page XHTML. En réalité, elle est générée dynamiquement par un serveur qui crache le code HTML. Et la donnée est stockée dans une base de données. Si on a un blog, on le met à jour. Les articles sont en base de données, le serveur va chercher l’information dans la base de données et se charge de cracher côté client du code XHTML/HTML.

 

On va donc parler de la page HTML/XHTML du site de Malakoff, donc de la page web envoyé au navigateur par le serveur.

 

Or, dire que côté client on a du HTML, c’est vrai et faux.

En réalité, la page web (généré par le serveur dynamiquement) est construite sur trois piliers :

Le HTML/XHTML, le JavaScript et le CSS.

Le tout est normalisé par le W3C qui normalise les langages et donne les bonnes pratiques.

 

Tous les navigateurs respectent le W3C, tous sauf un : Internet Explorer.

 

Je me permets de le rappeler.

 

Le HTML est le langage qui va définir la structure de la page.

Le CSS est le langage qui va définir la mise en page. La page est-elle vertes, écrit-on en italique…

 

Quant au JavaScript, il permet de définir des actions utilisateurs qui se feront sans appeler le serveur.

 

Au début du web, on cliquait sur un lien ou un bouton, on appelait le serveur et on rechargeait la page entière.

 

C’est fini.

Aujourd’hui, la page est une application à elle toute seule et on appelle généralement le serveur qui recharge une partie de la page. On parle de web 2.0 ou d’AJAX (pour Asynchronous JavaScript and XML).

 

Pour le JavaScript et le CSS, on peut les mettre respectivement dans une balise HTML script et une balise style.

 

Là aussi, il y a des conventions. Le JavaScript et le CSS sont à l’extérieur de la page dans des fichiers appropriés.

 

Je me suis donc permis de jeter un coup d’œil sur la page HTML généré sur le site de la ville (lecture à l’aide de Notepad++).

 

Je tiens à donner mon entière satisfaction. La page est codée de façon propre, selon les normes du W3C.

 

Le CSS et le JavaScript est appelé à partir de fichier extérieur.

On utilise des balises div et span comme le recommande le W3C.

 

Certes, il y a un peu de script extérieur entre deux balises scripts, mais c’est du JQuery et c’est un peu spécial.

 

J’espère que la refonte du site gardera cet aspect.

Publicités

24 octobre 2013 - Posted by | Informatique, Malakoff, Politique, politique locale | , , , , , , , , ,

Aucun commentaire pour l’instant.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :