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 8  - Contenu  - éléments du pied de page  - présentation  - style 



La Création d'un site web.
Cours 8 : le pied de page.



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

Exemple de pieds.


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 pieds de ce site  ...
... comme nous le savons, ... ce pieds sera entièrement construit entre deux balises ...
... qui sont ... la balise entrante ... <div id="pieds"> ...
... 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» ...


Le pieds de la page.

Le pieds de ce site : Nos offres.


... nous prenons la page ...  Nos offres  ...

... nous avons cet ...  exemple concret  ... dans la page complète ...  pieds de page  ...

Les éléments du pieds :

... le … premier élément est le bloc complet du pieds ... avec sa couleur de fond …
… qui est plus claire que celle du menu et du corps … il se définit avec la balise :
<div id="pieds"> … qui est la balise enrante … et … </div> … la balise sortante ...

... le … deuxième élément est une banière, … elle aussi dans un bloc, … avec une légère transparence …
… permettant à l'image de fond (les fleurs) de transparaître …
… cette fleur de fond se définit dans le fichier ligne5.css …

... le … troisième élément ... est ... un bloc avec une bannière … aussi avec une légère transparence …

... le … quatrième élément … est ... un bloc dans lequel il y a …
… un lien pour lutter contre les spams …
… un lien pour aller au plan du site LigneWeb …
… et un lien pour actualiser la page sur laquelle nous sommes …

... le … cinquième élément … est ... un bloc dans lequel il y a …
… un lien pour allez sur le site du W3C … définissant la conformité pour le HTML …
… un liens pour un site web …
… un lien pour allez sur le site du W3C … définissant la conformité pour le CSS …

... le … sixième élément … est ... un bloc non visible dans lequel il y a …
… un lien pour allez sur la page du copyright …
… des liens de contact avec un liens pour le légal …
… d'autres liens de contact avec un lien pour lutter contre les faux sites …







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 


La présentation ...

... le bloc du pieds détaché du corps - comme ceci : ...


... nous avons les images une avec les fleurs ancrée dans le bloc et
… l'autre image du magicien qui est fixe par rapport à l'écran …
… et les deux images sont définies dans le fichier extérieur ligne5.css ...

La première bannière ...

... la bannière...
… avec un sous-titre explicatif de la transparence et ombrage en CSS 3 …


Une deuxième bannière …

… une bannière avec ombrage et transparence … choix d'un regard ...


Un bloc d'information …

… il y a des liens hypertexte pour les spams, le plan du site web et une acrualisation de la page ...


Un deuxième bloc d'information …

… il y a des liens hypertexte pour le W3C, etc avec une explication ...


Un dernier bloc d'information …

… ce bloc n'a pas de bordure ni de couleur de fond …
… c'est pour le copyright et autres informations légales ...






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 ...  pieds de page  ...

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