Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

Transcrição

1 Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo ou substituindo tags inválidas 15 Escolhendo um navegador para interpretar HTML5 17 Mozilla FireFox 18 Google Chrome 19 Opera 21 Apple Safari 22 Microsoft Internet Explorer 9 24 Visualizando diferentes modos de exibição 24 Assuma o volante 25 Capítulo 2: Entendendo tags em HTML5 27 Parsing de código 28 Entendendo HTML5 e arquivos relacionados 28 Aprendendo quais arquivos que funcionam para a Web 31 Entendendo como as tags funcionam 31 Começando com a tag básica de HTML 32 Descrevendo sua página com tags 32 Identificando as partes de uma tag 34 Entendendo o papel da tag comentário 35 Aninhando tags 38 Assuma o volante 40 Capítulo 3: Tags de texto e um pouco de CSS3 43 Fundamentos 44 Um pouco mais de organização 45 Pensando na estrutura 47 Adicionando mais estruturas em HTML5 49 Usando CSS3 para aplicar estilos ao texto 52 Aplicando estilos a elementos de HTML5 com propriedades de CSS3 52 Criando classes e IDs de CSS3 59 Assuma o volante 63

2 Capítulo 4: Trabalhando com valores de cores 65 Entendendo cores RGB 66 Usando nomes 66 Porcentagens RGB e HSL 67 Configuração de número inteiro decimal RGB 70 Configurações hexadecimais: pensando como o seu computador 71 Acrescentando transparência à cor 74 Criando um esquema de cores 76 A partir de uma cor de base 76 A partir de uma imagem 76 Integrando sua paleta de cores com sua página Web 78 Assuma o volante 81 PARTE II: PÁGINAS, SITES E DESIGNS 83 Capítulo 5: Organização da página 85 O topo do documento HTML5 86 Definindo sua página inicial de base 86 Dando personalidade ao seu site com metadados 87 Saiba quando você precisa de um script 89 Um design em seções 91 Organizando seu material 94 Parágrafos, divisões e listas 94 Agrupando sem fragmentar 99 Figuras e legendas 100 Organizando arquivos 103 Organização e referência de imagens 103 Referência absoluta 104 Referência relativa 104 Assuma o volante 106 Capítulo 6: Exibindo dados com tabelas 109 Propriedades de tabela CSS3 para HTML5 110 Tabelas e dados tabulares 112 Conceitos básicos de tabela 113 Aplicando estilos a uma tabela 114 Adicionando bordas com CSS3 114 Esclarecendo os dados com cores de background 117 Tabelas complexas 120 Usando os atributos rowspan e colspan 120 Extensões práticas em tabelas 122 Assuma o volante 125 Capítulo 7: Tudo sobre links 127 O elemento link e seus principais atributos 128 Folhas de estilo alternativas 128 X

3 Ícones de link 131 Prefetch 133 Outros atributos de link 133 Links para páginas 134 Mais informações sobre o atributo rel 134 Âncoras e IDs de página 137 Destinos 140 Usando Iframes 143 Aninhando páginas Web 144 Assuma o volante 146 Capítulo 8: Estratégias de navegação 147 Conceitos de navegação na Web 148 A navegação do designer e a navegação do usuário 148 Navegação global 149 Usando JavaScript para chamar uma página vinculada 156 Criando padrão 159 Navegação vertical e horizontal 160 Aplicando pseudoclasses em CSS3 160 Entendendo o mecanismo de navegação vertical em HTML5 162 Usando ícones gráficos em navegação 165 Sites de página única com Iframes 166 Criando links para uma imagem 166 Criando e usando ícones de miniaturas 167 Usando iframes em dispositivos móveis 169 Assuma o volante 170 PARTE III MÍDIAS EM HTML5 173 Capítulo 9: Imagens 175 Conceitos básicos de arquivos de imagem em HTML5 Formatos e pixels são importantes 176 Preservando camadas em imagens para a Web 178 Trabalhando com tamanhos de arquivo de imagem 179 Usando aplicativos gráficos para modificar o tamanho de um arquivo de imagem 182 Posicionando imagens e criando páginas Web flexíveis 189 Posicionamento de imagem com o atributo align 189 Tamanho de imagem flexível com um pouco de JavaScript 191 Aplicativo para arquivos SVG dinâmicos a partir de arquivos de Adobe Illustrator 194 Assuma o volante 196 Capítulo 10: Som 199 Conceitos básicos de áudio em HTML5 200 Reprodução automática 200 XI

