curso html basico_aula-001

25
Faculdade Paraíso do Ceará - FAP 2011.1 Curso de Web e Design HTML Básico 1

Upload: eem-dr-romao-sampaio

Post on 01-Jul-2015

729 views

Category:

Education


0 download

DESCRIPTION

Aula 01 do Curso HTML Básico na Escola Dr. Romão Sampaio. Professor Derlival Barros

TRANSCRIPT

Page 1: Curso html basico_aula-001

Faculdade Paraíso do

Ceará - FAP

2011.1

Curso de Web e DesignHTML Básico

1

Page 2: Curso html basico_aula-001

Aula-001

Termos Relacionados a Internet e Web

World Wide Web

Página Web – Servidor Web

2011.1 Curso de HTML Básico – Derlival Barros 2

Página Web – Servidor Web

Web Browser

URL

Page 3: Curso html basico_aula-001

Bem Vindos!!!

• Bem vindo ao curso de HTML Básico. Este curso iráensinar como criar páginas web, utilizando a linguagemde marcação HTML.

• Neste curso, você irá se familiarizar com os termostécnicos chaves relacionados a Internet e a Web.

2011.1 Curso de HTML Básico – Derlival Barros 3

Page 4: Curso html basico_aula-001

O Que é a Internet?

• A Internet é uma rede de computadores ao redor domundo, onde cada computador pode se comunicar comoutro. Na Internet, você pode interagir com pessoas oucomputadores de todo o mundo.

2011.1 Curso de HTML Básico – Derlival Barros 4

Page 5: Curso html basico_aula-001

O Que é a World Wide Web?

• A World Wide Web (www), conhecida como Web, é umsistema de informação que une dados de vários serviçosde internet.

• Enquanto a Internet refere-se aos componentes físicosda rede global, a Web refere-se ao corpo da informaçãocompartilhada usando esta rede.

2011.1 Curso de HTML Básico – Derlival Barros 5

compartilhada usando esta rede.

Page 6: Curso html basico_aula-001

História Rápida da Web

• A Web nasceu em um laboratório de física de partículas(CERN) em Genebra, Suiça, em 1989;

• Tim Berners-Lee, especialista em computadores propôsum sistema de gerenciamento de informações queusava um processo de “hipertexto” para linkardocumentos relacionados em uma rede.

2011.1 Curso de HTML Básico – Derlival Barros 6

documentos relacionados em uma rede.• A popularidade da Web cresceu quando o primeiro

navegador gráfico apresentado o NCSA Mosaic.

Page 7: Curso html basico_aula-001

História Rápida da Web

• O desenvolvimento da Web é supervisionado pelo WorldWide Web Consortium (W3C).

• Uma organização voluntária no Instituto de Tecnologiade Massachusetts (MIT).

2011.1 Curso de HTML Básico – Derlival Barros 7

Page 8: Curso html basico_aula-001

O Que é Linguagem de Marcação?

• Páginas Web são os conteúdos que você vê nos sites.Estas páginas são armazenadas como arquivos comextensão .htm ou .html.

• Uma linguagem de marcação é uma linguagem usadapara formatar páginas Web com texto e informaçõesseparadamente.

2011.1 Curso de HTML Básico – Derlival Barros 8

separadamente.• Isto assegura que as páginas web serão acessíveis de

qualquer parte do mundo usando qualquer tipo debrowser.

Page 9: Curso html basico_aula-001

O Que é HTML?

• Hypertext Markup Language (HTML) é uma linguagemde formatação usada para criar página Web.

2011.1 Curso de HTML Básico – Derlival Barros 9

Page 10: Curso html basico_aula-001

Conteúdo HTML

• Um documento HTML contém:

• O texto a ser exibido.• A informação sobre como o texto precisa ser formatado.• A informação sobre como o texto precisa ser

2011.1 Curso de HTML Básico – Derlival Barros 10

• A informação sobre como o texto precisa serestruturado.

Page 11: Curso html basico_aula-001

O Que é Hipertexto?

• Hipertexto é um tipo de texto, digital, que permite aleitura não linear, através de links.

• Quando você clica num link, é redirecionado à páginacorrespondente.

2011.1 Curso de HTML Básico – Derlival Barros 11

Page 12: Curso html basico_aula-001

Browsers?

• Browsers são programas que você usa para acessar,visualizar e interagir com páginas Web.

• A Web permite que browsers de diferentes plataformasinterpretem, formatem e exibam páginas Web.

• Exemplos de browsers são: Internet Explorer, Firefox,Chome e Safari.

2011.1 Curso de HTML Básico – Derlival Barros 12

Chome e Safari.

Page 13: Curso html basico_aula-001

Servidores Web?

• Servidores Web são computadores robustos, comprogramas que processam pedidos recebidos dosbrowsers.

• Estes servidores armazenam os web sites, que são umacoleção de páginas web relacionadas entre si.

2011.1 Curso de HTML Básico – Derlival Barros 13

Page 14: Curso html basico_aula-001

O Que é Uma Home Page?

• A home page é a primeira página de um site, ou apágina de entrada. Por exemplo, quando você conectaao site da Google em www.google.com.br, você podenão ser capaz de especificar um nome de arquivo.

• Nestes casos, o servidor Web exibirá um arquivopadrão. Este arquivo é a home page.

2011.1 Curso de HTML Básico – Derlival Barros 14

padrão. Este arquivo é a home page.• Uma home page é normalmente chamada de index.htm

ou default.htm (os arquivos também podem possuir aextensão .html como padrão).

Page 15: Curso html basico_aula-001

Home Page do Google

2011.1 Curso de HTML Básico – Derlival Barros 15

Page 16: Curso html basico_aula-001

Protocolos HTTP, FTP e TCP/IP

• Protocolos são um conjunto de regras para acomunicação em uma rede.

• Eles determinam como dispositivos diferentes secomunicam em uma rede, como começam, comomantêm e como terminam a comunicação.

2011.1 Curso de HTML Básico – Derlival Barros 16

Page 17: Curso html basico_aula-001

Protocolo HTTP

• Hyper Text Transfer Protocol (HTTP) é o protocolousado pelos servidores Web para transmitir documentosHTML pela internet.

2011.1 Curso de HTML Básico – Derlival Barros 17

Page 18: Curso html basico_aula-001

Protocolo FTP

• File Transfer Procol (FTP) é outro protocolo muitoutilizado para transmitir arquivos entre computadores naWeb, porém sua interface gráfica não é tão agradávelcomo o HTTP.

2011.1 Curso de HTML Básico – Derlival Barros 18

Page 19: Curso html basico_aula-001

Protocolo TCP

• Transfer Control Protocol (TCP) é um conjunto deprotocolos usado para a transmissão de informação pelaWeb, e possui a função de verificar se os dados sãotransferidos de forma correta, na sequência apropriada esem erros.

2011.1 Curso de HTML Básico – Derlival Barros 19

Page 20: Curso html basico_aula-001

Protocolo IP

• IP significa Internet Protocol, e é um protocolo deendereçamento, ou seja, ele fornece o endereço doscomputadores na rede.

2011.1 Curso de HTML Básico – Derlival Barros 20

Page 21: Curso html basico_aula-001

O Que é URL?

• Universal Resource Locator (URL) é o sistema deendereçamento usado pelos browsers para localizarredes, computadores e arquivos na Internet.

2011.1 Curso de HTML Básico – Derlival Barros 21

Page 22: Curso html basico_aula-001

Um URL Especifica

Um URL completo é geralmente composto por quatrocomponentes:• Protocolo – Identifica o tipo de transferência a ser

usado para acessar o arquivo;• Domínio – Identifica o servidor web a se conectar;

2011.1 Curso de HTML Básico – Derlival Barros 22

• Caminho – Especifica os diretórios nos quais procurar oarquivo;

• Arquivo – Nome do arquivo no servidor.

Page 23: Curso html basico_aula-001

Um URL Especifica

• Protocolo – http://• Domínio – www.google.com.br/• Caminho – 2011/samples/• Arquivo – first.html

2011.1 Curso de HTML Básico – Derlival Barros 23

Page 24: Curso html basico_aula-001

DNS

• DNS quer dizer Domain Name Server (Servidor deNomes de Domínios);

• A URL é uma forma de facilitar para os usuários amemorização de endereços Web;

• O DNS é o responsável por traduzir a URL para umformato que o computador possa entender, tornando

2011.1 Curso de HTML Básico – Derlival Barros 24

formato que o computador possa entender, tornandopossível a interação homem-máquina de uma maneiramais fácil e intuitiva.

Page 25: Curso html basico_aula-001

Perguntas?

2011.1 25Curso de HTML Básico – Derlival Barros