UNIDADE 1 ORGANIZAÇÃO DO CURSO.-10
1.1 SOBRE O CURSO . 10
1.2 ESTRUTURA DO CURSO. 10
UNIDADE 2 INTRODUÇÃO AO HTML E WEB STANDARDS-12
2.1 A LINGUAGEM HTML E A INTERNET . 12
2.2 AS LIMITAÇÕES DO HTML. 12
2.3 OS WEB STANDARDS 13
2.4 W3C. 13
2.5 POR QUE ENTENDER O HTML? 14
2.6 CONCEITOS BÁSICOS DE HTML. 14
2.7 TAGS BÁSICAS 15
2.7.1 Exemplo de HTML com Tags Básicas 15
2.7.2 Principais Tags HTML. 16
2.8 CORES EM HTML. 16
UNIDADE 3 XHTML-19
3.1 RAZÕES PARA EXISTIR O XHTML 19
3.2 REGRAS DE SINTAXE 20
3.2.1 Caixa Baixa 20
3.2.2 Elementos sem Conteúdo . 20
3.2.3 Aninhamento 21
3.2.4 Valores dos Atributos. 21
3.2.5 Atributo NAME. 22
3.2.6 Elementos Obrigatórios . 22
3.2.7 Declaração DOCTYPE 22
3.3 PÁGINA BÁSICA XHTML: XHTML.HTML 23
3.4 LISTAS 23
3.4.1 Listas Simples – Exemplo 1 24
3.4.2 Listas Simples – Exemplo 2 25
3.4.3 Listas com Subníveis 27
3.5 LINKS . 28
3.5.1 Adicionando Links de E-mail . 29
3.5.2 Exemplo de Links: links.html . 29
3.6 TABELAS 30
3.6.1 Construindo Tabelas 30
3.6.2 Exemplo de uma Tabela Simples 31
3.6.3 Tabelas Mais Sofisticadas 33
3.6.4 Layers - DIV. 35
UNIDADE 4 INTRODUÇÃO A ESTILOS CSS .-38
4.1 O CSS 38
4.2 BENEFÍCIOS EM UTILIZAR CSS. 38
4.3 CSS PARA SEPARAR CONTEÚDO DA APRESENTAÇÃO. 39
4.4 PÁGINAS COM SEMÂNTICA CORRETA . 40
4.5 SINTAXE DO CSS 41
4.6 APLICANDO ESTILOS A UMA PÁGINA 42
4.6.1 Aplicando Estilos a Toda a Página HTML 42
4.6.2 Aplicando Estilos à apenas uma Tag HTML Específica 42
4.6.3 Utilizando um Arquivo de Estilos Externo . 43
Adobe Dreamweaver CS4 Desenvolvimento de Websites Interativos
5 2009 ? Processor Alfamídia LTDA.
4.7 FORMAS DE UTILIZAÇÃO DOS SELETORES 43
4.7.1 Aplicando Estilos a uma Tag: 44
4.7.2 Definindo Estilos para mais um Grupo de Tags 44
4.7.3 Definindo uma Classe de Estilos 45
4.7.4 Aplicando Estilos a uma palavra ou a um grupo pequeno de palavras. 46
4.7.5 Definindo um ID de Estilos 46
UNIDADE 5 INTRODUÇÃO AO TABLELESS DESIGN-51
5.1 TABLELESS . 51
5.2 PROBLEMAS NO DESIGN COM TABELAS 51
5.3 DESIGN TABLELESS – CSS BOX MODEL. 51
5.4 UM EXEMPLO DE TABLELESS DESIGN 52
UNIDADE 6 CONHECENDO A INTERFACE DO DREAMWEAVER CS4.-56
6.1 SOBRE O ADOBE DREAMWEAVER. 56
6.2 ABRINDO O DREAMWEAVER. 56
6.3 ÁREA DE TRABALHO DO DREAMWEAVER 57
6.4 FERRAMENTAS SELECT, HAND E ZOOM 59
6.5 BARRA DE FERRAMENTAS STANDARD 59
6.6 VISÃO GERAL DA BARRA DE FERRAMENTAS DE DOCUMENTO . 59
6.6.1 Visão geral da Janela Documento . 61
6.7 VISÃO GERAL DA BARRA DE FERRAMENTAS PADRÃO. 62
6.8 VISÃO GERAL DA BARRA DE STATUS 62
6.9 VISÃO GERAL DO PAINEL INSERIR. 63
6.10 VISÃO GERAL DO PAINEL ARQUIVOS . 65
6.11 VISÃO GERAL DO PAINEL ESTILOS CSS . 65
UNIDADE 7 INICIANDO O PROJETO DE UM WEBSITE .-68
7.1 DEFININDO UM SITE LOCAL 68
LABORATÓRIO 70
7.2 CRIANDO UMA NOVA PÁGINA HTML 70
7.3 SALVANDO UMA PÁGINA HTML 71
7.4 PREFERÊNCIAS DO BROWSER . 72
LABORATÓRIO . 74
UNIDADE 8 ADICIONANDO CONTEÚDO A UM WEBSITE .-76
8.1 IMPORTANDO ARQUIVOS DE TEXTO . 76
LABORATÓRIO . 76
8.2 CONTROLANDO A ESTRUTURA DO DOCUMENTO 77
8.2.1 Títulos. 77
LABORATÓRIO 78
8.2.2 Parágrafos . 79
8.2.3 Quebra de Linha 79
LABORATÓRIO 80
8.2.4 Listas 80
8.2.4.1 Criação de uma nova lista. 81
8.2.4.2 Criação de uma lista usando um texto existente 81
8.2.4.3 Mudando as propriedades de uma lista. 81
8.2.4.4 Remover uma lista . 82
LABORATÓRIO 82
8.3 ADICIONANDO CARACTERES ESPECIAIS . 84
LABORATÓRIO 84
UNIDADE 9 APLICANDO FOLHAS DE ESTILOS EM CASCATA (CSS).-87
Adobe Dreamweaver CS4 Desenvolvimento de Websites Interativos
6 2009 ? Processor Alfamídia LTDA.
9.1 CRIANDO ESTILOS 87
9.2 USANDO PONTOS, PIXELS OU EMS PARA TAMANHOS DE FONTES. 97
9.2.1 Tamanhos Relativos. 98
9.2.2 Tamanhos Absolutos 98
LABORATÓRIO 98
9.3 EDITANDO REGRAS DE ESTILO . 101
9.4 CRIANDO ESTILOS DE CLASSE 101
LABORATÓRIO 102
9.5 ANEXANDO FOLHAS DE ESTILOS EXTERNAS 105
LABORATÓRIO 106
9.6 DUPLICANDO ESTILOS 108
LABORATÓRIO 109
9.7 CRIANDO ESTILOS AVANÇADOS. 109
LABORATÓRIO 109
9.7.1 Outro exemplo de pseudo-elemento :. 111
9.8 CRIANDO UMA FOLHA DE ESTILOS EXTERNA . 111
9.8.1 A Barra de Ferramentas Style Rendering 112
LABORATÓRIO 112
UNIDADE 10 INSERINDO DIFERENTES MÍDIAS NO SITE .-116
10.1 IMAGENS NA WEB 116
10.2 USANDO A BARRA DE INSERÇÃO PARA IMAGENS 117
10.3 REDIMENSIONANDO UMA IMAGEM 118
10.4 ALINHAMENTOS E ESPAÇAMENTOS EM UMA IMAGEM . 121
10.5 USANDO O PAINEL ASSETS 122
LABORATÓRIO 123
10.6 INSERINDO UM ARQUIVO DO FLASH 125
10.7 ADICIONANDO UM VÍDEO DO FLASH . 127
UNIDADE 11 USANDO BIBLIOTECAS E MODELOS.-130
11.1 ITENS DE BIBLIOTECA 130
11.2 COLOCANDO ITENS DE BIBLIOTECA EM UMA PÁGINA 132
11.3 MODIFICANDO ITENS DA BIBLIOTECA . 132
11.4 DESANEXANDO E EXCLUINDO ITENS DA BIBLIOTECA 133
LABORATÓRIO 134
11.5 CRIANDO MODELOS DE SITE 135
LABORATÓRIO 136
11.6 DEFININDO REGIÕES EDITÁVEIS 136
11.7 USANDO MODELOS 137
11.8 APLICANDO UM MODELO A UMA PÁGINA EXISTENTE 139
11.9 MODIFICANDO O MODELO. 140
LABORATÓRIO 141
UNIDADE 12 PROJETANDO LAYOUTS COM CSS .-143
12.1 USANDO CAMADAS PARA LAYOUT 143
12.1.1 Manipulando as Propriedades da Camada. 145
12.2 CAMADAS ANINHADAS 146
12.3 USANDO RÉGUAS E GUIAS. 147
12.4 ADICIONANDO CSS A CAMADAS . 149
12.5 PROJETANDO COM DIVS 151
12.5.1 Posicionamento Absoluto e Relativo . 151
LABORATÓRIO 152
12.5.2 Float 156
LABORATÓRIO 157
Adobe Dreamweaver CS4 Desenvolvimento de Websites Interativos
7 2009 ? Processor Alfamídia LTDA.
12.5.3 Clear 170
LABORATÓRIO 170
UNIDADE 13 NAVEGANDO NO SITE .-184
13.1 LINKS DE HIPERTEXTO. 184
13.1.1 Tipos de Link . 184
13.2 CRIANDO LINKS PARA ARQUIVOS NO SITE 185
LABORATÓRIO 185
13.3 ADICIONANDO LINKS DE E-MAIL. 187
LABORATÓRIO 188
13.4 ALTERANDO CORES DO LINK. 188
LABORATÓRIO 190
13.5 PRIORIDADES DAS DECLARAÇÕES DOS LINKS. 191
LABORATÓRIO 191
13.6 ADICIONANDO LINKS PARA PÁGINAS EXTERNAS NUMA NOVA JANELA 193
LABORATÓRIO 193
13.7 CRIANDO VÁRIOS LINKS DE UMA IMAGEM. 194
13.8 PROJETANDO LINKS DE NAVEGAÇÃO COM CSS 196
LABORATÓRIO 197
UNIDADE 14 TABELAS.-206
14.1 CRIANDO TABELAS 206
14.2 PROPRIEDADES DA TABELA . 208
14.3 PROPRIEDADES DA CÉLULA . 209
14.4 EDITANDO LINHAS. 210
14.4.1 Adicionando Linhas e Colunas 210
14.4.2 Excluindo uma Linha. 211
14.4.3 Mesclando Linhas e Colunas. 211
14.4.4 Dividindo Linhas e Colunas 211
14.5 ORDENANDO TABELAS 212
UNIDADE 15 USANDO FORMULÁRIOS.-215
15.1 CRIANDO UM FORMULÁRIO . 215
15.2 USANDO OBJETOS DE FORMULÁRIO 216
15.3 PROCESSANDO O FORMULÁRIO 219
15.4 VALIDANDO UM FORMULÁRIO. 219
LABORATÓRIO 221
UNIDADE 16 SPRY FRAMEWORK.-225
16.1 MENUS NO DREAMWEAVER CS4 . 225
16.2 TABBED PANELS 226
16.3 ACCORDION. 227
16.4 COLLAPSIBLE PANEL . 227
LABORATÓRIO 228
UNIDADE 17 TESTANDO O SITE-236
17.1 VERIFICANDO ACESSIBILIDADE. 236
17.2 VERIFICANDO LINKS 237
17.3 VERIFICANDO A COMPATIBILIDADE DO NAVEGADOR 238
17.4 EXECUTANDO RELATÓRIOS EM UM SITE 239
UNIDADE 18 FAZENDO UPLOAD DE ARQUIVOS -242
18.1 CONECTANDO A UM SITE REMOTO 242
18.2 DEFININDO UM SITE REMOTO 243
Adobe Dreamweaver CS4 Desenvolvimento de Websites Interativos
8 2009 ? Processor Alfamídia LTDA.
18.3 MASCARANDO PASTAS E ARQUIVOS . 244
18.4 CONECTANDO-SE AO SERVIDOR 245
18.5 SINCRONIZANDO ARQUIVOS 247
UNIDADE 19 - ANEXO 1 PRINCIPAIS TAGS-250
UNIDADE 20 - ANEXO 2 LAYOUTS-256