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
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.
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
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.
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
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
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
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
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.
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
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
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
Top Related