Création du design d’un site
Prévenir un ami !
J’espère que vous avez déjà les bases du xhtml et du css. En effet, le xhtml permet de faire le contenu de votre site web (texte…).
Tandis que le css permet de présenter le site. C’est de ce second langage dont nous aurons besoin pour la réalisation du design du site web.
Petit rappel, il faut savoir que pour voir ce que vous faites vous avez besoin d’un navigateur et d’un logiciel pour lire le code.
Sinon vous pouvez utiliser le bloc-notes de votre ordinateur pour faire la lecture. De plus, l’enregistrement de fait avec l’extension css.
Pour faire le design, une balise nous sera très importante. Il s’agit de la balise . Cette balise nous permettra de faire les 4 partie de notre design : en-tête, menu, contenu, pied de page. Pour le code xhtml on fait :
Code : html
Pour le code html, il faut concevoir les 4 parties du design entre les balises div. Il ne vaut pas oublier de bien mettre les crochet des balises qu'on a pas mis ici (< >).
div id="bandeau" Ceci est le bandeau /div
div id="menu" Ceci est le menu /div
div id="contenu" Ici le contenu /div
div id="piedpage" Ceci est le pied de page /div
Pour le code css :
Code : css
#bandeau
{
width:600px;
height:50px;
background-color:#00CCFF;
}
#contenu
{
width:600px;
height:400px;
background-color: #abcdef;
}
#piedpage
{
width:600px;
height:50px;
background-color:#33FF99;
}
#menu
{
float:left;
width:95px;
height:400px;
background-color:#FF6699;
}
|
|
Nous recherchons actuellement des rédacteurs pour écrire de nouveaux articles sur Radicule.com
Vous avez envie de communiquer sur le Net ? En savoir plus ...


