Maurício Samy Silva. Novatec



Documentos relacionados
Construindo Sites com. CSS e (X)HTML. sites controlados por folhas de estilo em cascata. Maurício Samy Silva. Novatec

Introdução a Web Standards. Reinaldo Ferraz e Clécio Bachini

Prof. Erwin Alexander Uhlmann 1/7/2010

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS.

UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO

Apostila Active Brasil de Webdesign. Daniel de Menezes Gularte Omar Queiroz Apostila de Webdesign ver. 1 rev. 0. Curso de Web Design

HTML. Conceitos básicos de formatação de páginas WEB

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Corpo Resumo

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira / j.edu@vqv.com.br

Regras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos,

Pré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente.

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html

Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15

Guia de Bolso HTML e XHTML

DWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

JQuery. 2ª Edição Revisada e ampliada. Maurício Samy Silva

Roteiro 2: Conceitos de Tags HTML

QUEM FEZ O TRABALHO?

Introdução ao HTML 5 e Implementação de Documentos

DICAS PARA DESENVOLVER SITE ACESSÍVEL

Webdesign A tag HEAD e as Meta tags

Tarlis Portela Web Design HTML

JQuery. A Biblioteca do Programador JavaScript. 3ª Edição Revisada e ampliada. Maurício Samy Silva. Novatec


Sumário. Os Créditos que Faltavam Introdução

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível

Codificando sua interface como um PROFISSIONAL. Nando Vieira

Apostila de XHTML Curso de Internet Professor Rinaldo Demétrio

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB

Capítulo 2. Conceitos básicos 17

Lista e Tabelas. Fundamentos da Linguagem Web

#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio

O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2

Programação Web Aula 2 XHTML/CSS/XML

17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce

Aplicativos para Internet Aula 01

#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Curso PHP Básico. Jairo Charnoski do Nascimento

COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS

Introdução à Tecnologia Web

Samus - Desenvolvimento Web - 14/11/2009 WebStandards Padrões de desenvolvimento Web

Dessa forma, o uso de elementos HTML que estruturem de forma clara a tabela auxiliam a sua leitura por pessoas que se utilizam leitores de tela.

PROGRAMAÇÃO EM AMBIENTE WEB I

CAPÍTULO 06. AG8 Informática. Este capítulo abrangerá :

Acessibilidade na Web Cesár Bomfim Brasília 15 de Março

Tutorial Acessibilidade na Web Construindo Formulários e Tabelas acessíveis

Introdução. História. Como funciona

Prof. Erwin Alexander Uhlmann 1/7/2010

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.

css Cascading Style Sheets CSS CASCADING STYLE SHEETS

HTML & CSS. uma introdução

HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto

HTML HyperText Markup Language (Linguagem de Marcação de HiperTexto)

Técnicas e processos de produção. Profº Ritielle Souza

Aula 3. Imagens. <img src="foto.jpg" />

XTHML. 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações);

Desenvolvedor Web Docente André Luiz Silva de Moraes

Programação para Internet I

TABELAS EM HTML. Prof: André Aparecido da Silva Disponível em:

Modelo de formateo visual em CSS

WebDesign. Professor: Paulo Trentin Escola CDI de Videira

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata

Web Design Aula 13: Introdução a CSS

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Declaração DOCTYPE e Tag Raiz html

Técnicas e processos de produção. Profº Ritielle Souza

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

SIMULADOS & TUTORIAIS

Observações importantes:

DWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico

Ferramentas para Multimídia e Internet

Curso de HTML. Daniel Destro do Carmo Softech Network Informática

Coleção - Análises de marketing em clientes de

Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes

Linguagem de Estruturação e Apresentação de Conteúdos

Tecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS

Coleção - Análises de marketing em clientes de

Plano de Trabalho Docente Ensino Técnico

Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes

Coleção - Análises de marketing em clientes de

Roteiro de Estudos e Atividades Avaliativas HTML

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

