FW2017.2 (Revisão)

Fundamentos de WEB
(Revisão)
Prof Silvano Oliveira
Prof.silvano.oliveira@gmail.com
Prof Silvano Oliveira

Acesso a Internet
• O acesso a internet se dá, normalmente, por meio de um ISP (Internet
Service Provider ou Provedor de Serviço de Internet) e utiliza-se de,
pelo menos, três componentes (CPE, Rede de Acesso e POP)
Prof Silvano Oliveira Revisão 2

Acesso a Internet
• CPE (Customer Premises Equipment) é o equipamento que conecta o
dispositivo a rede de acesso (exemplo: modem).
• Rede de acesso é o tipo de infraestrutura que liga o dispositivo ao
provedor de internet (exemplos: cabos de cobre, fibra ótica, Wi-Fi).
• POP (Point of Presence) é o ponto de presença do provedor onde estão
os equipamentos que atribuem ao dispositivo um endereço IP, dando-
lhe acesso a internet.
Prof Silvano Oliveira Revisão

3
Como você define a Internet?
• Junção de duas palavras:
interconnected + network
• Conjunto de computadores interligados em rede, através da qual são

transmitidos textos, sons, imagens, entre outros dados

4
Como funciona a internet

5
Protocolo
• Protocolo é um conjunto de regras que uma rede utiliza para a
comunicação entre seus pontos.
• A internet utiliza principalmente os protocolos TCP/IP
• TCP - (Protocolo de Controle de Transmissão) é um mecanismo de
transporte "confiável", orientado à conexão garantindo assim que os
dados cheguem íntegros (não danificados e em ordem).
• IP – (Protocolo de Interconexão) é um protocolo de comunicação usado
entre duas ou mais máquinas em rede para encaminhamento dos
dados.

6
HTTP
• HyperText Transfer Protocol
• Permite visualizar recursos multimídia através da Internet;
• Ele funciona através de um padrão de requisição e resposta;

7
DNS
• O DNS(Domain Name System - Sistema de Nomes de Domínios) é um
sistema de gerenciamento de nomes hierárquico e distribuído.
Você não digita

186.192.82.163
Mas sim
http://www.globo.com

8
URL
• URL (Uniform Resource Locator):
http://www.iema.ma.gov.br/ensino/index.html
1 2 3
1-Protocolo de acesso ao recurso
2–Endereço em que se encontra o recurso
3–caminho de diretórios até o recurso
4–recurso a ser obtido

9
Funcionamento do WWW

10
Planejando o site

Planejando o site com diferentes assuntos

O que é HTML?
• HiperText Markup Language
• É a base das páginas Web
• Pode ser editado por qualquer editor de texto
• Contém texto, imagens, animações, vídeos, scripts, applets, apps e
tudo o mais que vemos na internet
• Linguagem de marcação usada pra descrever o formato de páginas
web
• Uso de tags
• <nome da tag> texto </nome da tag>

Exemplo
<!DOCTYPE html> Especifica o tipo de documento
que será usado e interpretado
<html> pelo navegador
<head>
<title>Exemplo 1</title>
</head>
<body>
Olá Mundo!!!
</body>
</html>
Regras das Tags
• Tags em letras minúsculas
• Elementos corretamente aninhados
• Todas as tags devem ser fechadas
• Mesmo as tags vazias devem ser fechadas
• Elementos vazios devem ter uma tag de fechamento ou a tag de
abertura deve terminar com “/>”. Como exemplo, <br /> ou <br></br>.
• Definição de atributos (em minúsculas)
• Sempre entre aspas duplas (“ ”)
• Sempre devem ter valores

Modelo mínimo de documento HTML
<!DOCTYPE html>
<html>
<head>
<title>Título do documento</title>
</head>
<body>
Conteúdo do documento
</body>
</html>

16
Modelo mínimo de documento
• <html> ... </html> - marca o início e o final da página
• <head> ... </head> - marca início e fim de cabeçalho
• <title> ... </title> - delimita o texto que irá ser visualizado na barra de
título do navegador.
• <body> ... </body> - delimita o corpo da página.
• Obs.: o par <title> ... </title> deve vir entre as tags <head> ... </head>.
Só poderá haver um título e este deve ser o primeiro elemento dentro
de <head> ... </head>.

17
Exemplo
• <h1> Cabeçalho Grande </h1>

.
.
.
• <h3> Cabeçalho médio </h3>

.
.
• <h6> Cabeçalho pequeno </h6>

Hipertexto
• Para criar links, utilizamos o elemento <a>
• Este elemento possui um atributo href que especifica o destino do link.
• Para criar um link, então, deve-se fazer:
• <a href=“destino.html”>Clique Aqui</a>

Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Músicas Preferidas</title>
</head>
<body>
<h3> Músicas Preferidas </h3>
<img src=“figura de som.jpg”>
<br />
<hr />
<p><a href=“música 1.html” target=“_blank” >Música 1</a></p>
<p>Aquarela</p>
<p>Imagine</p>
</body>
</html>

Tabelas
• Para criar tabelas, deve-se usar as tags <table> e </table>
• <tr> ... </tr> - indicam o início e o fim de uma linha que fará
parte da tabela. Uma linha pode conter uma ou mais células
• <th> ... </th> - delimitam o conteúdo da célula utilizada como
título da coluna. O texto é automaticamente formatado em
negrito e centralizado
• <td> ... </td> - definem a estrutura de células que conterá
dados. Deve ser determinado um conjunto dessas tags para
cada célula de uma linha.

Exemplo
<body>
<table border=“1”>
<tr>
<th>Despesas</th>
<th>Valor</th>
</tr>
<tr>
<td>Combustível</td>
<td>R$100,00</td>
</tr>
</table>
</body>


FW2017.2 (Revisão)

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

FW2017.2 (Revisão)

Загружено:

Авторское право:

Доступные форматы

Fundamentos de WEB

Prof Silvano Oliveira

Prof Silvano Oliveira Revisão 2

Prof Silvano Oliveira Revisão

• Conjunto de computadores interligados em rede, através da qual são

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão

Você não digita

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão 11

Prof Silvano Oliveira Revisão 12

Prof Silvano Oliveira Revisão 13

Prof Silvano Oliveira Revisão 15

Prof Silvano Oliveira Revisão

Prof Silvano Oliveira Revisão

• <h1> Cabeçalho Grande </h1>

• <h3> Cabeçalho médio </h3>

Prof Silvano Oliveira Revisão 18

Prof Silvano Oliveira Revisão 19

Prof Silvano Oliveira Revisão 20

Prof Silvano Oliveira Revisão 21

Prof Silvano Oliveira Revisão 22

Вам также может понравиться