Skapa en samling av kartor med flikar för webbplatsen (3 / 7 steg)
Steg 3: HTML-uppdelning 1: huvudet
Jag antar du har några HTML-kunskaper så jag inte tänker gå in på för mycket detaljer. Unikt för denna sida är stylin & javascript.I det föregående steget Layoutdiagram du kommer att notera det finns tre delar till lite återges i webbläsaren, dvs lite ser du. Dessa delar behöver några instruktioner på hur man ser ut när de går ut offentligt. Observera #menu och #platial_mapKit formatmallsdefinitionerna i koden nedan. Jag satte stylin för den huvudsakliga flytande div i div huvudet själv av någon okänd anledning... Det bör vara upp här med sin breathern, om bara jag var en bra programmerare.
I den andra delen av huvudet mellan < script >-taggen hade jag dreamweaver automatiskt genererat vältning knappkod för mig, dess öppna för alla att använda. Du behöver inte ändra den alls.
<! DOCTYPE html PUBLIC "-//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 >
< style type = "text/css" >
#menu {
position: absolute;
vänster: 0px;
topp: 15px;
bredd: 700px;
höjd: 33px;
z-index: 1;
}
#platial_mapKit {
position: absolute;
vänster: 0px;
topp: 47px;
bredd: 700px;
höjd: 402px;
z-index: 1;
}
< / stil >
< script type = "text/JavaScript" >
<!--
funktion imageRestore()
{
var i, x, ett = dokument. MM_sr; för (jag = 0; en & & jag < a.length & & (x=a[i]) & & x.oSrc;i++) x.src=x.oSrc;
}
funktion imagePreload()
{
var d = dokument;
IF(d.images)
{
IF(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=imagePreload.arguments;
för (jag = 0; jag < a.length; i ++)
om (a[i].indexOf("#")!=0) {d.MM_p[j]=new bild; d.MM_p[j++].src=a[i];}
}
}
funktion findObject (n, d)
{
var p, i, x; IF(!d) d = dokument;
IF((p=n.indexOf("?")) > 0 & & parent.frames.length) {d=parent.frames[n.substring(p+1)] .document; n=n.substring(0,p);}
om (! () x=d[n]) & & d.all) x=d.all[n]; för (jag = 0;! x & & i < d.forms.length;i++) x=d.forms[i][n];
för (jag = 0;! x & & d.layers & & jag < d.layers.length;i++) x=findObject(n,d.layers[i].document);
om (! x & & d.getElementById) x=d.getElementById(n);
återvändande x;
}
funktion imageSwap()
{
var i,j=0,x,a=imageSwap.arguments; dokument. MM_sr = ny matris;
för (jag = 0; jag <(a.length-2); jag + = 3).
om ((x=findObject(a[i]))!=null) {dokument. MM_sr [j ++] = x;
IF(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
-->
< / script >
< / head >