Aula 5 atualizada

Aula: Pág: Data:10 10 a 17 18-jan-122503-BTurma:
Instrutor: Ricardo Paladini Matos
2503-B 10 10-17 17-01-2013
Celso AlencarJorge André
Sites 05 32 - 39 29/03/2014
Apresentando o Dreamweaver
Ferramentas
Iniciando Primeiro Site

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
Dreamweaver é um software que faz parte do pacote
Adobe, inicialmente pertencia a macromedia, programa
profissional para criar e desenvolver sites.

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
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.

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
Modo Código

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
Modo Dividir

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
Modo Design

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
Barra de Menu
Barra de propriedades
Barra de Inserir

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
Definir o nome do site e o local onde serão armazenados as
páginas, imagens, enfim os conteúdos.

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
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

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
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

2503-B 10 10-17 17-01-2013
Sites 05 32 - 39 29/03/2014
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

Mais conteúdo relacionado

Semelhante a Aula 5 atualizada

Mais de Jorge Andre Sousa

Aula 5 atualizada