|
|
|
| Come creare una mappa immagine utilizzando la programmazione HTML |
|
Comprendere HTML è uno dei linguaggi di programmazione più di risorse da utilizzare per costruire una pagina web . HTML utilizza i tag per aggiungere attributi alle tue pagine web . I quattro i tag più utilizzati dai documenti HTML sono , , e <BODY ...> . Questi tag definiscono il tipo di documento che è, e le sezioni maggiori . Documenti HTML di solito hanno l'estensione . Html o . Htm . È possibile usare l'HTML per creare una mappa immagine che divide l'immagine in diversi settori che puntano a una pagina Web diversa . Se si sceglie di creare mappe di immagini , si consiglia di utilizzare le immagini che hanno diverse aree distinte che i lettori possono selezionare. Fotografie di solito non sono una buona scelta per le mappe immagine . Creazione di mappe immagine è un buon modo per dare le vostre pagine più appeal . Questa guida vi insegnerà come aggiungere mappe immagine alla tua pagina . Si presenta un approccio molto semplice per personalizzare la tua pagina. Cose che ti serviranno <br> Computer <br> Show More Istruzioni <br> 1 <p> Avviare il word processor o editor di testo che verrà utilizzato per creare la tua pagina web . Individuare la pagina sul PC che si sta modificando . Aggiungere l'immagine che si desidera utilizzare una mappa immagine per la tua pagina web . Includerlo all'interno del tag <CENTER> . <br> 2 <p> Tipo " USEMAP = " # ? " All'interno del tag <IMG> . Sostituire il punto interrogativo con il nome dell'immagine della mappa . tipo " </center >" per chiudere il tag . <br> 3 <p> Tipo " <MAP NAME="?"> " Sostituire il punto interrogativo con il nome della mappa immagine il testo dovrebbe essere simile al seguente : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? < /CENTER > <MAP NAME="menumap"> <br> 4 <p> tipo " < AREA SHAPE = " " " Sostituire il punto interrogativo con la forma della zona . Utilizzare rect di rettangolo, cerchio per cerchio e poli per una forma irregolare . <br> 5 <p> Tipo " COORDS = " a, b , c, d & # x201D , " per le coordinate di un rettangolo Sostituire l' . " a e B " con le coordinate dell'angolo in alto a sinistra Sostituisci. " C e D " con le coordinate dell'angolo in basso a destra per un cerchio , tipo ". COORDS = & # x201C , a, b , r " " dove "a , b " sono le coordinate per il centro del cerchio e "r" . è il raggio per un poligono , tipo " COORDS = " a, b , c, d ... " " dove "a , b, c , d" sono le coordinate di ogni punto del poligono . <br> 6 <p> Tipo " href =" ? "". sostituire il punto interrogativo con l'indirizzo della pagina web che si desidera che l' area dell'immagine per il collegamento. Ripetere i passaggi 4-6 per ogni area dell'immagine . tipo " < /mAP > " per completare la mappa immagine . <br> 7 <p> Verificare che il testo è simile al seguente : < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201C ; website.html " > < /mAP > <br> 8 <p> Aprire un nuovo browser Web per verificare che la pagina web viene visualizzata la mappa immagine correttamente prova il tuo sito e verificare che i visitatori possono . clicca su una zona della mappa immagine per visualizzare la pagina Web collegata . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/computer-programming-languages/88867.html' >Come cambiare stile di punto utilizzando la programmazione HTML </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/computer-programming-languages/88869.html' >Come modificare Caso testo utilizzando la programmazione HTML </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87247.html" title="Che cosa è un doppio letterale ? " target="_self">Che cosa è un doppio letterale ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88309.html" title="Come creare un Bill Segnala su Microsoft Access 2007 " target="_self">Come creare un Bill Segnala su Microsoft Access 2007 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87666.html" title="Come impostare la spaziatura singola in un Div " target="_self">Come impostare la spaziatura singola in un Div </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87010.html" title="Come spostare ViewState alla Parte inferiore della pagina " target="_self">Come spostare ViewState alla Parte inferiore della pagi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87600.html" title="Come cancellare righe da file di testo in PowerShell " target="_self">Come cancellare righe da file di testo in PowerShell </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88293.html" title="Come inviare SMS con ASP.NET " target="_self">Come inviare SMS con ASP.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86392.html" title="I posti migliori per i registri Net " target="_self">I posti migliori per i registri Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86515.html" title="Applicazione della programmazione lineare in Computer " target="_self">Applicazione della programmazione lineare in Computer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86400.html" title="Come determinare il più piccolo numero positivo Floating Point " target="_self">Come determinare il più piccolo numero positivo Floati…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87902.html" title="Modi diversi per visualizzare la data nella riga di comando " target="_self">Modi diversi per visualizzare la data nella riga di com…</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91522.html" title="Come impostare un cookie con PHP in Ajax " target="_self">Come impostare un cookie con PHP in Ajax </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90778.html" title="Che cosa fa la ' A ' Simbolo media in Javascript " target="_self">Che cosa fa la ' A ' Simbolo media in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93646.html" title="Come eliminare i segni di punteggiatura in Python " target="_self">Come eliminare i segni di punteggiatura in Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91615.html" title="PHP Integer Funzioni " target="_self">PHP Integer Funzioni </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86469.html" title="Che cosa è la API per SMS " target="_self">Che cosa è la API per SMS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90824.html" title="Come fare una Google Map Overlay " target="_self">Come fare una Google Map Overlay </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85438.html" title="Come convertire LPSTR a INT " target="_self">Come convertire LPSTR a INT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86719.html" title="Come leggere l'input da Array 2D in MIPS " target="_self">Come leggere l'input da Array 2D in MIPS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87516.html" title="A proposito del linguaggio Cobol " target="_self">A proposito del linguaggio Cobol </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92330.html" title="Come chiamare una funzione di classe in PHP " target="_self">Come chiamare una funzione di classe in PHP </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<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=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
