Download - Dream aula 2
![Page 1: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/1.jpg)
Desenvolvimento de SiteAula 2
Washington Silva
![Page 2: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/2.jpg)
Sumário • Conhecendo o Dreamweaver• Instalação e Configurações• Criando modelos
![Page 3: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/3.jpg)
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),
![Page 4: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/4.jpg)
• 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
![Page 5: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/5.jpg)
Dreamweaver
![Page 6: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/6.jpg)
• 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
![Page 7: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/7.jpg)
![Page 8: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/8.jpg)
• Ao iniciar devemos apenas da “OK”
![Page 9: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/9.jpg)
• Agora devemos escolher em qual linguagem iremos trabalhar.
![Page 10: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/10.jpg)
![Page 11: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/11.jpg)
Configurando• Você deve acessar o modo classico no Dream para
exibir funções que usaremos hoje
![Page 12: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/12.jpg)
• Agora vá até o menu SITE e clique em novo SITE
![Page 13: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/13.jpg)
![Page 14: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/14.jpg)
• Defina o nome pro site e o local onde será salvo
![Page 15: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/15.jpg)
• Agora vamos salvar o nome da nossa pagina.• A página inicial deve se chamar index
![Page 16: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/16.jpg)
Inserir uma tabela • Agora vamos inserir uma tabela • Devemos selecionar a quantidade de linhas e
colunas
![Page 17: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/17.jpg)
• Iremos usar 2 linhas e 8 colunas
![Page 18: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/18.jpg)
2 linhas e 8 colunas
• Ao clicar nos pontos pretos você pode aumentar ou diminuir o tamanho da sua tabela
![Page 19: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/19.jpg)
• Nossa tabela deve ficar semelhante a da imagem abaixo
• Para mesclar devemos selecionar as celular e pressionar M
![Page 20: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/20.jpg)
Criando uma nova página • Para inserir uma nova vá em arquivo>novo
![Page 21: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/21.jpg)
Criando um link• Link e o caminho, a ponte que usamos para
navegar dentro no nosso site
![Page 22: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/22.jpg)
![Page 23: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/23.jpg)
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.
![Page 24: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/24.jpg)
![Page 25: Dream aula 2](https://reader036.vdocuments.net/reader036/viewer/2022062304/558fd0751a28ab341b8b468f/html5/thumbnails/25.jpg)
VAMOS AO LABORATÓRIO