Bonsoir si vous observez attentivement le document dernier contenant le css menu vous verez que la partie style est vaste et donc prend du temps a tout ecrire... ce qui n'est pas bien en ce qui concerne la productivite.
imaginer vous avez un projet que vous estimer remetre apres disons 7h de travail... mais vous consommer 2 heures pour juste le menu... ce n'est pas du tout proffesionelle.
CSS3MENU va nous aider a augmenter notre productivite en faisant et publiant instantanement des menus simples et complexes dans un temps convenable pour notre development web.
Allons y:
* ouvrez le logiciel , vous verrez deja etablit un menu par defaut avec trois liens (item0, item1,item3)
avant de faire un menu on doit etablir sur papier que veut on avoir dans le menu.
* apres avoir etablis le contenu du menu (pour moi dans un premier temp: Acceuil,A propos, Services,Contacts ). clickez sur le premier lien du menu (item0) . regardez en dessous dans la rubrique proprietes changez les valeur par defaut :
Text: Acceuil
Link: home.html
Target: "laisser vide"
clickez sur le deuxieme lien et faite de meme
Text:A propos
Link: about.html
Target: "laisser vide"
clickez sur le troisieme lien et faite de meme
Text: Services
Link: services.html
Target: "laisser vide"
pour creez un quatrieme lien :
clickez sur la bar d'en haut de la fenetre et assurez vous que aucun sous menu n'est selectionE.
clickez maintenat le bouton le bouton vert de la bar d'outil .un quatrieme lien apparaitra . clickez le et changez les valeurs comme on l'a fait avant.
Text: Contacts
Link: contacts.html
Target: "laisser vide"
retournez au deuxieme lien et clickez dessus.. vous verez un sous menu s'afficher.
clickez le premier sous lien (item 1 0 signifie premier 0 sous item du lien 1 :about ) ensuite cliquez le bouton rouge avec un moins en blanc pour effacer ce sous lien( on ferra les sous lien apres ca) .
effacez ainsi les trois sous liens.
creez ensuite une page html et copiez y ceci.
<html>
<head>
<title>JOUR5 : creation des menu html</title>
</head>
<body>
<table align="center" bgcolor="#fafafa" cellpadding="10" cellspacing="10">
<tr>
<td>
</td>
<tr>
<td bgcolor="#eee">
<h1>Bienvenu sur notre site</h1>
<p>Le contenu du site peu aller ici</p>
<p>Le contenu du site peu aller ici</p>
<p>Le contenu du site peu aller ici</p>
<p>Le contenu du site peu aller ici</p>
</td>
</tr>
<tr>
<td >
<img src="welcome.jpg">
<p>mot de bienvenu</p>
<p>Le contenu du site peu aller ici</p>
</td>
</tr>
</tr>
</table>
</body>
</html>
enregistrez ce document : pour moi... cssmenu.html
notre menu est pret pour etre importer sur la page.
clickez l'option insert to page de la bare d'outils.
un dialog apparaitra selectionez la page que vous venez de creer vous la verai dans le dialog
ensuite selectioner la partie d'en haut de la page la premiere rangee de la table est vide .cliquez y elle changera en jaune ensuite vous verrez un texte y apparaitre (css3 menu...) .
et c'est tout . clickez maintenant sur publish et voila....!
No comments:
Post a Comment