Conteúdo Programático
[MÓDULO 01]
Este módulo irá apresentar uma metodologia de desenvolvimento de websites, introduzir os conceitos básicos de interface, painéis, configuração de site e criação de novos documentos e, ainda, apresentar noções das fontes tipográficas.
METODOLOGIA DADI
- Definição
- Arquitetura da Informação
- Design
- Implementação
- Exercício: planejar a estrutura do objeto utilizando a metodologia DADI
Intervalo: 15 minutos
CONHECENDO O DREAMWEAVER MX 2004
• Área de Trabalho
• Barra de Insert
• Barra de Ferramentas do Documento
• Grupos de painéis
• Janela do Documento
CONFIGURAR UM SITE NO DREAMWEAVER
• Estrutura do o site
• Configurar um site do Dreamweaver
• Configurar um site com guia Advanced (Avançado)
• Editar um site remoto da Web já existente no Dreamweaver
CRIAR E ABRIR DOCUMENTOS
• Criar um novo documento em branco
Exercícios de fixação sobre o Módulo 01.
[MÓDULO 02]
Este módulo irá abordar as funções de formatação de texto, o uso do Inspetor de Propriedades e aplicação de estilos CSS e introdução ao Painel Design CSS.
CONHECENDO AS FONTES TIPOGRÁFICAS
• Tipos de Fontes
• Fontes TTF
• Fontes PostScript
• Família de Fontes
• Atributos
• Alinhamento de Texto
• Dicas de sites de fontes tipográficas
Intervalo: 15 minutos
TRABALHANDO COM TEXTOS NO DREAMWEAVER
• Colocar os textos no Bloco de Notas para copiá-los
• Verificar a ortografia
• Procurar e substituir texto
• Formatar texto no Dreamweaver
• Inserir texto
• Formatar texto
• Uso do painel Design na aba CSS Style.
• Configurar o Dreamweaver para gerar folha de estilo incorporada
• Aplicar um estilo criado
• Remover um estilo aplicado
Exercícios de fixação sobre o Módulo 02.
[MÓDULO 03]
Neste módulo serão abordados os tópicos relacionados a imagens, navegação, cores e sistema RGB e tabelas.
CORES e RGB (Webdesign)
• Fatores Fisiológicos
• Fatores Culturais
• Disco de Newton
• Cores harmônicas
• Cores hexadecimais
• Sistema RGB
TABELAS
• Inserir uma tabela
• Selecionar linhas ou colunas
NAVEGAÇÃO (Webdesign)
• Tipos de menu
• Mapa do Site
• Tipos de Links
LINKS E NAVEGAÇÃO
• Caminhos absolutos
• Caminhos relativos a documentos
• Utilizar o comando Hyperlink
• Criar um link para um local específico de um documento
• Criar uma âncora com nome:
• Atualizar links automaticamente
• Alterar um link no site inteiro
• Menus
IMAGENS (Webdesign)
• Pixels/Resolução
• Formatos de imagens
INSERIR IMAGENS
• Editar imagens no Dreamweaver
• Inserir alocador de espaço de imagem
• Criar uma imagem cambiável:
Intervalo: 15 minutos
Exercícios de fixação sobre o Módulo 03.
[MÓDULO 04]
Neste módulo serão abordadas as questões de composição, adição de elementos interativos e a criação e o gerenciamento de arquivos Templates.
COMPOSIÇÃO (Webdesign)
• Equilíbrios
• Dicas de composição
COMO ADICIONAR ELEMENTOS INTERATIVOS
• Criar e inserir um botão Flash
• Como inserir um objeto de texto Flash
Intervalo: 15 minutos
PUBLICANDO O SITE
• Configurando o site para a publicação
• Atualização
Exercício em aula: montar o Site Aromas e Frutas utilizando. (menu com cores diferentes)
[MÓDULO 05]
GERENCIAR MODELOS (TEMPLATES) - Recurso avançado que será ministrado dependendo do aproveitamento da turma.
• Região editável
• Região repetitiva
Exercício em aula: montar o Site Aromas e Frutas utilizando templates.
|
