aula 5 atualizada

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



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


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.



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


Sites 05 32 - 39 13/04/2023



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


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.



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


Sites 05 32 - 39 13/04/2023

Modo Código



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


Sites 05 32 - 39 13/04/2023

Modo Dividir



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


Sites 05 32 - 39 13/04/2023

Modo Design



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


Sites 05 32 - 39 13/04/2023

Barra de Menu

Barra de propriedades

Barra de Inserir



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


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.



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


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



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


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



DESIGN GRÁFICO

2503-B 10 10-17 17-01-2013


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

aula 5 atualizada

Documents