Sites Dinâmicos com Dreamweaver e JavaScript


Pré-requisitos
Dreamweaver e JavaScript

Conteúdo Programático
Web standards, tableless design, XHTML, CSS, AJAX. Integração de scripts a páginas Web. DHTML. Desenvolvimento de sites interativos e dinâmicos utilizando Javascript e Dreamweaver de forma integrada.


Unidade 1: Sites Dinâmicos com Dreamweaver e Javascript
- Sobre o Curso

Unidade 2: Web Standards
- A Importância dos Padrões
- O que é o W3C
- Qual a sua Função?
- Benefícios dos Web Standards
- Quais os Pontos Negativos?
- Como Funcionam os Web Standards?
- Website Tradicional
- Website "Web Standards"

Unidade 3: Entendendo o (X)HTML
- (X)HTML
- Marcação Estrutural com HTML
- Configurando um Novo Site no Dreamweaver
- Trabalhando com Código HTML e XHTML no Dreamweaver
- Definindo Diversos Browsers para Preview das Páginas
- Migrando do HTML para o XHTML
- Benefícios
- Flexibilidade
- Como escrever Código XHTML Válido?
- Validação

Unidade 4: CSS
- O que é o CSS
- Utilizando CSS para separar conteúdo da Apresentação
- Como funciona o CSS?
- Efeito Cascata
- Ordem de Aplicação
- Sintaxe
- Agrupando
- Tipos de Selectors
- Utilizando um Tag Selector
- Utilizando um Class Selector (Seletor de Classe)
- Utilizando um ID Selector
- Combinando Seletores
- Definindo uma Folha de Estilos Externa
- Folha de Estilos Interna
- Estilos Inline
- Múltiplas Folhas de Estilos
- Definindo Cor no CSS
- Unidades de Medidas para Texto em CSS

Unidade 5: Marcação Semanticamente Correta
- Definindo

Unidade 6: Tableless
- Conceito
- Problemas na Utilização de Tabelas para o Layout
- Solução
- Posicionamento com CSS ou CSS-P
- Tipos de Posicionamento
- Float
- Clear
- Display
- Overflow e Clip
- Z-Index
- Vertical Align
- Técnicas de Layout com CSS – Tableless
- Trabalhando com a Tag Div
- Layout com CSS
- Técnicas de Layout utilizando Position: Absolute
- Técnicas de Layout utilizando Float
- Tratamento de Listas com CSS
- O que são Hacks de CSS?

Unidade 7: Validação
- Por que utilizar Código Válido?
- Como fazer a Verificação do Código?
- Como tornar o Código Válido?

Unidade 8: Acessibilidade
- Conceito
- Por que utilizar Código Acessível?
- Como tornar o seu Código Acessível?
- Acessibilidade para Softwares / Máquinas
- Acessibilidade para Pessoas

- Unidade 9: Como Adotar o desenvolvimento baseado em Web Standards
- Mudanças Básicas
- Mudanças Intermediárias
- Mudanças Avançadas
- Check List para Web Standards

Unidade 10: Construindo Projeto
- Analisando o Projeto de um Site

Unidade 11: Formulários com o Framework Spry
- Os Botões
- Spry Text Field
- Spry Textarea
- Spry Checkbox
- Spry Select
- Criando o Formulário

Unidade 12: Lendo um Arquivo Externo Dinamicamente
- Criando as Divs Tag
- Inserindo o Javascript

Unidade 13: Navegação na Horizontal
- Deslocando a Página