Stap 4: HTML-verdeling 2: het lichaam
De <!--Start zwevende hoofdmacht--> net stelt de funky manier de pagina gecentreerd. Zijn niet echt nodig, alleen een esthetisch ontwerp.<!--startmenu--> Dit is de 'interessant' wat als je dit soort dingen. Nu, voordat alle high-end web ontwikkelaar begint gieten over deze code en klagen over het feit dat er geen strikte formating voor de knoppen Ja... Ik weet.
Belangrijk, als je gaat om opnieuw te gebruiken dit dan krijg je hoofd rond deze volgende verklaring:
In feite plonked ik gewoon elke knop in het menu div opeenvolgend. Het logo is eerste, er is geen afstand, de knop winkel komt de volgende. Als je leest de code, nota waar één afbeelding begint en de andere uiteinden. Wanneer u naar swap spullen uit voor uw eigen afbeeldingen oppassen niet te formatteren teveel, je zou een beetje wankel dingen omhoog. Je bent gewaarschuwd.
Met andere woorden, als je de code voor de plaatsing van de knop leest, kijk maar naar het als een rechte, ononderbroken zin. U wilt omwisselen naar om het even welk van mijn woorden voor uw woorden, doen zonder zich het ongerust maken over formating.
Merk op dat deze code wordt overgenomen van het Maker locaties pagina. Dat betekent twee dingen
1. er moet schuldvernieuwing afbeeldingen en code voor alle andere pagina's. Roll-overs = links = code
2. u hoeft niet te koppelen aan de pagina die u op. Dit is de pagina van de maker-locaties, zodat u alleen wilt weergeven van de afbeelding van de knop, geen behoefte om te koppelen aan iets, geen behoefte aan roll over magicry, dat wil zeggen
< img src="Images/makers_tall.png" alt = "maker locaties" width = "94" height = "33" / >
Tenslotte is er de MapKit. Je moet niets meer dan dump de code die je vanuit de wizard MapKit in een div en u moet klaar bent.
< body onload="imagePreload('Images/shops_rollover.png')" >
<!--start zwevende hoofdmacht-->< div stijl = "marge-linkerzijde: automobiel; marge-
rechts: automobiel; positie: relatief; achtergrond: #ffffff; tekst uitlijnen:
links; breedte: 700px; "id ="body_content">
<!--menu start-->< div id = "menu" >
< img src="Images/make.png" alt = "" width = "130" height = "33" / >< een
href="makershops.html" onmouseout="imageRestore()"
onmouseover = "imageSwap ('winkels','Images/shops_rollover.png',
1) ">< img src="Images/shops_normal.png "alt ="maker winkels"width ="93"
hoogte = "28" border = "0" id = "winkels" / >< /a >< img src = "afbeeldingen /
makers_tall.png"alt ="maker locaties"width ="94"height ="33"/ >< een
href="cool_places.html" onmouseout="imageRestore()"
onmouseover = "imageSwap ('plaatsen','Images/places_rollover.png',
1) ">< img src="Images/places_normal.png "alt ="plaatsen"width ="94"
hoogte = "28" border = "0" id = "plaatsen" / >< /a >
<!--einde menu-->< / div >
<!--start kaart-->< div id = "platial_mapKit" >
U voert hier de code van de platial mapKit!!!
< / div ><!--einde kaart-->
< / div ><!--einde zwevende hoofdmacht-->
< / body >
