Je viens d'aller faire un tour sur ton site. Intéressant !
Voici un site que j'ai fait pour une amie : http://www.kinesiologie-var.fr (j'ai aussi réalisé le logo)
Quelques remarques sur STUDIO ZEN :
-> écris tous les textes en "clair" (html).
en effet, sur certaines pages, tes textes sont inclus dans l'image de fond (ce qui n'est pas bon pour le référencement !)
-> Evite de mettre trop de textes en "gras" : ca manque d'élégance ...
-> ta page actuelle "menu.php" est à mon avis en trop.
Je l'intègrerais dans ta page "index.php" (cliquer sur "entrer" n'est pas terrible ...).
-> mets un MENU HORIZONTAL sur toutes tes pages.
le lien "retour au menu" est rapidement "pénible" !
De plus, un beau menu est toujours plus agréable et facilite la navigation.
Voici un tuto intéressant : Des menus déroulants grâce aux CSS
Ce menu peut être écris dans un fichier "menu.php" qui sera inclus dans chacune de tes pages.
menu.php :
1 2 3 4 5 6 7 8
| <!-- menu horizontal -->
<div id="menu-horizontal">
<ul id="nav">
<li><a href="page1.php" title="titre de lapage1"><img src="./repimg/image-menu1.png" alt="titre de lapage1" /></a></li>
<li><a href="page2.php" title="titre de lapage2"><img src="./repimg/image-menu2.png" alt="titre de lapage2" /></a></li>
.......
</ul>
</div> |
et dans les pages (là où doit se mettre le menu) :
<?php include('./menu.php'); ?>
et un petit bout de CSS (menu horizontal) :
1 2 3 4 5 6 7 8
| /* MENU */
#menu-horizontal { width:1024px; height:50px; position:relative; clear:both; margin:0 auto; padding:0;
background:url('./images/fondglobal.png') no-repeat; border: medium double #563522; }
#nav { width:1024px; height:50px; position:relative; overflow:hidden; margin:0 auto; padding:0; list-style-type:none; list-style-position:outside; }
#nav li { float:left; position:relative; margin:0; padding:0; list-style-type:none; list-style:none; }
#nav li a { width:100px; height:50px; display:block; margin:0; padding:0; }
#nav li a img { margin:0; padding:0; border:0; }
#nav li a:hover { background:url('./images/fondglobal-clair.png') no-repeat; } /* fond clair sur mouseover */ |
Enfin, dans le footer (pied de page), je mettrais les liens vers les 3 parties de ton site (Studio Zen - Le Grenier - GreyWolf)
Partager