Étape 3: HTML ventilation 1: la tête
Je supposerai que vous avez quelques connaissances de html de travail donc je ne vais pas aller trop de détails. Le stylin & javascript est unique à cette page.Schéma de mise en page de l’étape précédente que vous noterez il y a trois portions au bit restitué par le navigateur, soit vous le bit voir. Ces pièces doivent quelques instructions sur la façon de regarder quand ils sortent en public. Noter les définitions de style #menu et #platial_mapKit dans le code ci-dessous. J’ai mis le stylin pour la div flottante principale dans l’en-tête de div lui-même pour une raison inconnue... Il devrait être ici avec ses breathern, si seulement j’étais un bon codeur.
Dans la deuxième section de la tête entre la balise < script >, j’ai eu dreamweaver autogenerate renversement bouton code pour moi, son ouverture pour quiconque d’utiliser. Vous n’avez pas besoin de le modifier du tout.
< ! 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 » >
< tête >
< meta http-equiv = « Content-Type » content = "text/html ; charset = ISO-8859-1 "/ >
< titre > Makerlocations < / title >
< style type = « text/css » >
{} #menu
position : absolute ;
gauche : 0px ;
haut : 15px ;
Largeur : 700px ;
hauteur : 33px ;
z-index: 1 ;
}
{#platial_mapKit}
position : absolute ;
gauche : 0px ;
haut : 47px ;
Largeur : 700px ;
hauteur : 402px ;
z-index: 1 ;
}
< / style >
< script type = « text/JavaScript » >
<!--
fonction imageRestore()
{
var i, x, = hors-ligne. MM_sr ; pour (i = 0; a & & j’ai <.Length & & (x=a[i]) & & x.oSrc;i++) x.src=x.oSrc ;
}
fonction 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 ;
pour (i = 0; i <.Length; i ++)
Si (a[i].indexOf("#")!=0) {d.MM_p[j]=new Image ; d.MM_p[j++].src=a[i];}
}
}
function 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]) & & copyrights) x=d.all[n] ; pour (i = 0; ! x & & i < d.forms.length;i++) x=d.forms[i][n] ;
pour (i = 0; ! x & & d.layers & & j’ai < d.layers.length;i++) x=findObject(n,d.layers[i].document) ;
Si (! x & & d.getElementById) x=d.getElementById(n) ;
Return x ;
}
fonction imageSwap()
{
var i,j=0,x,a=imageSwap.arguments ; document. MM_sr = new Array ;
pour (i = 0; i <(a.length-2) ; j’ai += 3).
Si ((x=findObject(a[i]))!=null) {document. MM_sr [j ++] = x ;
if(!x.oSrc) x.oSrc=x.src ; x.SRC=a[i+2];}
}
-->
< /script >
< / head >