caelum-html-css-javascript.pdf

(10325 KB) Pobierz
.
SOBRE ESTA APOSTILA
Esta apostila da Caelum visa ensinar de uma maneira elegante, mostrando apenas o que é necessário e
quando é necessário, no momento certo, poupando o leitor de assuntos que não costumam ser de seu
interesse em determinadas fases do aprendizado.
A Caelum espera que você aproveite esse material. Todos os comentários, críticas e sugestões serão
muito bem-vindos.
Essa apostila é constantemente atualizada e disponibilizada no site da Caelum. Sempre consulte o
site para novas versões e, ao invés de anexar o PDF para enviar a um amigo, indique o site para que ele
possa sempre baixar as últimas versões. Você pode conferir o código de versão da apostila logo no ​nal do
índice.
Baixe sempre a versão mais nova em: www.caelum.com.br/apostilas
Esse material é parte integrante do treinamento Desenvolvimento Web com HTML, CSS e JavaScript
e distribuído gratuitamente exclusivamente pelo site da Caelum. Todos os direitos são reservados à
Caelum. A distribuição, cópia, revenda e utilização para ministrar treinamentos são absolutamente
vedadas. Para uso comercial deste material, por favor, consulte a Caelum previamente.
Caelum
Sumário
Sumário
1 Sobre o curso - o complexo mundo do front-end
1.1 O curso e os exercícios
1.2 O projeto de e-commerce
1.3 Tirando dúvidas com instrutor
1.4 Tirando dúvidas online no GUJ
1.5 Bibliografia
1.6 Para onde ir depois?
2
2
3
3
3
4
4
2 Introdução a HTML e CSS
2.1 Exibindo informações na Web
2.2 Sintaxe do HTML
2.3 Estrutura de um documento HTML
2.4 Tags HTML
2.5 Imagens
2.6 A estrutura dos arquivos de um projeto
2.7 Editores e IDEs
2.8 Primeira página
2.9 Exercícios: primeiros passos com HTML
2.10 Estilizando com CSS
2.11 Sintaxe e inclusão de CSS
2.12 Propriedades tipográficas e fontes
2.13 Alinhamento e decoração de texto
2.14 Imagem de fundo
2.15 Bordas
2.16 Exercícios: primeiros passos com CSS
2.17 Cores na Web
2.18 Listas HTML
2.19 Espaçamento, margem e dimensões
2.20 Exercícios: listas e margens
6
6
9
9
11
13
13
14
15
17
20
21
23
24
25
25
26
27
29
30
32
Sumário
Caelum
2.21 Links HTML
2.22 Exercícios: links
2.23 Elementos estruturais
2.24 CSS: Seletores de ID e filho
2.25 Fluxo do documento e float
2.26 Exercícios: seletores CSS e flutuação de elementos
2.27 O futuro e presente da Web com o HTML5
33
34
35
36
37
38
40
3 HTML semântico e posicionamento no CSS
3.1 O processo de desenvolvimento de uma tela
3.2 O projeto Mirror Fashion
3.3 Analisando o Layout
3.4 HTML semântico
3.5 Pensando no header
3.6 Estilização com classes
3.7 Exercícios: header semântico
3.8 CSS Reset
3.9 Block vs Inline
3.10 Exercícios: reset e display
3.11 Position: static, relative, absolute
3.12 Exercícios: posicionamento
3.13 Para saber mais: suporte HTML5 no Internet Explorer antigo
3.14 Exercícios opcionais
41
41
43
44
46
47
48
50
52
53
54
55
58
58
60
4 Mais HTML e CSS
4.1 Analisando o miolo da página
4.2 Formulários
4.3 Posicionamento com float e clear
4.4 Decoração de texto com CSS
4.5 Cascata e herança no CSS
4.6 Para saber mais: o valor inherit
4.7 Exercícios: menu e destaque
4.8 Display inline-block
4.9 Exercícios: painéis flutuantes
4.10 Seletores de atributo do CSS3
4.11 Rodapé
4.12 Substituição por Imagem
4.13 Estilização e posicionamento do rodapé
4.14 Exercícios: rodapé
61
61
61
62
63
64
65
66
69
70
73
74
75
75
77

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin