Cookies acceptés.
bouton pour découvrir notre choix
bouton de redirection: haut
bouton de redirection: home
bouton de redirection: bas
bouton de redirection: explication des cookies
Création de sites web 3 D.   Webmaster, webdesign - Conseil.

Votre site web 3D, ... pour une autonomie.

Un espace francophone artisanal et pédagogique.
Logo de LigneWeb

la communication web
... JavaScript indispensable ... code utf-8 ... -  © design : LigneWeb

- Site expérimental en XHTML 1.0 et CSS 2.0 avec CSS 3.0 -


 •   Plan du site 
Avec des cours et des conseils.
  Notre Blog :  La ligne papyrus 
 MENU  -  Création site  - créer 1  - créer 2  - créer 3  - créer 4  - créer 5  - créer 6  - créer 7  - créer 8  - créer 9 
 Menu création site 7  - Contenu  - éléments du corps  - présentation  - style 



La Création d'un site web.
Cours 7 : le corps.



 © LigneWeb  ... /création site: le corps.
© design : LigneWeb
© : alain jean deligne - LigneWeb
Le logo de LigneWeb

Exemple de corps.

Suivez-nous.








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 prenons la page ...  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 ...




Les offres de cours.

... nous avons ici trois petits blocs pour les offres de cours ...




Les offres information HTML 5.

... ici nous avons deux blocs différents pour l'information HTML 5 et pour la recherche la concernant ...


… 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 ...


… il faut enfin mettre toutes les parties ensemble pour obtenir la page …  corps  ...

... design 3 D ...

...  fenêtre sur l'univers  ...             © design : LigneWeb - © Apple





 MENU  -  Création site  - créer 1  - créer 2  - créer 3  - créer 4  - créer 5  - créer 6  - créer 7  - créer 8  - créer 9 
  Essentiel :   - Accueil  - Offres  - Site photo  - Projet  - Historique  - Historique RSS  - Réalisations  - Création 
- Cours XHTML  - Cours CSS 2  - Création  site  - Cours HTML 5  - Cours CSS 3  - Cours jQuery 
- Programmes JS  - Liens - © - cookies  - Contact  - Plan du site 

Chaque enfant compte. Plan Belgique     Valid XHTML 1.0 Transitional     [Valid RSS]     CSS Valide !     Le logo de LigneWeb

... tout ne respecte pas le W3C ... site d'expérimentation ...

le titre du site web
©  Copyright :  "LigneWeb" (2008-2017) Tous droits réservés.  Légal  Design, Artisan web: mathalan 
 LigneWeb :   BE 0843 356 602. (2012-2017)   Conditions d'utilisation  Création: masterligne  • Qui sommes nous? 

Réinstaller le Bien en soi ... pour réinstaller le Bien sur terre ... et changer le monde.
© LigneWeb  Utilisation de cookies