Paso 3: HTML desglose 1: la cabeza
Supondré que tienes algunos conocimientos html, así que no voy en demasiado detalle. Únicas a esta página es el stylin & javascript.En diseño diagrama del paso anterior que te nota hay tres porciones a la broca por el navegador, es decir, el bit ver. Estas piezas necesitan algunas instrucciones sobre cómo ver cuando salen en público. Tenga en cuenta las definiciones de estilo #menu y #platial_mapKit en el código siguiente. Pongo el stylin para el div flotante principal en el div de cabecera sí por alguna razón desconocida... debe aquí con su breathern, si sólo era un buen programador.
En la segunda sección de la cabeza entre la etiqueta < script > tuve dreamweaver generar automáticamente código de botón roll over para mí, su abierto para que cualquiera pueda utilizar. No necesita modificar nada.
<! Html DOCTYPE público "-//W3C//DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset = ISO-8859-1 "/ >
< title > Makerlocations < / title >
< estilo tipo = "text/css" >
#menu {}
posición: absoluto;
izquierda: 0px;
Top: 15px;
width: 700px;
altura: 33px;
z-index: 1;
}
{#platial_mapKit}
posición: absoluto;
izquierda: 0px;
parte superior: 47px;
width: 700px;
altura: 402px;
z-index: 1;
}
< / estilo >
< script tipo = "texto/JavaScript" >
<!--
función imageRestore()
{
var i, x, = documento. MM_sr; para (i = 0; a & & i < a.length & & (x=a[i]) & & x.oSrc;i++) x.src=x.oSrc;
}
función imagePreload()
{
var d = document;
if(d.Images)
{
if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=imagePreload.arguments;
para (i = 0; i < a.length; i ++)
Si (a[i].indexOf("#")!=0) {d.MM_p[j]=new imagen; d.MM_p[j++].src=a[i];}
}
}
función findObject (n, d)
{
var p, i, x; if(!d) d = document;
if((p=n.IndexOf("?")) > 0 & & parent.frames.length) {d=parent.frames[n.substring(p+1)] .document; n=n.substring(0,p);}
Si (! () x=d[n]) & & d.all) x=d.all[n]; para (i = 0;! x & & i < d.forms.length;i++) x=d.forms[i][n];
para (i = 0;! x & & d.layers & & i < d.layers.length;i++) x=findObject(n,d.layers[i].document);
Si (! x & & d.getElementById) x=d.getElementById(n);
return x;
}
función imageSwap()
{
var i,j=0,x,a=imageSwap.arguments; documento. MM_sr = new Array;
para (i = 0; i <(a.length-2); i += 3).
Si ((x=findObject(a[i]))!=null) {documento. MM_sr [j ++] = x;
x.oSrc=x.src de if(!x.oSrc); x.src=a[i+2];}
}
-->
< /script >
< /HEAD >
