Personnaliser un site webCouleurs de police, d'arrière plan, hyperlien, etcLa première chose qu'il est possible de personnaliser est la couleur de votre site. Voici comment définir la couleur d'arrière plan de votre site web : Ajouter à l'intérieur de la balise <body> l'attribut bgcolor qui définit la couleur d'arrière plan de la page. Voici un exemple : <body bgcolor="silver"> Ce code affichera la couleur argent en arrière plan. Maintenant, vous pouvez choisir d'afficher votre texte en une autre couleur que noir. Voici le code suivant qui définit la couleur de vos hyperlien, titre et police, ainsi que le type de police. <style type="text/css"> Ces instructions doivent apparaître à l'intérieur des balises <head></head>. La définition des styles s'appliquera à toutes les balises inscrites entre les balises <body></body>. Içi, la définition de style indique que les hyperliens (A) apparaîtront en vert lime. Le texte des paragraphes sera en argent et utilisera une police verdana. Enfin, les titres H1 seront en rouge et les titres H3 et H5 seront en jaune. Pour plus de détail, consultez notre tutoriel sur les feuilles de style. Arrière planPour insérer une image d'arrière plan, il faut utiliser l'attribut background de la balise <body>. Voici un exemple : <body background="background.jpg"> L'image d'arrière plan devrait être en format jpeg (.jpg) ou gif (.gif). De plus, l'image devrait être placée dans le même répertoire que la page web. Vous pouvez construire votre propre image d'arrière plan en utilisant des outils de graphisme comme Corel Draw ou Photoshop. Il est aussi possible de trouver une image en consultant la section Images gratuites sur WebD qui pourra vous servir de logo. Lignes horizontalesLes lignes horizontales sont de bons éléments pour séparer visuellement les sujets importants ou différentes sections de votre page. Pour insérer une ligne horizontale, utilisez la balise <hr>. Pour plus de détail, consultez notre tutoriel HTML. LogoUn logo est utilisé pour donner une image à votre site. Généralement, le logo apparaît dans la partie supérieure de vos pages. Vous pouvez construire votre propre logo en utilisant des outils de graphisme comme Corel Draw ou Photoshop. Il est aussi possible de trouver une image en consultant la section image gratuite sur WebD qui pourra vous servir de logo. Les logos sont insérés de la même manière qu'une image, en utilisant la balise <img>. <img src="logo.gif"> IcônesLes icônes sont utilisés de la même manière qu'un bouton. Ils abritent généralement des hyperliens. Vous pouvez construire vos propres icônes en utilisant des outils de graphisme comme Corel Draw ou Photoshop. Il est aussi possible de trouver des images en consultant la section Images gratuites sur WebD qui pourront vous servir d'icônes. Pour insérer un hyperlien sur une image, il suffit d'insérer une image à l'aide de la balise <img> à l'intérieur des balises de lien <a></a>. Vous pouvez utiliser cette icône pour faire l'exemple : Voici un exemple :<a href=http://www.webdonline.com><img src="home.gif"></a> Barre de navigationUne barre de navigation pourra être utile pour aider vos visiteurs à naviguer sur votre site. On retrouve dans la barre de navigation un lien vers la page d'accueil et vers les pages principales de votre site. Voici comment construire une barre de navigation simple : Il faut d'abord créer une structure pour recevoir les liens. Cette structure sera un tableau parce qu'il est facile de les manipuler et de les mettre en page et de changer les couleurs de fond. Le tableau est défini par les balises <table></table>. Chaque rangée est définie par les balises <tr></tr>. Enfin, chaque cellule d'une rangée est définit par les balises <td></td>. Pour en savoir plus sur les tableaux, consultez notre tutoriel HTML. Votre barre de navigation comportera une rangée avec autant de cellule qu'il y a de lien. Voici un exemple :<table width="100%"> Cette barre de navigation contient 4 cellules sur une couleur de fond bleu (#000099 qui est noté en RGB) et inclut une icône pour représenter la page d'accueil.  Ajouter des hyperliens
Mise en page du modèle 
|
Partenaires
Carrefour Internet
Carrefour Internet information
carrefourinternet
|
||||||||||||||||
| POPULARITÉ DU JOUR | VOTE DU JOUR | |||||||||||||||
|
||||||||||||||||
