Apostila WEB HTML, CSS e JavaScript
(e um mini-curso online)
aceito receber e-mails EuCurso

Conteúdo do Ebook:

UNIDADE 1 ARQUITETURA DE APLICAÇÕES WEB. 7
1.1 INTERNET – UM POUCO DE HISTÓRIA . 7
1.2 PÁGINAS ESTÁTICAS . 7
1.3 INTRODUÇÃO A CLIENT SIDE SCRIPTS E SERVER SIDE SCRIPTS 8
1.3.1 Client Side Scripts e Server Side Scripts . 8
1.3.2 Client Side scripts – Javascript . 8
1.3.3 Server Side Scripts – ASP, ASP.NET, PHP e JSP . 9
1.4 AMBIENTE DE DESENVOLVIMENTO . 11
1.5 SERVIDORES WEB E DE APLICAÇÃO. 11
1.5.1 O que é um Servidor WEB?. 11
1.5.2 O que é um servidor de aplicações? 13
1.6 NAVEGADORES . 13
1.6.1 Padronização e protocolos de acesso 14
1.6.2 HTTPS (HyperText Transfer Protocol Secure) . 14

UNIDADE 2 INTRODUÇÃO AO HTML E WEB STANDARDS 16
2.1 A LINGUAGEM HTML E A INTERNET 16
2.2 AS LIMITAÇÕES DO HTML. 16
2.3 OS WEB STANDARDS 17
2.4 W3C . 17
2.5 IMPORTÂNCIA DOS WEB STANDARDS . 17

UNIDADE 3 HTML – RECURSOS BÁSICOS. 19
3.1 POR QUE ENTENDER O HTML?. 19
3.2 CONCEITOS BÁSICOS DE HTML . 19
3.3 TAGS BÁSICAS 20
3.3.1 Exemplo de HTML com Tags Básicas. 20
3.3.2 Familiarizando-se com o HTML . 21
3.4 FORMATAÇÃO DE TEXTOS 21
3.4.1 Exemplo de Títulos e Subtítulos. 22
3.4.2 Exemplo de Alinhamentos . 23
3.4.3 Exemplo de Formatação de Textos 25
3.5 CORES EM HTML . 26
3.5.1 Utilizando o Vermelho. 27
3.5.2 Utilizando o Vermelho com Verde. 28

UNIDADE 4 INCLUINDO IMAGENS EM UMA PÁGINA 29
4.1 FAZENDO REFERÊNCIA A OUTROS DOCUMENTOS. 29
4.1.1 Referência Relativa . 29
4.1.2 Referência Absoluta. 29
4.1.3 Referência Externa 30
Web, HTML, CSS e JavaScript
4 2007 ? Alfamidia Prow LTDA.
4.2 INCLUINDO IMAGENS COM A TAG IMG. 30
4.2.1 Incluindo Imagens – Exemplo 1 30
4.2.2 Alinhando Imagens – Exemplo2 31
4.3 INCLUINDO IMAGENS NO FUNDO DA PÁGINA – TAG BODY . 33
4.3.1 Fundo com Padronagem . 34

UNIDADE 5 CRIANDO LINKS 35
5.1 HIPERLINKS. 35
5.1.1 Página com Links – Exemplo 1 . 35

UNIDADE 6 CRIANDO TABELAS 37
6.1 TABELAS E LAYOUT DE PÁGINAS 37
6.2 CONSTRUINDO UMA TABELA 37
6.2.1 Exemplo de uma Tabela Simples. 38
6.2.2 Tabelas Mais Sofisticadas. 39
6.2.3 Construindo uma Tabela mais Sofisticada 43
6.2.4 Integrando Recursos em Tabelas. 44

UNIDADE 7 FORMULÁRIOS 45
7.1 INTRODUÇÃO A FORMULÁRIOS . 45
7.2 CRIANDO UM FORMULÁRIO 45
7.3 UM PRIMEIRO FORMULÁRIO . 46
7.4 FORMULÁRIOS COM DIFERENTES TIPOS DO INPUT 47
7.5 ENTRADA DE VÁRIAS LINHAS DE TEXTO - TEXTAREA 49
7.6 MENUS COM OPÇÕES - SELECT . 50

UNIDADE 8 INTRODUÇÃO A ESTILOS CSS 52
8.1 O CSS. 52
8.2 BENEFÍCIOS EM UTILIZAR CSS . 52
8.3 CSS PARA SEPARAR CONTEÚDO DA APRESENTAÇÃO . 53
8.4 PÁGINAS COM SEMÂNTICA CORRETA. 54
8.5 SINTAXE DO CSS 55
8.6 APLICANDO ESTILOS A UMA PÁGINA . 56
8.6.1 Aplicando estilos a toda a página HTML 56
8.6.2 Aplicando estilos à apenas uma tag HTML específica 56
8.6.3 Utilizando um arquivo de estilos externo 57
8.7 FORMAS DE UTILIZAÇÃO DOS SELETORES . 57
8.7.1 Aplicando estilos à uma tag: . 57
8.7.2 Definindo estilos para mais um grupo de tags 58
8.7.3 Definindo uma classe de estilos. 59
8.7.4 Definindo um ID de estilos 59
8.8 EXERCÍCIOS 62

