FreeGlobes : 1ère partie - Description du template

Posté par musky00 Publié dans FreeGlobes | Lu 287 fois

Vous venez d’installer votre nouvel annuaire FreeGlobes. Ah non ? Pas encore ?
Alors rendez vous sur le site officiel de FreeGlobes pour y télécharger la dernière version en date et lire les conseils d’installation.

Bon ça y est, vous l’avez installé, il est tout beau tout propre mais le thème Fresh fourni avec le script n’est pas votre tasse de thé et vous avez une idée derrière la tête mais vous ne savez comment vous y prendre. Alors voici un décryptage du thème de FreeGlobes pas à pas.

Tout ce qui va nous intéresser se trouve dans le répertoire du thème et uniquement là. Sur votre serveur, ça se situe dans : themes/fresh/

Dans un premier temps, regardons la page d’accueil de FreeGlobes :

Tout ce qui est encadré de rouge est appelé dans le fichier header.html, ce qui est encadré de bleu dans footer.html et le centre de la page, encadré de vert se situe dans main.html. Nous aurons aussi besoin du répertoire themes/fresh/images qui contient toutes les images associées au thème et du fichier style.css, qui correspond à la feuille de styles en cascade qui permet la mise en forme de la page.

Mais dans cette première partie, nous n’allons nous intéresser qu’à la matrice, le template de l’annuaire, c’est-à-dire tout ce qui va être identique sur toutes les pages de votre site et qui est contenu dans les fichiers header.html et footer.html.

* header.html :

Ce fichier contient en première ligne le DOCTYPE (Document Type Declaration ou Déclaration de Type de Document en français), qui permet d’informer le validateur de la version (X)HTML utilisée dans vos pages et par conséquent des règles auxquelles votre site doit se conformer. Il va également permettre aux navigateurs modernes d’afficher correctement votre site en fonction de ces normes. On ne rentrera pas dans les détails ici, il vaut mieux, si ça vous intéresse réellement, que vous fassiez votre propre recherche.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Sachez simplement qu’ici, la déclaration informe que vous allez utiliser du XHTML 1.0 Strict qui implique des règles de syntaxe strictes que donne Alsacréations :

Le document peut être traité comme du HTML mais aussi comme du XML => ici ce sera du HTML

Les balises propriétaires ne sont pas autorisées (marquee, embed, etc.)
Toutes les balises sans exceptions doivent être fermées
Toutes les balises et leurs attributs doivent être en minuscules
Les attributs ne peuvent plus être minimalisés
Les guillemets sont obligatoires autour de toutes les valeurs d’attributs
Les attributs et éléments de présentation ne sont plus autorisés. Ils doivent être remplacés par des styles CSS => d’où notre fichier style.css mais nous verrons que FreeGlobes n’obéit pas complètement à cette règle
L’attribut target des liens n’est pas autorisé => contourné dans FreeGlobes par la définition d’une class=”_blank” valide
Les iframe ne sont pas autorisés (ni frameset et frame) => malheureusement les publicités utilisent beaucoup les iframe.

* Description détaillée de header.html

* Description détaillée de footer.html

Dans la prochaine partie, nous verrons comment transformer le thème Fresh en autre chose.

Partager: