Olá! Tudo bem?
Agora iremos aprender a colocar âncoras em nosso site, opa o que será Âncora. pois bem:
Âncoras para o HTML são pontos fixo em um site, são locais específicos que destinamos.
Ancoragem Interna:
Destinada a locais específicos em uma página
por exemplo
"Voltar ao Topo", "Ir para o Rodapé" e etc..
Ancoragem Externa
Locais específicos fora da página, que nós chamamos de Navegação
Exemplo:
"Menu de um site"
Na linguagem HTML utilizamos a TAG "<a></a>" para definir uma âncora. e ela deve conter os seguintes métodos:
href é o endereço que estamos buscando
target é a forma como irá abrir
pode ser:
_blank abrirá em uma nova janela em branco
_top abrirá na mesma janela que estar aberta
_self abrira na mesma janela, só que em uma guia nova
alt é o texto alternativo que aparecerá em alguns browseres
agora faça no menu do seu site, siga o modelo abaixo:
o menu deverá ficar assim:
Agora iremos trabalhar com divisões
Divisões
O nosso site estar quase pronto, para finalizá-lo temos que informar para o browser as divisões que nele tem, para tanto temos que pensar como será disposto o nosso site, o desenho de como ele ficará, para o nosso modelo iremos fazer o seguinte:
Cada parte do site deverá, obrigatoriamente estar inserida em uma divisão, somente assim poderemos, através do CSS, deixar o site desta forma.
Para tanto iremos utilizar a TAG <div></div>, e ela deverá conter o método id para podermos identificar sua localização.
Para começarmos, temos que fazer o seguinte modelo:
Agora iremos adicionar os conteúdos que já criamos
No HEARDER, uma imagem que ficara no topo, como se fosse a capa no facebook
deverá ficar assim:
agora o menu:
deverá ficar assim:
agora o lado esquerdo(LEFT):
Deverá ficar assim:
Agora o CONTAINER2, é nele que estar contido duas divisões, a CENTRAL e A RIGHT, então vejamos:
CONTAINER2>CENTRAL
Ficará assim:
Agora a parte direita(Right)
ficará assim:
Agora o Footer-link, este também será um container, só que terá 3 coluna, veja:
Ficará assim:
e por fim, o Footer(rodapé), vejamos:
ficará assim:
Agora o CONTAINER2, é nele que estar contido duas divisões, a CENTRAL e A RIGHT, então vejamos:
CONTAINER2>CENTRAL
Agora a parte direita(Right)
ficará assim:
Agora o Footer-link, este também será um container, só que terá 3 coluna, veja:
e por fim, o Footer(rodapé), vejamos:
ficará assim:
Agora é só repetir o passo a passo com as informações do seu site.
0 comentários:
Postar um comentário