L'essentiel de SPIP 3.1

Définir la structure du site publié

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez détailler la structure du site publié. Il s'agit de comprendre l'utilisation des fichiers HTML et CSS.
02:11

Transcription

Dans cette séquence, nous allons détailler la structure du site publié afin de bien comprendre l'utilisation des fichiers HTML, et CSS que nous allons pouvoir effectuer, car si je reviens sur mon site publié, et bien quelque soit l'affichage, il va y avoir quand même un certain nombre d'éléments qui vont être communs. Il va y avoir l'entête, la barre de navigation et le pied de page. Vous voyez, peu importe où je me trouve, on a toujours ces trois éléments. Donc naturellement, dans chacun des squelettes qui vont être utilisés dans notre site, on ne va pas répéter systématiquement la structure d'affichage de ces trois éléments. Donc, qu'est-ce que nous allons faire ? Et bien on va utiliser une fonctionnalité tout à fait pratique des squelettes de SPIP, c'est les inclusions. Ça veut dire qu'à partir du moment où on a des éléments communs, comme l'entête, la barre de navigation et le pied de page, et bien nous allons pouvoir en faire des squelettes spécifiques, des fichiers HTML spécifiques. Donc pour l'entête, nous allons créer un fichier qui va s'appeler entête.html, pour la barre de navigation, ce sera navigation.html et pour le pied de page ce sera pieddepage.html. Ensuite, pour chaque squelette dédié à l'affichage de la page d'accueil, d'un article, d'une rubrique, et bien ces squelettes vont pouvoir inclure les éléments communs que sont l'entête, la barre de navigation et le pied de page. On n'aura ainsi pas besoin de répéter systématiquement ces trois éléments, puisqu'ils sont communs à tous les affichages. Dernier élément maintenant commun, et bien ça va être la structure HTML interne. Dans chacun des squelettes, et bien dans l'élément HTML head là encore, nous allons avoir un certain nombre d'éléments communs, avec notamment, la liaison à la feuille de style. Ce qui fait que pour chacun des squelettes, et bien nous allons faire, là encore, une inclusion avec un fichier qu'on va appeler head.html qui va contenir tous les éléments communs de l'élément HTML « head ». Donc voilà comment nous allons structurer nos squelettes.

L'essentiel de SPIP 3.1

Apprenez à installer SPIP et à configurer ensuite le site web créé. Voyez comment gérer les contenus rédactionnels, les médias, les utilisateurs ainsi que leurs droits, etc.

3h10 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :11 févr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !