Paso 4: Desglose de HTML 2: el cuerpo
La <!--Inicio cuerpo principal flotante--> solo configura la manera funky la página centros de sí mismo. Su no realmente necesario, sólo una estética de diseño.<!--menú Inicio--> este es el interesante si te gusta este tipo de cosas. Ahora, antes de cualquier gama alta web Desarrollador comienza a verter sobre este código y se lamentaban por el hecho de que no existe ningún formato estricto para los botones, sí... Sabe.
Importante, si vas a volver a utilizar esto para obtener su cabeza alrededor de esta declaración siguiente:
Básicamente yo sólo explota cada botón en el div del menú secuencialmente. El logo es el primer, no hay separación, el botón de tienda viene a continuación. Al leer el código, nota donde comienza una de las imágenes y los otros extremos. Cuando vayas a intercambiar cosas hacia fuera para sus propias imágenes tenga cuidado de no formatear demasiado, puede que cosas torcidas hacia arriba un poco. Estáis avisados.
En otras palabras, cuando usted lea el código para la colocación del botón, sólo ven como una sentencia directamente, sin interrupciones. Desea cambiar cualquiera de mis palabras por tus palabras, sin preocuparse de formatear.
Tenga en cuenta que este código está tomado de la página de ubicaciones de la fábrica. Eso significa dos cosas
1. tiene que haber imágenes roll-over y código para todas las otras páginas. Roll-overs = enlaces = código
2. no necesita enlace a la página que usted está en el. Esta es la página de ubicaciones de fabricante, por lo que sólo debe mostrar la imagen del botón, sin necesidad de un enlace a algo, sin necesidad de rodar sobre magicry, es decir
< img src="Images/makers_tall.png" alt = "ubicación de la máquina" width = "94" height = "33" / >
Finalmente existe el MapKit. Necesario hacer nada más que volcar el código que tienes de MapKit asistente en un div y se realizan.
< cuerpo onload="imagePreload('Images/shops_rollover.png')" >
<!--Inicio cuerpo principal flotante-->< estilo div = "margen-izquierdo: auto; margen-
derecha: auto; posición: pariente; fondo: #ffffff; texto-alinee:
a la izquierda; width: 700px; "id ="body_content">
<!--menú de Inicio-->< div id = "menu" >
< img src="Images/make.png" alt = "" width = "130" height = "33" / >< un
href="makershops.html" onmouseout="imageRestore()"
onmouseover = "imageSwap ('tiendas','Images/shops_rollover.png',
1) ">< img src="Images/shops_normal.png "alt ="tiendas de fabricante"width ="93"
altura = "28" border = "0" id = "tiendas" / >< /a >< img src = "imágenes /
makers_tall.png"alt ="ubicación de la máquina"width ="94"height ="33"/ >< un
href="cool_places.html" onmouseout="imageRestore()"
onmouseover = "imageSwap ('lugares','Images/places_rollover.png',
1) ">< img src="Images/places_normal.png "alt ="los lugares"width ="94"
altura = "28" border = "0" id = "lugares" / >< /a >
<!--menú final-->< / div >
<!--Inicio Mapa-->< div id = "platial_mapKit" >
Introducir el código de platial mapKit aquí!!!!!!
< / div ><!--fin mapa-->
< / div ><!--fin cuerpo flotante principal-->
< /body >
