O documento descreve uma aula sobre a ferramenta Dreamweaver, incluindo seus três modos de visualização e barras de menu. É apresentado um exemplo de como configurar um novo site no Dreamweaver, definindo seu nome e local de armazenamento. Há também dicas sobre diagramação de páginas web.
1. 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
2. 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
Dreamweaver é um software que faz parte do pacote
Adobe, inicialmente pertencia a macromedia, programa
profissional para criar e desenvolver sites.
4. 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
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.
5. 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
Modo Código
6. 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
Modo Dividir
7. 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
Modo Design
8. 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
Barra de Menu
Barra de propriedades
Barra de Inserir
9. 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
Definir o nome do site e o local onde serão armazenados as
páginas, imagens, enfim os conteúdos.
10. 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
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
11. 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
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
12. 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
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