|
|
|
| Hvordan lage et bilde Kart Ved hjelp av HTML programmering |
|
Forstå HTML er en av de mest ressurssterke programmeringsspråk for å bruke for å lage en webside. HTML bruker koder for å legge til attributter i websidene dine . De fire tags mest brukt av HTML-dokumenter er , HEAD , , og <BODY ...> . Disse kodene definerer hva slags dokument det er, og de store seksjoner . HTML-dokumenter har vanligvis filtypen . Html eller . Htm . Du kan bruke HTML for å lage et bilde kart som deler et bilde inn i ulike områder som lenker til en annen webside. Hvis du velger å lage bildekart , bør du bruke bilder som har flere distinkte områder som leserne kan velge. Fotografier er vanligvis ikke et godt valg for bildekart . Lage image maps er en god måte å gi sidene mer appell . Denne guiden vil lære deg hvordan du legger image maps til siden din. Den presenterer en veldig enkel tilnærming til å tilpasse siden din . Du trenger <br> Computer <br> Vis flere instruksjoner <br> en <p> Start tekstbehandlingsprogram eller tekst editor som du skal bruke til å lage din webside. Finn siden på din PC som du vil redigere . Legg bildet du ønsker å bruke et bilde kartet på nettsiden din . Inkludere det innsiden av <CENTER> tag . <br> 2 <p> Type " USEMAP =" # " innsiden av img-fanen . Erstatt spørsmålstegnet med navn av bildet kartet . Type " < /CENTER > " for å lukke taggen. <br> 3 <p> Type " <MAP NAME="?"> "Erstatt spørsmålstegnet med bildet kartnavn teksten skal se ut som følgende : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? < /CENTER > <MAP NAME="menumap"> <br> 4 <p> Type " < OMRÅDE SHAPE =" " " Bytt spørsmålstegn med formen på området. Bruk rect for rektangel , sirkel for sirkel og poly for en uregelmessig form . <br> 5 <p> Type " coords =" a , b, c, d & # x201D ; " for koordinatene til et rektangel Bytt . " a og b "med koordinatene for øvre venstre hjørne Erstatt. " c og d " med koordinatene nederst i høyre hjørne for en sirkel , type." coords = & # x201C , a, b, r " " hvor " a, b " er koordinatene for sentrum av sirkelen , og "R" . er radien for en polygon, type " coords =" a, b , c, d ... " " hvor " a, b , c, d" er koordinatene til hvert punkt på polygonet . <br> 6 <p> Type " href = " ? "". Erstatt spørsmålstegnet med adressen til websiden som du vil at bildet området for å koble til. Gjenta trinn 4-6 for hvert bilde området. Type " < /MAP >" for å fullføre bildet kartet . <br> 7 <p> Kontroller at teksten er lik den følgende: < OMRÅDE SHAPE " rect " coords = " 31,50,155,120 " href = & # x201C ; website.html "> < /MAP > <br> 8 <p> Åpne en ny nettleser for å bekrefte at nettsiden din viser bildet kartet riktig Test nettstedet og verifisere at besøkende kan. klikk på et område av bildet kartet for å vise den koblede websiden. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/computer-programming-languages/88867.html' >Hvor å Endre Bullet stil ved hjelp av HTML programmering </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/computer-programming-languages/88869.html' >Hvordan endre tekst Sak Ved hjelp av HTML programmering </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87359.html" title="Hvordan bruke Utforsker Control i WPF " target="_self">Hvordan bruke Utforsker Control i WPF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87559.html" title="Slik konverterer Hex WEP Tilbake til tekst " target="_self">Slik konverterer Hex WEP Tilbake til tekst </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88464.html" title="Hvordan lage en Windows Forms Application " target="_self">Hvordan lage en Windows Forms Application </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87132.html" title="Hvordan sette Timeout Sessions i iFrame " target="_self">Hvordan sette Timeout Sessions i iFrame </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88029.html" title="Hvordan skrive en installasjon Script " target="_self">Hvordan skrive en installasjon Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87246.html" title="Hvordan lage en Format Script " target="_self">Hvordan lage en Format Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86739.html" title="Hvordan få tilgang til en Bash Script Variabel Python " target="_self">Hvordan få tilgang til en Bash Script Variabel Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87885.html" title="Hva er flytskjemasymboler " target="_self">Hva er flytskjemasymboler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87149.html" title="Implisitt & Explicit Funksjoner av programmering " target="_self">Implisitt & Explicit Funksjoner av programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88456.html" title="Hvordan redigere en MSI File " target="_self">Hvordan redigere en MSI File </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87429.html" title="Hvordan bruke en mus i QBasic " target="_self">Hvordan bruke en mus i QBasic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/perl-programming/93267.html" title="Slik kjører Perl Fra PowerShell " target="_self">Slik kjører Perl Fra PowerShell </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85914.html" title="Slik konverterer Visual C Prosjekter til BCB " target="_self">Slik konverterer Visual C Prosjekter til BCB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92819.html" title="Lynda SQL Essential Training " target="_self">Lynda SQL Essential Training </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89902.html" title="String Sammenligning i JSP " target="_self">String Sammenligning i JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92602.html" title="Hvordan sjekke filstørrelse Når en blar en datamaskin i PHP " target="_self">Hvordan sjekke filstørrelse Når en blar en datamaskin…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92554.html" title="Hvordan å utvide en klasse til en annen klasse i PHP " target="_self">Hvordan å utvide en klasse til en annen klasse i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88619.html" title="Hvordan sette opp SourceSafe " target="_self">Hvordan sette opp SourceSafe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92323.html" title="Hvordan du kan overføre PHP Array til JavaScript " target="_self">Hvordan du kan overføre PHP Array til JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87105.html" title="Hvordan lage en nedtelling i ActionScript " target="_self">Hvordan lage en nedtelling i ActionScript </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
