aula 5 atualizada
TRANSCRIPT
![Page 1: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/1.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Apresentando o Dreamweaver
Ferramentas
Iniciando Primeiro Site
![Page 2: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/2.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Dreamweaver é um software que faz parte do pacote Adobe, inicialmente pertencia a
macromedia, programa profissional para criar e desenvolver sites.
![Page 3: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/3.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
![Page 4: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/4.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
O Dreamweaver conta com três modos de visualização, são eles: código, código e
design e design.
No modo código, é possível visualizarmos a linguagem e a forma como ela está sendo
desenvolvida.
É possível enxergamos suas tags e comandos, além de possibilitar a inserção
de funções adicionais.
![Page 5: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/5.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Modo Código
![Page 6: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/6.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Modo Dividir
![Page 7: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/7.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Modo Design
![Page 8: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/8.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Barra de Menu
Barra de propriedades
Barra de Inserir
![Page 9: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/9.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Definir o nome do site e o local onde serão armazenados as páginas, imagens, enfim os conteúdos.
![Page 10: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/10.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
No campo nome do site você deve digitar o nome do projeto. Por exemplo, Atairu Viagens.
No Campo Pasta do site local, você vai escolher o destino dos arquivos e páginas que serão
produzidas no Dreamweaver.
Sabendo que os arquivos devem ser publicados simultaneamente em servidor web, podemos
contar com a facilidade de publica-los a partir do Dreamweaver
![Page 11: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/11.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Diagramação é a organização de cada elemento para a composição de um layout. A definição dos menus, hiperlinks, planos de fundo, cores, assuntos abordados, disposição de cada elemento na página, possibilitam um designer mais agradável.Esse processo é iniciado ainda nos wireframes, quando ao elaborar o planejamento, o desenvolvedor consegue adequar as necessidades da empresa com os interesses dos internautas.
Algumas dicas: 1- Faça um site simples e leve. 2- Padronize as páginas 3- Navegação simples e dinâmica (lembre-se da regra dos três clicks) 4- Tenha um espaço para contatos 5- Muita atenção com fontes e o Português.
importante
![Page 12: Aula 5 atualizada](https://reader036.vdocuments.pub/reader036/viewer/2022081506/5585d13bd8b42aa01a8b4df7/html5/thumbnails/12.jpg)
Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
DESIGN GRÁFICO
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 13/04/2023
Vamos começar a desenvolver um site de uma escola de informática e idiomas;
Banner: Formato PNG, chame bastante atenção!
Botões de navegação: Cursos – Unidades – Eventos