La Création d'un site web.
Cours 7 : le corps.
© LigneWeb
... /création site: le corps.
© design : LigneWeb
© : alain jean deligne - LigneWeb
Exemple de corps.
Remarque : ... en CSS2 et CSS3 ... :
pour cette page et non visible ... :
le fichier ...
ligne21.css ... qui mélange du CSS 2 avec du CSS 3 ...
... et ceci grâce aux sélecteurs spécifiques ... expliqués au ...
Cours CSS 3
... prenons comme exemple partiel ... le corps de ce site ...
... comme nous le savons, ... ce corps sera entièrement construit entre deux balises ...
... qui sont ... la balise entrante ... <div id="corps"> ...
... et la balise sortante ... </div> ...
... ceci a été vu au ...
cours 2 : .... qu'il faut connaître au préalable ...
... c'est l'ancienne page ... «nos offres» ...
… la place à côté du menu se définit dans le style … dans le fichier .css 2.0 extérieur … que nous verrons aussi …
Le corps de la page.
Le corps de ce site : Nos offres.
... nous avons cet ...
exemple concret ... dans la page ...
corps ...
... avec l'en-tête et le menu préalablement réalisés qui s'y joignent ... pour être complet...
Les éléments du corps :
... le premier élément est le bloc complet du corps ... avec sa couleur de fond ... qui est identique à celle du menu ...
... le deuxième élément est une barre de séparation, elle aussi dans un bloc de couleur ... mais pas prise ici ...
... le troisième élément est ... un bloc dans lequel il y a la présentation avec …
… un titre de la page …
… un nouveau titre avec une image représentative de LigneWeb …
… un sous-titre avec deux blocs de recherche …
… deux blocs de textes explicatifs …
L'essentiel de l'offre
… plusieurs blocs contenant les différentes Offres … avec des blocs de taille différentes …
… ce qui permet de les mettrent en évidence … ( toujours la clarté recherchée ) …
… ces différentes offres concernent la construction de sites web ...
… une deuxième série de blocs … précédés par un titre et qui explique les différents cours ...
… une troisième série de blocs pour l'information quand au nouveau langage … html 5 ...
Des remarques
… cela se termine par quelques remarques … avant la fin du corps ...
Réalisation des différents éléments :
... la construction se fait
dans l'ordre ... premier bloc suivi du deuxième ...
... et ainsi de suite ...
c'est important …
… mais l'image sera placée en premier … par rapport au titre qui se trouve à gauche …
voir le cours ...
La présentation ...
... le titre de la page et autres informations … comme ceci : ...
Le titre ...
... le titre et l'image ...
… avec un sous-titre … et deux petits blocs de recherche …
… ainsi que deux blocs explicatifs ... comme ceci : ...
Les offres de création web.
… nous avons ici trois blocs importants représentant les trois propositions pour la création web ...
code
Les offres de cours.
... nous avons ici trois petits blocs pour les offres de cours ...
code
Les offres information HTML 5.
... ici nous avons deux blocs différents pour l'information HTML 5 et pour la recherche la concernant ...
code
… nous avons l'essentiel du corps de la page web … offres …
… il faut mettre ensemble ces cinq parties dans le même bloc … corps …
… et ce bloc .. corps … doit être mis à la suite des deux blocs précédants … en-tête … et … menu …
Et le fichier extérieur CSS :
... nous ne donnons que les éléments propre au corps ...
code
… il faut enfin mettre toutes les parties ensemble pour obtenir la page …
corps ...