Carregar apresentação
A apresentação está carregando. Por favor, espere
1
TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes jean.mendes@gmail.com web@mendesnet.com.br http://www.mendesnet.com.br
2
Páginas Web - Uma página web é um arquivo ou documento de texto gravado com a extensão.html ou.htm, cujo conteúdo é composto basicamente de texto e códigos de marcação, conhecidos como tags HTML. - Pode conter textos, imagens, vídeos, animações, sons, etc... - Conhecida como Home Page
3
Páginas Web - O acesso à páginas web é realizado através de programas conhecidos como navegadores (browsers) - IE, Firefox, Chrome, Opera, Safari,.... - O navegador, conectado à internet, faz uma requisição ao servidor web (através do endereço – URL). O servidor processa o pedido e devolve o documento HTML.
4
Servidores Web
5
Navegadores - Browser
6
Navegadores – desktop - Mundo Fonte: http://gs.statcounter.com/#desktop-browser-ww-monthly-201308-201407
7
Navegadores – desktop - Brasil Fonte: http://gs.statcounter.com/#desktop-browser-BR-monthly-201308-201407
8
Navegadores – desktop - EUA Fonte: http://gs.statcounter.com/#browser-US-monthly-201308-201407
9
Navegadores – mobile- mundo Fonte: http://gs.statcounter.com/#mobile_browser-ww-monthly-201308-201407
10
Navegadores – mobile- Brasil Fonte: http://gs.statcounter.com/#mobile_browser-BR-monthly-201308-201407
11
Navegadores – mobile- EUA Fonte: http://gs.statcounter.com/#mobile_browser-US-monthly-201308-201407
12
Navegadores – tablet - mundo Fonte: http://gs.statcounter.com/#tablet-browser-ww-monthly-201308-201407
13
Navegadores – tablet - Brasil Fonte: http://gs.statcounter.com/#tablet-browser-BR-monthly-201308-201407
14
Navegadores – tablet - EUA Fonte: http://gs.statcounter.com/#tablet-browser-US-monthly-201308-201407
15
O HTML - O HTML não é uma linguagem de programação. É uma linguagem de marcação - O HTML possuí um conjunto de tags - Uma página web é definida pelo conjuntos de tags associado ao texto da página. - Documentos HTML = Páginas Web
16
HTML - A estrutura de um documento básico em HTML deve conter as seguintes tags: - HTML (Indica o início do documento) - HEAD (Seção de cabeçalho) - BODY Corpo do documento
17
HTML - As tags HTML (salvo algumas exceções) devem conter marcações de início e de fim. A marcação de fim é iniciada por uma barra “/” antes do nome da tag. - Exemplo: -
18
Exemplo de página Hello World!
19
HTML - Exercício: - Criar uma página Hello World (ver slide anterior) - Gravar em um arquivo hello.html - Abrir a página no navegador...
20
HTML - Acentuação - Alguns navegadores e SOs não conseguem lidar bem com caracteres acentuados escritos diretamente no documento HMTL. - Nestes casos é necessários informar a codificação do caracter especial - á aacute; - â acirc; - Ç Ccedil; - Tabela de acentuação Tabela de acentuação
21
HTML - Cores - As cores devem ser definidas através de códigos hexadecimais, usando as definições de cores em RGB (Red, Green, Blue). Cada par de valor indica a intensidade da cor naquele canal. - Preto #000000 - Branco #FFFFFF - Azul #0000FF - Tabela de cores Tabela de cores
22
HTML - Headings - Existem marcações (tags) especiais para textos de cabeçalhos. Estas tags são divididas por níveis. Cada nível é formatado de uma forma diferente (tamanho da fonte) - Cabeçalho Nível 1 - Cabeçalho Nível 2 - Cabeçalho Nível 3 - Cabeçalho Nível 4 - Cabeçalho Nível 5 - Exemplo Exemplo Cabeçalhos aceitam atributo de alinhamento...
23
HTML - Quebra de linhas - A quebra de linha em documentos HTML é feita através da tag. Esta tag não precisa de fechamento. - Exemplo: Esta é a primeira linha. Esta é a segunda linha. Esta é a terceira linha.
24
HTML - Formatação de parágrafos - Todo o corpo do documento HTML deve estar contido entre as tags e - O parágrafo é representado pela tag - Quando o navegador encontra uma tag ele avança uma linha e inicía a exibição na próxima linha
25
HTML - O parágrafo aceita atributo de alinhamento: Este texto será centralizado Este texto será alinhado à esquerda Este texto será justificado - Exemplo Exemplo
26
HTML - Textos também podem ser centralizados usando a tag - Exemplo: - - Este texto foi centralizado usando a tag center - - Exemplo Exemplo
27
HTML – Cor de fundo - A cor de fundo de uma página pode ser definida usando o atributo bgColor da tag - - Exemplo Exemplo - ** Observação. Este atributo está caindo em desuso. Será retirado na especificação final do HTML 5
28
HTML – Sobrescrito e Subscrito - Representados pelas tags e Fórmula da água é: H 2 O Einstein disse que: E = mc 2 Exemplo
29
HTML – Negrito e Itálico - Representados pelas tags e Este texto está em negrito Este texto está em itálico
30
HTML – Exercício.... - Tente reproduzir, com o que sabe até o momento, a seguinte página Modelo - Crie variações da página desenvolvida acima, alterando-se as cores e formatações
Apresentações semelhantes
© 2024 SlidePlayer.com.br Inc.
All rights reserved.