4 Controles 200 Pré-carregamento 202 Loop 203 Suporte a áudio nos navegadores 203 Salvo pela source: Plano B 204 Atributo de tipo 204 Parâmetro de codec de origem do tipo 205 Criando arquivos de áudio 206 Gravador de som do Windows Sound Studio do Macintosh OS X 208 Efeitos sonoros: efeitos no seu desktop 209 Sons de transição 209 Integrando efeitos sonoros a uma página Web 211 Assuma o volante 214 Capítulo 11: Vídeo 215 Criando uma página HTML5 com vídeo 216 Compatibilidade de vídeo e navegadores 218 Meu querido WebM: Miro Video Converter 220 Convertendo para 3GP: Adobe Media Encoder CS5 221 Criando vídeos para a Web 222 Webcams 223 Câmeras de vídeo compactas 223 Câmeras de vídeo padrão 224 Captura de vídeo na tela 225 Atributos de vídeo e origem 225 Src 226 Pôster 226 Pré-carregamento 227 Loop 227 Reprodução automática 228 Controles 228 Largura e altura 229 Assuma o volante 229 PARTE IV: TAGS HTML5 DINÂMICAS E UM POUCO DE JAVASCRIPT E PHP 231 Capítulo 12: Acrescentando apenas o JavaScript necessário 233 Inserindo JavaScript em páginas HTML JavaScript em arquivos externos 234 Funções 235 Controladores de eventos 236 Usando o Modelo de Objeto de Documentos 239 Como o DOM funciona com sua página e JavaScript 240 Elementos de HTML5 e DOM 242 Armazenando valores temporários 244 XII

5 Variáveis 244 Arrays 248 Objetos 249 Assuma o volante 252 Capítulo 13: Turbinando seu site com canvas 253 Conceitos básicos de canvas 254 Uma implementação de canvas simples 256 Imagens em canvas e sombras 264 Criando desenhos complexos com canvas 269 Linhas e movimento 270 Curvas 275 Assuma o volante 281 Capítulo 14: Adicionando formulários 283 Adicionando um formulário 284 Atributos gerais de formulário 286 O formulário como parte do DOM 290 Os diversos tipos de entradas 293 O atributo list, o tipo URL e datalists 294 Botões de opção e caixas de seleção: elementos de entrada facilmente selecionáveis 297 Seletor de data 301 Assuma o volante 303 Capítulo 15: Incorporando objetos e armazenando informações 305 Geolocalização 306 Encontrando latitude e longitude 306 Obtendo o mapa 307 Trabalhando com as propriedades de geolocalização e com o plug-in do Google Earth 310 Armazenamento em HTML5 311 Armazenamento de sessão 312 Armazenamento local 316 Adicionando e ajustando objetos em páginas Web HTML5 320 Adicionando um objeto 320 Ajustando um objeto 322 Assuma o volante 322 Capítulo 16: Obtendo dados interativos 323 Linguagens do lado do servidor e HTML5 324 Configurando PHP no seu computador (que acha que é um servidor) 324 Testando PHP 325 Conceitos básicos de PHP 326 A captura de postagens 328 Validação de dados 328 XIII

6 Estruturas básicas de Programação PHP 330 Armazenamento temporário de dados 330 Operadores-chave em PHP 334 Criando uma aplicação de 335 Um aplicativo de simples 336 Captura e envio em PHP 338 Adicionando cabeçalho e resposta automática em PHP 340 Assuma o volante 342 Índice 343 XIV