Étape 1: Bâtir une Page Web de CSS !
Commencez par coller ce code dans mon Live Page Builder ou le bloc-notes :
< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional / / EN" « http://www.w3.org/TR/html4/loose.dtd » >
< HTML >
< HEAD >
< meta http-equiv = « Content-Type » content = "text/html ; charset = iso-8859-1 ">
< titre > ma première Page CSS! < /title >
< link rel = "StyleSheet" type = "text/css" href="stylecss.css" media = "écran" >
< / HEAD >
< BODY >
< DIV id = header >
< div class = « title » >
< a href = « http://htmlinc.com » > votre titre < /a >
< / div >
< / DIV >
< DIV id = conteneur >
< DIV id = contenu >
< DIV class = « paragraphe » >
< DIV align = « center » >
< a href = « http://htmlinc.com/index.php » > Accueil < /a > |
< a href = « http://htmlinc.com/services.php » > Service < /a > |
< a href = « http://htmlinc.com/aboutus.php » > sur < /a > |
< a href = « http://htmlinc.com/contactus.php » > Contact < /a > |
< a href = « http://htmlinc.com/sitemap.php » > Plan du site < /a >
< H4 style = "text-align : center" > titre de Page < / H4 >
< / div >
< DIV >
Le contenu de votre corps - va ici. Cette page soit retenue avec CSS. Le texte plus que vous mettre ici plus votre page va croître avec le texte. < BR >
Vous pouvez utiliser ce modèle pour former plusieurs sites différents en changeant seulement trois photos : < BR >< BR >
< img src="images/bullet.jpg" alt = "Bullet" style = "padding : 10px 10px 0px 10px" > header.jpg < BR >
< img src="images/bullet.jpg" alt = "Bullet" style = "padding : 10px 10px 0px 10px" > body.jpg < BR >
< img src="images/bullet.jpg" alt = "Bullet" style = "padding : 10px 10px 0px 10px" > footer.jpg < BR >< BR >
Nous allons utiliser ce modèle pour toutes les futures leçons.
< / DIV >
< / DIV >
< / DIV >
< DIV id = navlist >
< DIV id = nav-1 >
< H3 > votre Menu < / H3 >
< UL >
< LI >< A href = « http://htmlinc.com/web101.php » > Web 101 < /A >< /LI >
< LI >< a href = « http://htmlinc.com/code.php » > HTML Code < /a >< /LI >
< LI >< a href = « http://htmlinc.com/htmlcolorcodes.php » > Codes couleurs < /a >< /LI >
< LI >< a href = « http://htmlinc.com/css.php » > CSS < /a >< /LI >
< /UL >
< / DIV >
< / DIV >
< / DIV >
< DIV id = pied de page >
< / DIV >
< / BODY >
< / HTML >