Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado.

Este material pode ser protegido por direitos

autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

Introdução páginas vêm no início de cada capítulo. Eles Referência páginas introduzir peças-chave de HTML & CSS. O código
introduzem os temas-chave que você vai aprender. HTML é mostrado em azul e código CSS é mostrado na cor rosa.

fundo páginas aparecem no branco; eles explicar o contexto dos Diagrama e infográficos páginas são mostradas em um fundo
temas abordados que são discutidos em cada capítulo. escuro. Eles fornecem uma referência simples, visual aos tópicos
discutidos.

Exemplo páginas juntos os temas que você aprendeu e demonstrar resumo páginas vir no final de cada capítulo. Eles lembrá-lo dos
como elas podem ser aplicadas em cada um. principais temas que foram abordados em cada capítulo.

INTRODUÇÃO 4
 Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

É difícil de aprender?

Muitos livros que ensinam HTML e CSS assemelham Tenho focado no código que você precisa usar

90% do tempo e omitiu o código que você

manuais maçantes. Para tornar mais fácil para você
raramente vê mesmo se escrever sites é o seu

aprender, que jogou fora o modelo tradicional usado por emprego a tempo inteiro. No final do livro, se

você se deparar com os outros 10% você vai ser

editores e redesenhado este livro a partir do zero.
capaz de pesquisar no Google para descobrir o

que isso significa de forma rápida e facilmente.

No trabalho, quando as pessoas olham para a HTML compreensão e CSS pode ajudar Tenho também acrescentou informações

minha tela e vê-lo cheio de código, não é qualquer um que trabalha com a web; os práticas sobre tópicos que eu estou mais

incomum para obter um comentário sobre isso designers podem criar sites mais atraente e frequentes sobre, por exemplo, como preparar

olhando muito complicado ou quão inteligente eu utilizável, editores de sites podem criar melhor imagens, áudio e vídeo para a web, como

devo ser para compreendê-lo. A verdade é que conteúdo, os comerciantes podem se abordar a concepção e construção de um novo

não é tão difícil de aprender a escrever páginas comunicar com seu público de forma mais site, como melhorar seus rankings nos motores

da web e ler o código usado para criá-los; você eficaz, e os gerentes podem encomendar de busca (SEO ), e como usar o Google

certamente não tem que ser um "programador". locais melhores e tirar o melhor proveito das Analytics para aprender sobre os visitantes do

suas equipas. seu site.

5 INTRODUÇÃO
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24
a estrutura de
1: HTML
Vamos passar o primeiro capítulo olhando
como HTML é usado para criar páginas web.
Você vai ver que você começa por escrever as
palavras que você deseja que apareçam em
sua página. Você, então, adicionar tags ou
elementos para as palavras para que o
navegador sabe o que é um título, onde um
parágrafo começa e termina, e assim por
diante.
O restante desta seção apresenta as marcas
que você tem à sua disposição para criar
páginas web, agrupados em capítulos sobre:
texto, listas, links, imagens, tabelas,
formulários, vídeo e áudio flash, e elementos
diversos.
Devo avisá-lo que os exemplos nos
primeiros nove capítulos não são
emocionantes para olhar, mas eles são a
base de cada página web. Os seguintes
capítulos sobre CSS irá mostrar-lhe como
fazer suas páginas olhar muito mais
interessante.
este livro
A fim de ensinar-lhe sobre a criação de páginas web, este
livro é dividido em três seções:
2: css
Começamos esta seção com um capítulo que
explica como CSS usa regras para permitir que
você controle o estilo e layout de páginas da
web. Em seguida, passam a olhar para a
grande variedade de propriedades CSS que
você pode usar em suas regras CSS. Essas
propriedades geralmente caem em uma das
duas categorias:
Apresentação: Como controlar coisas como
a cor do texto, as fontes que você deseja
usar e o tamanho dessas fontes, como
adicionar cores de fundo de páginas (ou
partes de uma página), e como adicionar
imagens de fundo.
Layout: Como controlar onde os diferentes
elementos estão posicionados sobre a tela.
Você também vai aprender várias técnicas
que os profissionais usam para fazer suas
páginas mais atraentes.
3: prático
Vamos acabar com algumas informações úteis
que irão ajudá-lo na construção de melhores
websites.
Nós olhamos para algumas novas marcas que
serão introduzidas no HTML5 para ajudar a
descrever a estrutura de suas páginas. HTML5 é
a mais recente versão do HTML (ainda em
desenvolvimento no momento da escrita). Antes
de aprender sobre esses elementos, você
precisa de uma boa compreensão de como CSS
é usado para controlar o desenho de páginas
web. Há um capítulo que fala você através de
um processo de design que você gostaria de
seguir ao criar um novo site.
Finalmente, acabamos olhando para tópicos
que ajudarão você uma vez que você
construiu seu site, como colocá-lo na web,
Search Engine Optimization (SEO) e usando
analytics software para rastrear quem vem
para o seu site eo que eles estão olhando .
INTRODUÇÃO 6
 Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

