André Willemijns WebSite
Réalisation avec un gabarit
Catégories
Blogroll
Site web complet
le 19 novembre 2007
La réalisation d'un site web avec l'utilisation des feuilles de style demande une maîtrise complète de la programmation des pages XHTML et CSS.
C'est pourquoi nous proposons ici la possibilité de réaliser un site web de 4 pages dont le design est prédéfini. Le corps du site peut être réaliser avec le logiciel NVU qui ne demande pas de connaissances particulières.
Les différentes parties de la page appelée ici boîte
La page est composée de 5 parties regroupées dans une boîte "conteneur"
- La boîte supérieure "header" qui reçoit le titre du site
- La boîte "haut" qui permet de naviguer dans les autres pages du site
- La boîte "centre" qui reçoit le contenu de la page, les titres, les textes et les images.
- La boîte "nav" qui permet de naviguer à l'intérieur de la page et éventuellement vers les autres pages créer lors que la page est trop importante.
- La boîte "pied" qui ferme l'ensemble
Le formatage de ces pages est géré par une feuille de style
Pour voir le gabarit proposé cliquez ici
Les dossiers et les fichiers
Pour réaliser les différentes pages du site web il faut organiser l'emplacement des différents composant sur le disque dur de l'ordinateur et cela dans le même ordre que celui qui sera sur le serveur.
Télécharger les gabarits et décompresser le fichier zip, puis coller les fichiers les pages et la feuilles de style dans un fichier de votre ordinateur comme le montre la photo ci-contre.
Pages web au format PowerPoint
le 19 novembre 2007
Le but de la création de ce type de page web permet la réalisation de pages similaires à celles réalisées avec un logiciel de présentation comme PowerPoint.
La structure des pages sera :
- En haut à droite le logo de la société
- En haut à gauche une image
- Au centre la partie réservée au texte avec aussi éventuellement la possibilité d'incorporer des images.
- Cette zone texte a été volontairement fixée avec une hauteur minimum pour obtenir une zone fixe pour la barre de navigation. Toutefois dans le cas ou la zone texte sera plus grande la barre de navigation sera déplacée.
- Sous la zone texte la barre de navigation
- En bas nous la zone pied de page
Pour voir le modèle de pages web de présentation, cliquez ici (F11 pour plein écran)
Télécharger le dossier complet (dossier zip)