DREAMWEAVER BÁSICO PASSO A PASSO – PARTE 5

 

Pré requisitos

Macromedia dreamweaver 6.1 ou equivalente

Conhecimento básico de Windows

 

Dreamweaver básico – parte 5 – Links 1

 

Hoje iremos inserir mais conteúdo no nosso site, e colocar os links...

 

Esse é o aspecto atual do nosso site:

 

 

Os links são uma parte importante nos sites, através deles é que podemos navegar pelas páginas de conteúdo tornando o site interativo.

 

Hoje iremos ver a várias formas de se inserir um link.

 

Inserindo um link externo através de um texto:

 

A primeira forma que iremos fazer é inserir o link através de um texto, para isso basta selecionarmos o texto, e no inspetor de propriedades colocar-mos o caminho do link.

 

 

Repare que selecionamos o texto Historia da computação , e no campo link do inspetor de propriedades, iremos colocar o endereço completo do site.

 

 

Obs.: Também é importante dizer, que o endereço a ser colocado no campo link deve estar completo. Ex.: https://juliobattisti.com.br

 

Agora podemos inserir duas tabelas na parte central da nossa página uma ao lado direito da imagem e outra ao lado esquerdo.

 

A do lado direito terá 2 linhas e uma coluna e 200p de largura.

 

 

A do lado esquerdo terá 5 linhas e 1 coluna e 100px de largura

 

 

Veja como ficou

 

 

Agora podemos inserir conteúdo na tabela direita, e um pequeno menu na tabela da esquerda, na primeira linha iremos inserir uma imagem:

 

 

Através do menu inserir/imagem teremos a seguinte guia :

 

 

Basta indicarmos o caminho da imagem.

 

Obs.: É importante organizar as imagens todas em uma pasta para melhor localização.

 

Por hoje é isso, no próximo iremos colocar os itens do menu e também falar sobre os links internos.

 

Não percam