como as pessoas
acessam a web

Antes de olharmos para o código usado para construir websites é

importante considerar as diferentes maneiras em que as pessoas

acessam a web e esclarecer algumas terminologias.

browsers servidores Web leitores de tela

Pessoas acessar sites usando software
chamado de web browser.
Exemplos populares incluem Firefox,
Internet Explorer, Safari, Chrome e
Opera.
Quando você pergunte ao seu navegador para Os leitores de tela são programas que lêem
uma página web, o pedido é enviado através da o conteúdo de uma tela de computador a um
Internet para um computador especial conhecido usuário. Eles são comumente usados por
como servidor web que hospeda o site. pessoas com deficiência visual.

Para visualizar uma página web, os usuários
podem digitar um endereço da Web em seu
navegador, siga um link de outro site, ou usar
um marcador.
Os fabricantes de software lançar regularmente
servidores Web são computadores especiais
que estão constantemente conectados à
Internet, e são otimizados para enviar páginas
da web para as pessoas que os solicitem.
Algumas grandes empresas executar seus
Da mesma forma que muitos países têm
legislações que exigem edifícios públicos
sejam acessíveis a pessoas com
deficiência, muitas leis também foram
passados que exigem sites ser acessível
a pessoas com deficiência.

novas versões de navegadores com novos próprios servidores web, mas é mais comum usar

recursos e apoiar novas adições às línguas. É os serviços de um hospedagem na web empresa

importante, no entanto, lembrar que muitos
proprietários de computadores não estarão
funcionando as versões mais recentes desses
navegadores. Portanto, você não pode contar
com todos os visitantes do seu site ser capaz de
usar a mais recente funcionalidade oferecida em
todos os navegadores.
Você vai aprender como dizer quais
navegadores visitantes utilizam para acessar o
seu website no capítulo 19.
que cobrar uma taxa para hospedar seu site.
dispositivos
As pessoas estão acessando sites em uma
gama cada vez maior de dispositivos,
incluindo computadores desktop, laptops,
tablets e telefones celulares. É importante
lembrar que vários dispositivos têm diferentes
tamanhos de tela e alguns têm conexões mais
rápidas na web do que outros.
Ao longo deste livro você vai ver várias
referências aos leitores de tela. Estas notas
vão ajudar a garantir que os sites que você
cria são acessíveis a pessoas que usam esse
tipo de software.
É interessante notar que tecnologias
similares àquelas utilizadas por leitores de
tela também estão sendo usados em outras
áreas onde as pessoas são incapazes ler
uma tela, como quando eles estão dirigindo
ou jogging.

7 INTRODUÇÃO
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24
o que você vê
Quando você está olhando para um site,
o mais provável é que o seu navegador
estará recebendo HTML e CSS a partir
do servidor web que hospeda o site. O
navegador interpreta o código HTML e
CSS para criar a página que você vê.
A maioria das páginas da web também
incluem conteúdo extra, como imagens,
áudio, vídeo ou animações e este livro vai
ensinar-lhe como prepará-los para uso na
web e, em seguida, como inseri-los em suas
páginas web.
Alguns sites também enviar JavaScript ou
Flash no navegador, e você verá como
adicionar JavaScript e Flash em suas
páginas web. Ambas as tecnologias são
tópicos avançados que você pode ir para
aprender mais sobre uma vez que você
domina HTML e CSS, se você quiser.
como os sites são
criados
Todos os sites usam HTML e CSS, mas os sistemas de gerenciamento
de conteúdo, software de blogging, e plataformas de e-commerce
muitas vezes adicionar mais algumas tecnologias na mistura.
como ele é criado
sites de pequenas são muitas vezes escritos
apenas usando HTML e CSS.
sites maiores - em particular aqueles que são
atualizados regularmente e usar um sistema de
gerenciamento de conteúdo (CMS), ferramentas
para blogs, ou software de e-commerce - muitas
vezes fazem uso de tecnologias mais
complexas no servidor web, mas estas
tecnologias são realmente utilizados para
produzir HTML e CSS que é então enviado para
o navegador. Assim, se seu site usa essas
tecnologias, você será capaz de usar o seu
novo conhecimento de HTML e CSS para ter
mais controle sobre como o seu site parece.
Maiores locais mais complexos como estes
podem utilizar um banco de dados para
armazenar dados e linguagens de programação
como PHP, ASP.Net, Java, Ruby ou no servidor
web, mas você não precisa saber essas
tecnologias para melhorar o que o usuário vê . As
habilidades que você vai aprender neste livro
deve ser o suficiente para ajudá-lo na estrada.
HTML5 e CSS3
Desde que a web foi criado pela primeira
vez houve várias versões do HTML e CSS
- cada um pretende ser uma melhoria em
relação à versão anterior.
Na hora de escrever este livro, HTML5 e
CSS3 ainda estavam sendo desenvolvidos.
Embora não tinha sido finalizado, muitos
navegadores já estavam apoiando algumas
características dessas línguas e um monte de
pessoas estavam usando a última versão do
código em seus sites. Tenho, portanto,
escolhido para lhe ensinar essas versões
mais recentes.
Porque HTML5 e CSS3 construir em versões
anteriores destes idiomas, aprender estes meios,
você também será capaz de compreender as
versões anteriores dos mesmos. Eu adicionei
notas claras quando o código é novo e também
quando ele pode não funcionar em navegadores
mais antigos.
INTRODUÇÃO 8
 Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

