Étape 4: HTML ventilation 2: le corps
Le <!--Start--> juste le corps flottant principal met en place la façon funky, la page se centre. Son pas vraiment nécessaire, juste une conception esthétique.<!--menu Démarrer--> C’est le peu « intéressant » si vous aimez ce genre de choses. Maintenant, avant n’importe quel web haut de gamme développeur commence à verser sur ce code et se lamenter sur le fait qu’il n’y a aucun formatage strict pour les boutons, oui... Je le sait.
Important, si vous allez réutiliser ce puis obtenir votre tête autour de cette instruction next :
Essentiellement j’ai juste plonked chaque bouton dans la balise div menu séquentiellement. Le logo est d’abord, il n’y a aucun espacement, le bouton Boutique vient ensuite. En lisant le code, notez où commence une image et l’autre extrémité. Quand vous allez à swap choses pour vos propres images faites attention de ne pas reformater trop, vous pourriez bancal choses vers le haut un peu. Vous aurez été prévenu.
En d’autres termes, lorsque vous lisez le code pour l’emplacement des boutons, juste le regarder comme une phrase directement, sans interruption. Vous souhaitez échanger sur un de mes mots pour vos paroles, de le faire sans se soucier de formatage.
Notez que ce code est tiré de la page emplacements du constructeur. Cela signifie deux choses
1. il faut faire des images de renversement et le code pour toutes les autres pages. Roll-overs = liens = code
2. vous êtes inutile de faire un lien vers la page que vous êtes sur. C’est la page maker, donc vous devez uniquement afficher l’image de bouton, pas besoin de le relier à quelque chose, pas besoin de rouleau sur le magicry, c'est-à-dire
< img src="Images/makers_tall.png" alt = "emplacements maker" width = "94" height = "33" / >
Enfin, il y a le MapKit. Vous devez faire rien de plus que vider le code que tu dois partir de l’Assistant de MapKit dans un div et vous êtes faites.
< body onload="imagePreload('Images/shops_rollover.png')" >
<!--commencer le corps flottant-->< div style = "marge gauche : auto ; marge-
droite : auto ; position : relative ; fond : #ffffff ; text-align :
gauche ; Largeur : 700px ; "id ="body_content">
<!--menu Démarrer-->< div id = « menu » >
< img src="Images/make.png" alt = "" width = "130" height = "33" / >< un
href="makershops.html" onmouseout="imageRestore()"
onmouseover = "imageSwap ('les magasins','Images/shops_rollover.png',
1) ">< img src="Images/shops_normal.png "alt ="boutiques de créateur"width ="93"
hauteur = « 28 » border = « 0 » id = « boutiques » / >< / a >< img src = "Images /
makers_tall.png"alt ="emplacements maker"width ="94"height ="33"/ >< un
href="cool_places.html" onmouseout="imageRestore()"
onmouseover = "imageSwap ('lieux','Images/places_rollover.png',
1) ">< img src="Images/places_normal.png "alt ="places"width ="94"
hauteur = « 28 » border = « 0 » id = « places » / >< / a >
<!--menu fin-->< / div >
<!--start carte-->< div id = « platial_mapKit » >
Vous entrez le code mapKit platial ici!!!
< / div ><!--End carte-->
< / div ><!--fin des corps flottants principal-->
< / body >