UNIDADE 9 CSS NA PRÁTICA 63
9.1 UTILIZANDO CSS EM SITUAÇÕES REAIS . 63
9.2 CRIANDO TABELAS COM ESTILOS CSS . 63
9.3 DADOS EXIBIDOS EM UMA TABELA COM CSS. 63
9.4 ALTERANDO O ESTILO CSS 65
9.5 DADOS E FORMULÁRIOS COM CSS 66
9.6 EXERCÍCIOS COM CSS. 68

UNIDADE 10 INTRODUÇÃO AO JAVASCRIPT. 69
Web, HTML, CSS e JavaScript
5 2007 ? Alfamidia Prow LTDA.
10.1 O QUE É JAVASCRIPT?. 69
10.2 ONDE OS SCRIPT PODEM SER EXECUTADOS ? 69

UNIDADE 11 NOÇÕES BÁSICAS DE JAVASCRIPT. 70
11.1 UTILIZANDO COMENTÁRIOS . 70
11.2 TIPOS DE DADOS 70
11.2.1 Tipos de dados Primitivos (por valor) 71
11.2.2 Tipos de dados Compostos (por referência). 71
11.2.3 Tipos de dados especiais (undefined e Null). 71
11.3 VARIÁVEIS 72
11.4 OPERADORES 73
11.5 A ESTRUTURA DE UM SCRIPT JAVASCRIPT 74
11.6 CRIANDO UM SCRIPT EM UMA PÁGINA HTML. 75
11.7 ESTRUTURAS DE TESTE . 75
11.8 ESTRUTURAS DE REPETIÇÃO . 77
11.8.1 While. 77
11.8.2 For 77

UNIDADE 12 UTILIZANDO FUNÇÕES. 79
12.1 UTILIZANDO FUNÇÕES NO JAVASCRIPT. 79
12.2 AS FUNÇÕES INTRÍNSECAS DO JAVASCRIPT. 79
12.2.1 A função Eval(). 79
12.2.2 A função parseInt() e parseFloat() . 80
12.2.3 Função escape() e unescape() 81
12.2.4 A função isNaN() 81
12.3 FUNÇÕES CRIADAS PELO USUÁRIO 81

UNIDADE 13 UTILIZANDO OBJETOS . 83
13.1 OBJETOS INTRÍNSECOS 83
13.1.1 O Objeto Date. 83
13.1.2 O Objeto Array . 84
13.1.3 O Objeto Math 85
13.1.4 O Objeto String. 86
13.2 OBJETOS CRIADOS PELO USUÁRIO . 86
13.3 MÉTODOS 87
13.3.1 Métodos estáticos 87
13.3.2 A declaração this 87
13.3.3 A declaração with 87

UNIDADE 14 CONHECENDO OBJECTS DOM 89
14.1 INTRODUÇÃO A DOM: 89
14.2 O QUE É HTML DOM? 89
14.3 QUANDO DEVEMOS USAR JAVASCRIPT . 89
14.4 AS DIVISÕES DE DOM. 89
14.5 ALTERAR CONTEÚDO COM HTML DOM 89
14.6 DOCUMENT OBJECTS 90
14.7 PROPRIEDADES DO OBJETO BODY 90
14.8 OBJETO FORM. 91
14.8.1 Atributos do Form. 93
14.8.2 Métodos de um FORM 93
14.8.3 Eventos de um form 93
14.8.4 “Elements” de um FORM. 94
Web, HTML, CSS e JavaScript
6 2007 ? Alfamidia Prow LTDA.
14.9 MÉTODO GETELEMENTBYID. 94
14.10 OBJETO FRAMESET . 95
14.10.1 Atributos do Objeto frameset 96
14.10.2 Metodos de Objeto Frameset 96
14.10.3 Eventos de objeto de um Frameset . 96

UNIDADE 15 MANIPULANDO FORMS COM DOM 98
15.1 TUTORIAL . 98
15.2 MAPEANDO EVENTOS DE UM FORMULÁRIO . 102
15.2.1 Mapeando Eventos através da tag script 102
15.2.2 Mapeando eventos através de funções 103
15.2.3 Mapeamento de eventos através de atribuição. 104
15.3 EXTRAINDO INFORMAÇÕES DOS FORMULÁRIOS HTML 105
15.3.1 Buscando informações de formulários não nomeados . 105
15.3.2 Buscando informações de formulários nomeados 106
15.4 VALIDANDO INFORMAÇÕES NO FORMULÁRIO . 107
15.4.1 Validando informações de caixas de texto 107
15.4.2 Validando listas de seleção simples e múltipla (Combo e ListBox) 108
15.4.3 Validando caixas de escolha simples e múltipla (RadioButton e CheckBox) . 110
15.4.4 Criando uma função para mascaras de campos. 112
15.5 VALIDAÇÃO COM REGULAR EXPRESSIONS (REGEX). 114

UNIDADE 16 OBJETO WINDOW 115
7.1 MÉTODOS DO OBJETO WINDOW. 115
UNIDADE 17 - ANEXO 1 PRINCIPAIS TAGS. 119

UNIDADE 18 - ANEXO 2 FRAMES . 124

18.1 ESTRUTURA BÁSICA - FRAMESET 124
18.1.1 Atributos de Frameset. 125
18.1.2 Frame 130