A travers un tutoriel de 4 pages intitulé "Créer un menu horizontal avec des onglets arrondis, je suis intervenue en qualité d'expert pour le Hors-Série n°16 du magazine Webdesign intitulé "Réussir son site web avec CSS 3".
Le menu est un des éléments essentiels pour un site internet. Choisir les bonnes couleurs, les bonnes rubriques et la bonne taille permettra d’obtenir une navigation efficace. Grâce au CSS, il est possible de le personnaliser facilement.
Ce tutoriel explique comment créer un menu ombré à bords arrondis en CSS avec un minimum de découpes d’images. Le menu étant l'élément phare d'un site internet, il est important de savoir le mettre en place en CSS. La mise en place du menu est souvent un moment long et fastidieux. Ce tutoriel vous permettra de réaliser pas à pas un menu complet, avec la mise en forme des liens du menu, la création et la personnalisation d'un formulaire de recherche, la mise en place de séparateurs entre les liens et la création d'un menu déroulant.
Dans cet exercice, Photoshop vous servira uniquement de support de base pour imaginer notre menu. Pas à pas, vous verrez quelles sont les balises html à mettre en place ainsi que toutes les propriétés css indispensables, notamment celles qui sont necessaires pour les différents navigateurs.