| Criadores |
| Fábio
Azevedo, 28 anos, paulistano, webmaster. Veja mais. |
| |
| Felipe
Braga de Oliveira, 26 anos, paulistano, contador. Veja mais. |
| |
| Luisa
Haddad, 22 anos, paulista, webdesigner. |
| |
| Ludmila Simões, 28 anos, jacareiense, webdesigner. Veja mais. |
| |
| Objetivo |
| Este
projeto foi desenvolvido como atividade curricular da materia 'Fundamentos
Web' do primeiro semestre do curso de graduação 'Sistemas para internet / Desenvolvimento web' da faculdade de tecnologia IBTA. |
| |
| Desenvolvimento |
| Utilizamos como ferramenta para a construção deste site o Dreamweaver. Este site foi desenvolvido totalmente em HTML como sendo um dos pré-requisitos para este trabalho. |
| |
|
| |
5.
links
|
Uma vez definido um site, podem ser criados vários tipos de links: links internos, externos,para seções dentro do site, e-mail, ft e outros protocolos.
link horizontal
A grande utilidade da internet é a criação de documentos que se vincula a um outro documento através de ligações chamadas links ou hiperlinks. Com essas tags especiais você pode criar documentos que façam referências a outras páginas da web ou documentos armazenados em um servidor de rede.
O uso de hipertexto também facilita a criação de documentos extensos cujas seções ou tópicos podem ser rapidamente acessados por meio dos links. Imagine que você crie uma página sobre determinado assunto em vários tópicos abordados. Assim como em um livro você cria todo o texto do documento e depois cria, no início, um sumário indicando os tópicos do documento. Se quiser acessar diretamente o texto de um tópico, basta dar um clique sobre o item do tópico no sumário e ele será imediatamente exibido.
Um link é reconhecido em uma página por estar em cor normalmente diferente do resto do texto e, ao passar com o mouse sobre esse texto o cursor muda para uma mão apontando para o link.
| |
<a href=""></a> |
 |
 exemplo: |
| |
<a href="index.html">O link aparecerá aqui!</a> |
|
| |
|
|
| exemplo: |
| |
<a href="index.html"><img src="caminhodafoto/foto.jpg" align="top">O link aparecerá na foto e no texto!</a> |
|
| |
|
|
âncora ou link vertical
Uma âncora é um ponto de referência ou endereço que será acessado por um link. Uma âncora é usada dentro do documento para marcar o início de uma seção do documento.
Quando você tiver um texto muito grande torna-se trabalhoso ficar rolando a página entre um tópico e outro.
Cria a âncora
| |
<a name="topo"></a> |
|
Link para a âncora na mesma página : O sinal de cerquilha (#) é necessário para a âncora, pois determina que o link procurado esteja na mesma página.
| |
<a href="#topo">O link apareceá aqui!</a> |
|
Link para uma âncora em outra página : O sinal de cerquilha (#) é necessário para a âncora.
| |
<a href="pagina2.html#topo">O link apareceá aqui!</a> |
|
linkando páginas de outros sites
Através de um esquema de endereçamento, a URL, a internet consegue acessar um arquivo que está em qualquer parte do mundo, devidamente conectado a web.
A URL serve para especificar a localização de páginas e arquivos em diretórios de servidores da Web.
| |
<a href="http://"></a> |
|
| exemplo: |
| |
<a href="http://www.ibta.com.br">Link para o site da IBTA!</a> |
|
| |
|
|
link para e-mail
O comando mailto aciona o programa de e-mail que estiver instalado em seu computador e permite o envio imediato de correspondência para o endereço especifico.
| |
<a href="mailto:"></a> |
|
| exemplo: |
| |
<a href="mailto:nome@dominio.com">O link aparecerá aqui!</a> |
|
| |
|
|
parâmetro target
O atributo target define onde o documento de destino será aberto.
_blank : Abre o arquivo em uma nova janela.
| |
<a href="" target="_blank"></a> |
|
| exemplo: |
| |
<a href="index.html" target="_blank">O link aparecerá aqui!</a> |
|
| |
|
|
_parent : Abre o arquivo no frame ou "moldura-mãe".
| |
<a href="" target="_parent"></a> |
|
| exemplo: |
| |
<a href="index.html" target="_parent">O link aparecerá aqui!</a> |
|
| |
|
|
_self : Abre o arquivo na mesma janela ou frame(o mesmo que não especificar o destino).
| |
<a href="" target="_self"></a> |
|
| exemplo: |
| |
<a href="index.html" target="_self">O link aparecerá aqui!</a> |
|
| |
|
|
_top : Remove todos os frames e abre o arquivo na janela inteira do browser.
| |
<a href="" target="_top"></a> |
|
| exemplo: |
| |
<a href="index.html" target="_top">O link aparecerá aqui!</a> |
|
| |
|
|
|
| |
|
|
link horizontal 
O link aparecerá na foto e no texto!