|
|
|
| Como criar um mapa de imagem usando programação HTML |
|
HTML Entendimento é uma das linguagens de programação mais recursos para utilizar para construir uma página web. HTML usa marcas para adicionar atributos a suas páginas . As quatro marcas mais utilizadas pelos documentos HTML são , , e <BODY ...> . Estas tags definem o tipo de documento que é, e as seções principais . Documentos HTML , normalmente têm a extensão. Html ou . Htm . Você pode usar HTML para criar um mapa de imagem que divide uma imagem em diferentes áreas que apontam para uma página da Web diferente . Se você optar por criar mapas de imagem , você deve usar as imagens que têm várias áreas distintas que os leitores possam selecionar. As fotografias não são geralmente uma boa escolha para mapas de imagem . Criar mapas de imagem é uma boa maneira de dar suas páginas mais recurso. Este guia vai te ensinar como adicionar mapas de imagem para sua página . Ele apresenta uma abordagem muito simples de personalizar sua página . Coisas que você precisa <br> Computer <br> Show Mais instruções <br> 1 <p> Comece o seu processador de texto ou editor de texto que você usará para criar sua página web. Localize a página no seu PC que você estará editando. Adicione a imagem que você deseja usar um mapa de imagem para sua página web. Incluí-lo dentro da tag <CENTER> . <br> 2 Tipo <p> " USEMAP =" #? "Dentro da tag <IMG> . Substitua o ponto de interrogação com o nome do mapa de imagem . Type " </center> " para fechar a tag. <br> 3 <p> Type " <MAP NAME="?"> "Substituir o ponto de interrogação com o nome do mapa de imagem seu texto deverá ser parecido com o seguinte : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? </center> <MAP NAME="menumap"> <br> 4 <p> Type " < AREA SHAPE =" " " Substituir o ponto de interrogação com a forma da área. Use rect para retângulo , círculo para círculo e poli para uma forma irregular . <br> 5 Tipo <p> " COORDS =" a , b, c , d & # x201D ; " . para as coordenadas de um retângulo Substitua o " a e B " . com as coordenadas do canto superior esquerdo Substituir" c e d " com as coordenadas do canto inferior direito para um círculo, tipo ". COORDS = & # x201C ; a, b , r " " , onde " a, b " são as coordenadas do centro do círculo, e " r " é o raio para um polígono , tipo . " COORDS = " a, b , c, d, ... " " , onde " a, b , c , d " são as coordenadas de cada ponto sobre o polígono . <br> 6 <p> Tipo " HREFF = " ? " " . Substituir o ponto de interrogação com o endereço da página que você quer a área da imagem a ser vinculado. Repita os passos 4 a 6 para cada área da imagem. Type " < /MAP > " para completar seu mapa de imagem . <br> 7 <p> Verifique se o seu texto é semelhante ao seguinte: < forma da área " rect " COORDS = " 31,50,155,120 " href = & # x201C ; website.html "> < /MAP > <br> 8 <p> Abra um novo navegador para verificar se a página da Web exibe o mapa de imagem corretamente Teste o seu site e verificar que os visitantes podem. clique sobre uma área do mapa de imagem para exibir a página web associada . <br> <br>
<div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</div>
<div class=ptnrx></div>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/P/computer-programming-languages/88867.html' >Como mudar o estilo de bala Usando programação HTML </a> </p></td>
</tr>
<tr>
<td width="49%"> Próximo : No</li></td>
</tr>
</table></td>
</tr>
</table>
<div class=bai7></div>
<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"> Os artigos relacionados </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="http://ptcomputador.com/P/computer-programming-languages/86735.html" title="OWL API Tutorial " target="_self">OWL API Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88259.html" title="Como importar um arquivo CSV no DB2 " target="_self">Como importar um arquivo CSV no DB2 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88239.html" title="Como usar Libra com SSL " target="_self">Como usar Libra com SSL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88644.html" title="Como calcular o contraste Cor " target="_self">Como calcular o contraste Cor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87790.html" title="Como ler um arquivo de comprimento variável em COBOL " target="_self">Como ler um arquivo de comprimento variável em COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86564.html" title="Como selecionar CFForm em ColdFusion " target="_self">Como selecionar CFForm em ColdFusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87377.html" title="Como escrever algoritmos simples " target="_self">Como escrever algoritmos simples </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86632.html" title="Os métodos de código de depuração " target="_self">Os métodos de código de depuração </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87741.html" title="Como criar um procedimento armazenado no SQL PL " target="_self">Como criar um procedimento armazenado no SQL PL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87430.html" title="O que é um equipamento de teste " target="_self">O que é um equipamento de teste </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">Artigos em destaque </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="http://ptcomputador.com/P/cc-programming/85522.html" title="Como fazer Input Apenas um Integer em C + + " target="_self">Como fazer Input Apenas um Integer em C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86910.html" title="Quais são as diferenças entre C -Pascal e Linguagem C " target="_self">Quais são as diferenças entre C -Pascal e Linguagem C…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85262.html" title="Como construir um aplicativo móvel que usa uma câmera " target="_self">Como construir um aplicativo móvel que usa uma câmera…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88404.html" title="Como usar dados em um Fluxograma " target="_self">Como usar dados em um Fluxograma </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87325.html" title="Por que usar um baixo nível de programação Linguagem Assembly Gosto " target="_self">Por que usar um baixo nível de programação Linguagem…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88497.html" title="Como acessar os controles ActiveX " target="_self">Como acessar os controles ActiveX </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85361.html" title="Como instalar os compiladores C + + para Netbeans " target="_self">Como instalar os compiladores C + + para Netbeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87846.html" title="Como alterar a visibilidade de uma grade WPF " target="_self">Como alterar a visibilidade de uma grade WPF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87566.html" title="Como escrever uma Preorder Traversal " target="_self">Como escrever uma Preorder Traversal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86309.html" title="Como verificar o intervalo de datas em COBOL " target="_self">Como verificar o intervalo de datas em COBOL </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=bai7></div>
<div class="ptbottom bs">
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados
<script language='javascript' src='/ad/201310/1.js'></script>
</div>
</div>
</body>
</html> | |