como funciona o Web

Quando você visita um site, o servidor web que hospeda o site

pode ser qualquer lugar do mundo. Para que você para
encontrar a localização do servidor web, o navegador primeiro
conectar a um servidor Domain Name System (DNS).

Nesta página você pode ver exemplos que
demonstram como o servidor web que
hospeda o site que você está visitando pode
ser qualquer lugar do mundo. É os
servidores DNS que dizer ao seu navegador
como encontrar o site.
● Um usuário em visitas Barcelona
sony.jp em Tóquio
● Um usuário em visitas de Nova York
google.com em San Francisco
● Um usuário em visitas Estocolmo
À direita, você pode ver o que acontece
quando um usuário da web na Inglaterra
quer ver o site da galeria de arte do Louvre,
na França, que está localizado em
www.louvre.fr. Em primeiro lugar, o browser em

qantas.com.au em Sydney contactos Cambridge um servidor DNS em

Londres. O servidor DNS, em seguida, informa

● Um usuário em visitas Vancouver
ao navegador a localização do servidor web que
airindia.in em Bangalore
hospeda o site em Paris.

9 INTRODUÇÃO
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

Seus contatos de computadores de uma

rede de servidores chamado Domain Name
System (DNS). Estes agem como telefone
1
livros; eles dizem o seu computador o
Quando você se conectar à web, você fazê-lo endereço IP associado com o nome de
através de um Internet Service Provider (ISP). domínio solicitado. Um endereço de IP é um
Você digita um nome de domínio ou endereço número de até 12 dígitos separados por
da web em seu navegador para visitar um site; períodos / pontos finais. Cada dispositivo

por exemplo: google.com, bbc.co.uk, microsoft.com. conectado à web tem um endereço IP

exclusivo; é como o número de telefone
para esse computador.

Cambridge

LONDRES
3

O número exclusivo que o servidor DNS retorna ao

seu computador permite que seu navegador para

entrar em contato com o servidor web que hospeda

o site que você solicitou. Um servidor web é um

computador que está constantemente conectado à

web, e está configurado especialmente para enviar

páginas da web para os usuários. PARIS

O servidor web envia a página solicitada

de volta para o seu navegador web.
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

Estrutura
1
X estrutura de entendimento
X Aprender sobre a marcação
X Tags e elementos
 Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:42:24

Deparamo-nos com todos os tipos de documentos todos os

dias de nossas vidas. Jornais, formulários de seguro,

catálogos de lojas ... a lista continua.

Muitas páginas da web agir como versões eletrônicas destes documentos. Por exemplo,
os jornais mostram as mesmas histórias em impressão como eles fazem em sites; você
pode aplicar para o seguro através da web; e lojas têm catálogos online e facilidades de

e-commerce.

Em todos os tipos de documentos, a estrutura é muito importante para ajudar os leitores

a entender as mensagens que você está tentando transmitir e para navegar em todo o
documento. Assim, a fim de aprender a escrever páginas da web, é muito importante
entender como estruturar documentos. Neste capítulo, você irá:

● Veja como HTML descreve a estrutura de uma página web

● Saiba como etiquetas ou elementos são adicionados ao seu documento

● Escrever sua primeira página web

13 ESTRUTURA