HTML5 O futuro da internet

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata

Transcrição:

Maurício Samy Silva Novatec

Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20 1.1 Definições e conceitos...20 1.1.1 (X)HTML...20 1.1.2 HTML...20 1.1.3 XHTML... 21 1.1.4 XML...22 1.1.5 SGML... 23 1.1.6 Marcação versus programação... 23 1.2 Histórico e versões da HTML... 24 1.2.1 Primeira versão HTML... 24 1.2.2 Segunda versão HTML+...26 1.2.3 Terceira versão HTML 2.0...28 1.2.4 Quarta versão HTML 3.0...30 1.2.5 Quinta versão HTML 3.2...31 1.2.6 Sexta versão HTML 4...31 1.2.7 Sétima versão HTML 4.01...31 1.2.8 A versão do futuro HTML 5... 32 1.3 Histórico da XHTML... 32 1.4 Teste de verificação do capítulo...33 Capítulo 2 Ferramentas básicas de desenvolvimento da marcação...35 2.1 Introdução... 35 2.2 Ambiente Windows...36 2.2.2 Internet Explorer... 37 2.3 Ambiente Macintosh...38 2.3.1 TextEdit...38 2.3.2 Safari...38 2.4 Ambiente Linux... 39 2.4.1 gedit... 39

Criando Sites com HTML 2.4.2 Firefox... 39 2.5 Navegador-padrão...40 2.6 Editores gratuitos...40 2.7 Cliente FTP... 41 2.8 Teste de verificação do capítulo... 41 Capítulo 3 Definições e sintaxe geral da marcação...43 3.1 Definições...43 3.1.1 Documento e página...44 3.1.2 Navegador...44 3.1.3 Usuário...44 3.1.4 Dispositivo de usuário...44 3.1.5 Desenvolvedor web e autor web...45 3.1.6 Editor...45 3.1.7 Renderização...45 3.1.8 Código-fonte...45 3.1.9 Elementos (X)HTML...46 3.2 Sintaxe geral de marcação...46 3.2.1 Introdução... 47 3.2.2 Tag (X)HTML... 47 3.2.3 Elemento vazio...48 3.2.4 Comentários...48 3.2.5 Atributos...49 3.2.6 Tamanho das letras...49 3.2.7 Marcação de espaçamentos...49 3.2.8 Marcação para quebras de linha...51 3.2.9 Marcação para caracteres especiais... 53 3.2.10 Sintaxe para cores...54 3.3 Estrutura mínima de um documento...56 3.3.1 DOCTYPE...56 3.3.2 Seção head...58 3.3.3 Seção body... 59 3.3.4 A estrutura final... 59 3.4 Elementos nível de bloco e inline...60 3.5 Teste de verificação do capítulo... 61 Capítulo 4 Elementos e atributos (X)HTML...63 4.1 Introdução...63 4.2 Atributos comuns...63 4.2.1 Eventos intrínsecos...66 4.3 Elementos HTML e seus atributos... 67 4.3.1 Legenda... 67 a...68 abbr... 71 acronyn...72

Sumário address...73 applet Em desuso...73 area Elemento vazio... 75 b...77 base Elemento vazio...78 basefont Elemento vazio e em desuso...79 bdo...80 big... 81 blockquote... 81 body...82 br Elemento vazio...83 button...84 caption...85 center Elemento em desuso...86 cite...86 code...87 col Elemento vazio...87 colgroup...89 dd... 91 del...92 dfn...93 dir Elemento em desuso...94 div...94 dl...95 dt...96 em...97 fieldset...97 font Elemento em desuso...98 form...99 frame Elemento vazio...101 frameset... 102 h1 - h6... 103 head... 104 hr Elemento vazio... 105 html... 106 i... 107 iframe... 107 img Elemento vazio... 109 input Elemento vazio... 111 ins... 114 isindex Elemento em desuso...115 kbd...115 label...116 legend... 117 li... 117

