Créer la table en premier la mise en place de la frontière avec une rangée de table et cinq colonnes de la table. Cet exemple comporte cinq colonnes, mais les concepteurs peuvent ajouter plus ou moins, en fonction des besoins de votre site Web. Le code ressemblera à ceci:
"
|
la ligne 1, la cellule 1 | la ligne 1, la cellule 2 | ligne 1, cellule 3 | ligne 1, cellule 4 | ligne 1, cellule 5 | "
Écrivez les noms des sous-pages ou sous-domaines dans les données de la table. Par exemple, si votre site est sur les chiens, la barre de navigation devra informations, telles que "élever un chiot," "choisir un chiot," "l'alimentation d'un chiot," "pansage" et la santé de chiot." Le code ressemblera à ceci:
"
|
Choisir un chiot | Élever un chiot | Nourrir un chiot | Toilettage un chiot | Santé du chiot | "
Insérer des images si vous ne voulez pas le texte brut. Si vous avez un créateur d'image, vous pouvez l'utiliser pour faire des images originales qui ressemblera alors à boutons dans la barre de navigation. Pour insérer les images, fixez l'adresse source de l'image à l'intérieur des sections de données de table. Par example:
"
|
 http://www.mynewpuppy.com/images/choosingpuppybutton.jpg"gt; gt;" | Et ainsi de suite pour le reste de l'information de données de table.
Créer un deuxième document qui aura les commandes CSS div. Vous pouvez utiliser des balises div pour changer la couleur, l'alignement et la taille de la table. Un exemple de CSS commandes pour le tableau ci-dessus ressemblerait à ceci:
tborder {
La couleur de fond: # FFFFFF-
color: # 445534-
border: 2px-
}
Trow {
align: Center-
largeur: 10px-
hauteur: 5px-
}
TDATA {
align: Center-
texte: 12px-
}
Attribuer divs à la feuille de style HTML. Retour à la feuille de HTML où vous avez créé la table. Attribuer les divs à votre table. Le nouveau code devrait ressembler à ceci:
"
|
Choisir un chiot | Élever un chiot | Nourrir un chiot | Toilettage un chiot | Santé du chiot | "
Notez qu'un nouveau div est inséré juste avant la balise HTML suivante. Donc, la div de données de table, "TDATA," est inséré juste avant le html de données première balise de table, "
." | Enregistrer la feuille de HTML et de feuille de style. Ajouter à la fois sur le serveur de votre site Web avec le cPanel (panneau de commande).
Voir la page Web et assurez-vous que la barre de navigation affiche correctement. Vous pourriez avoir à ajuster la largeur et la hauteur à quelques reprises d'obtenir pour l'adapter juste la façon dont vous voulez.