Stap 3: HTML-verdeling 1: het hoofd
Ik neem aan dat u enige werkende html kennis hebt zodat ik niet naar teveel detail. Uniek aan deze pagina is de stylin & JavaScript te gebruiken.In de vorige stap lay-outdiagram die zult u merken er zijn drie delen naar de stukje weergegeven door de browser, dat wil zeggen de bit ziet u. Deze onderdelen moeten sommige instructies over hoe om te kijken wanneer ze naar buiten in het openbaar. Opmerking de stijldefinities #menu en #platial_mapKit in de onderstaande code. Ik zette de stylin voor de belangrijkste drijvende div in de div-header zelf voor sommige onbekende reden... het moet hier met haar breathern, als alleen ik een goede codeur was.
In de tweede sectie van het hoofd tussen de < script >-code had ik dreamweaver autogenerate schuldvernieuwing knopcode voor mij, zijn open voor iedereen te gebruiken. U hoeft niet te wijzigen op alle.
<! DOCTYPE html publiek "-//W3C//DTD XHTML 1.0 Strict / / nl" "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 "/ >
< titel > Makerlocations < / title >
< stijl type = "text/css" >
#menu {}
positie: absoluut;
linkerzijde plaatsen: 0px;
boven: 15px;
breedte: 700px;
hoogte: 33px;
z-index: 1;
}
#platial_mapKit {}
positie: absoluut;
linkerzijde plaatsen: 0px;
boven: 47px;
breedte: 700px;
hoogte: 402px;
z-index: 1;
}
< / style >
< script type = "text/JavaScript" >
<!--
functie imageRestore()
{
var x, een = document. MM_sr; voor (ik = 0; een & & ik < a.length & & (x=a[i]) & & x.oSrc;i++) x.src=x.oSrc;
}
functie 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;
voor (ik = 0; ik < a.length; i ++)
Als (a[i].indexOf("#")!=0) {d.MM_p[j]=new afbeelding; d.MM_p[j++].src=a[i]}
}
}
functie 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);}
Als (! () x=d[n]) & & d.all) x=d.all[n]; voor (ik = 0;! x & & i < d.forms.length;i++) x=d.forms[i][n];
voor (ik = 0;! x & & d.layers & & ik < d.layers.length;i++) x=findObject(n,d.layers[i].document);
Als (! x & & d.getElementById) x=d.getElementById(n);
return x;
}
functie imageSwap()
{
var i,j=0,x,a=imageSwap.arguments; document. MM_sr = nieuwe Array;
voor (ik = 0; ik <(a.length-2); ik += 3).
Als ((x=findObject(a[i]))!=null) {document. MM_sr [j ++] = x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
-->
< / script >
< / head >