10 Criando Sites com HTML link Elemento vazio... 119 map... 121 menu Elemento em desuso... 122 meta Elemento vazio...123 noframes...124 noscript...124 object... 125 ol... 127 optgroup... 128 option... 129 p... 130 param Elemento vazio... 131 pre...132 q...133 s Elemento em desuso...133 samp... 134 script... 134 select...135 small... 136 span...137 strike Elemento em desuso...137 strong... 138 strong... 138 style...139 sub... 140 sup... 140 table... 141 tbody...142 td... 144 textarea... 146 tfoot... 148 th...149 thead...152 title... 153 tr... 154 tt...155 u Elemento em desuso... 156 ul... 156 var... 157 4.4 Teste de verificação do capítulo... 157 Capítulo 5 Estrutura e estilização... 159 5.1 Elemento HTML... 159

Sumário 11 5.2 A seção head do documento... 160 5.3 Caracteres e entidades... 163 5.4 Validação... 169 5.5 Marcação versus renderização...170 5.6 Teste de verificação do capítulo...172 Capítulo 6 Elementos e atributos em desuso e proprietários... 174 6.1 Elementos e atributos em desuso...174 6.2 Elementos proprietários... 180 6.3 Atributos de apresentação... 188 6.4 Teste de verificação do capítulo... 191 Capítulo 7 Folhas de estilo em cascata... 194 7.1 Definições e conceitos... 194 7.2 Modelo CSS de formatação visual...201 7.3 Unidades CSS para medida... 202 7.4 Propriedades CSS...204 7.5 Seletores CSS... 223 7.6 Esquemas de posicionamento CSS... 232 7.7 Teste de verificação do capítulo... 239 Capítulo 8 Construção da home page passo a passo... 241 8.1 Marcação...241 8.2 Melhorando o layout... 259 Capítulo 9 Construção da página Quem Somos... 263 9.1 Marcação... 263 9.2 Estilização... 265 Capítulo 10 Construção da página Produtos... 268 10.1 Layout da página...268 10.2 Coluna principal...268 10.3 Coluna auxiliar...277 Capítulo 11 Construção das subpáginas Produtos... 282 11.1 Layout da página... 282 11.2 Coluna principal... 282 11.3 Link corrente... 287 Capítulo 12 Construção da página Contato... 295 12.1 Layout da página... 295 12.2 Coluna principal... 295 12.3 Sucesso... 302 Capítulo 13 Ajustes finais... 304 13.1 O elemento title...304 13.2 Metatag descrição...306

12 Criando Sites com HTML 13.3 Linkando as folhas de estilo... 307 13.4 Validação...312 Capítulo 14 Registro, hospedagem e publicação do site... 317 14.1 Registro do domínio...317 14.2 Hospedagem do site...319 14.3 Publicação do site... 324 Capítulo 15 Divulgando e adicionando serviços de terceiros no site... 329 15.1 Indexação do site... 330 15.2 Busca no Google... 332 15.3 Estatística... 333 15.4 Page Rank... 335 15.5 Blogroll... 335 15.6 Central de Ajuda do Webmaster... 340 15.7 Advertência final...341 Apêndice A Respostas aos testes de verificação dos capítulos... 342 Capítulo 1... 342 Capítulo 2...344 Capítulo 3... 345 Capítulo 4... 347 Capítulo 5... 348 Capítulo 6... 349 Capítulo 7... 350 Apêndice B Tabelas de codificação de caracteres para HTML... 353 Caracteres para HTML ISO-8859-1... 353 Caracteres especiais para HTML... 354 Caracteres matemáticos, gregos e símbolos para HTML... 354 Apêndice C Tabelas de referência rápida para elementos HTML... 356 Apêndice D Tabelas de referência rápida para atributos HTML... 360 Apêndice E Tabela de referência rápida para as propriedades CSS 2.1... 370 Referências bibliográficas... 376 Índice remissivo... 377