Conteúdo Programático do Curso de Dreamweaver

1ª Aula: Configuração do site
O que é o Dreamweaver?
Iniciando o programa Dreamweaver
Definindo um site
Criando um arquivo HTML
Configurando os títulos nas páginas
Configurando uma cor de texto padrão nas páginas
Gravando o arquivo
Inserindo e formatando textos
Inserindo imagens
Visualizando o código
Configurando o navegador

2ª Aula: Hiperlinks
Continuando a criação do site
Abrindo um arquivo existente
Criando mais páginas
Inserindo régua horizontal na página
Criando uma lista-ordenada
Criando uma lista-não ordenada
Utilizando botões de Recuo
O campo "Alt"
Vinculação e navegação
Locais e caminhos de documentos
Caminhos relativos a documentos
Vincular documentos usando o ícone Point to File (Apontar para arquivo)
Hiperlink com âncora
Hiperlink para site
Hiperlink para e-mail
Configurar cores para hiperlinks
Mapas de imagem
Inserindo animações Flash

3ª Aula: Formulários
Criando formulários
Caixas de texto (Text Field)
Listas e Menus (List / Menu)
Botões (Button)
Botões de opção (Radio Button)
Caixa de Seleção (Checkbox)
Validando formulários

4ª Aula: Tabelas
Trabalhando com tabelas
Frames

5ª Aula: Formatação de páginas com CSS
O que é CSS?
Sintaxe da regra CSS
Criação e gerenciamento de CSS
Tipos de estilos no Dreamweaver
Definição das propriedades CSS
Atribuindo as regras do arquivo CSS em outros arquivos HTML
Alterando uma regra CSS
Removendo uma regra CSS
Definição das propriedades CSS

6ª Aula: Inserindo vídeos e recursos do Google
Publicando vídeos com o Media Encoder e Dreamweaver
Usando o programa Adobe Media Encoder CS5
Utilizando o programa Dreamweaver para inserir os vídeos
Inserindo um vídeo do Youtube em uma página web
Inserindo um mapa do Google Maps em uma página web
Inserindo um formulário do Google em uma página web

7ª Aula: AP Div
O que é AP DIV?
Criando AP DIV
Ordem de empilhamento da AP Div – Z-Index
Modo de visualizar a AP Div no navegador - Overflow

8ª Aula: A tag DIV
A tag DIV
Inserindo uma DIV
Estruturando um site com a tag DIV

9ª Aula: DIV – parte II
Ajuste no layout
Propriedade Float
Centralizando o layout
Propriedade Clear

10ª Aula: Spry menu bar
Criando um menu horizontal e vertical
Configurando os links do menu Spry
Formatando o menu
Formatando o texto e o fundo do menu Spry

11ª Aula: Utilizando os behaviors do Dreamweaver
Entendendo os Behaviors do Dreamweaver
Criando uma página interativa
Swap Image e Swap Image Restore
Show/Hide Element
Drag AP Element
Open Browser Window
Effects
Convertendo AP Div Elements em tabela
Convertendo Tabela em AP Div Elements

Exercícios de Revisão