Desenvolvimento de SiteAula 2

Washington Silva

Sumário • Conhecendo o Dreamweaver• Instalação e Configurações• Criando modelos

Dreamweaver• O Dreamweaver não é só outra ferramenta de

visual de HTML. Ele faz o que todos os melhores editores fazem: cria tabelas, edita quadros e alterna facilmente da visualização de páginas para visualização HTML.

• O Dreamweaver suporta completamente as folhas de estilo em cascata (CSS),

• Quando iniciar o Dreamweaver pela primeira vez, você verá uma janela principal, que permite a você criar documentos estáticos (HTML) e dinâmicos como Coldfusion, PHP, ASP, ASP. NET e arquivos CSS

Dreamweaver

• No Dreamweaver podemos editar páginas HTML únicas como podemos gerenciar sites, ou seja, controlar todo o projeto que está sendo feito, o que é recomendado para a construção de seu site.

• Na tela que se abre na coluna do meio temos a opção Dreamweaver Site

• Ao iniciar devemos apenas da “OK”

• Agora devemos escolher em qual linguagem iremos trabalhar.

Configurando• Você deve acessar o modo classico no Dream para

exibir funções que usaremos hoje

• Agora vá até o menu SITE e clique em novo SITE

• Defina o nome pro site e o local onde será salvo

• Agora vamos salvar o nome da nossa pagina.• A página inicial deve se chamar index

Inserir uma tabela • Agora vamos inserir uma tabela • Devemos selecionar a quantidade de linhas e

colunas

• Iremos usar 2 linhas e 8 colunas

2 linhas e 8 colunas

• Ao clicar nos pontos pretos você pode aumentar ou diminuir o tamanho da sua tabela

• Nossa tabela deve ficar semelhante a da imagem abaixo

• Para mesclar devemos selecionar as celular e pressionar M

Criando uma nova página • Para inserir uma nova vá em arquivo>novo

Criando um link• Link e o caminho, a ponte que usamos para

navegar dentro no nosso site

Atividade • De acordo com a pesquisa realizada na ultima

aula vamos montar um site sobre cromoterapia • Deveremos usar imagens e o conteúdo já salvo,

esse site deve conter um total de 8 paginas sendo 7 paginas especificas para cada cor.

VAMOS AO LABORATÓRIO