34
DENISE ARISTIMUNHA DE LIMA | AGO 2010 | URCAMP | C. TÉC. EM INFORMÁTICA INTERNET X WEB Desenvolvimento para Web I

Html web denise_lima

Embed Size (px)

DESCRIPTION

Introdução a Internet, Web e HTML

Citation preview

Page 1: Html web denise_lima

DENISE ARISTIMUNHA DE LIMA | AGO 2010 | URCAMP | C. TÉC. EM INFORMÁTICA

INTERNET X WEBDesenvolvimento para Web I

Page 2: Html web denise_lima

INTERNET X WEB– Qual a diferença?

Page 3: Html web denise_lima

• A internet é maior que a Web;

• Foi através da Web que foi possível a todos o acesso às informações disponíveis na Internet;

• A Internet deixou de ser uma instituição de natureza apenas acadêmica a partir da criação da Web.

DIFERENÇAS ENTRE WEB E INTERNET

Page 4: Html web denise_lima

JUSTIFICATIVA– Por que se criou a Internet?

Page 5: Html web denise_lima

• Na década de 1950, computadores eram raros (existiam alguns supercomputadores localizados em instituições de pesquisa e universidades).

• Em função da Guerra Fria, os soviéticos acabaram lançando o primeiro foguete, em resposta, o presidente do EUA, através do departamento de defesa, criou a ARPA (1958), para concorrer com os soviéticos, mas a função de construir um foguete foi delegada a Nasa um ano depois.

• Mas existia a necessidade de proteger informações de possiveisataques soviéticos.

JUSTIFICATIVA PARA CRIAÇÃO DA INTERNET

Page 6: Html web denise_lima

COMO SURGIU A INTERNET

• A Internet surgiu em Através de um projeto da agência norte-americana ARPA (AdvancedResearch and Projects Agency);

• O objetivo era ligar 2 ou mais computadores para utilizar o mesmo periférico (ARPANET);

• Esse projeto teve sua execução em1969.

Page 7: Html web denise_lima

Em 1969 foram interligados4 computadores;

4 universidades participaram.

COMO SURGIU A INTERNET | The ARPA Network

Page 8: Html web denise_lima

WEB– Como surgiu a Web?

Page 9: Html web denise_lima

COMO SURGIU A WEB | World Wide Web

• A Web foi desenvolvida pelo CERN (European Laboratory f or Particle Physics) – Genebra, na Suíça;

• O projeto foi trabalho de um grupo de pesquisas liderado por Tim Berners-lee;

• A Web teve seu lançamento em 1991 após alguns anos de pesquisa.

•Data oficial: 06 de agosto de 1991.

Page 10: Html web denise_lima

Em 1989, propôs então um projeto de hipertexto (leitura não-linear) que permitia às pessoas trabalhar em conjunto, combinando o seu conhecimento numa rede de documentos;

Foi esse projeto que ficou conhecido como a World WideWeb;

COMO SURGIU A WEB | World Wide Web

Page 11: Html web denise_lima

PROPOSTA DO PROJETO

– Por que se criou a WEB?

Page 12: Html web denise_lima

• Antes da Web os cientistas assim como toda a comunidade Internet, necessitavam de uma série de programas distintos para localizar, buscar e visualizar as informações

• Centralizar em uma única ferramenta, as várias tarefas necessárias para se obter as informações.

JUSTIFICATIVA PARA CRIAÇÂO DA WEB

Page 13: Html web denise_lima

UM DOS PRIMEIROS PROJETOS DE PÁGINA

Page 14: Html web denise_lima

WEB– Como funciona a WEB?

Page 15: Html web denise_lima

O usuário através de um Browser (IE, Mozilla Firefox, Opera, etc) faz uma requisição a um

servidor

O servidor processa esta requisição

O Browser recebe a resposta do servidor

Usuário vê a resposta através do Browser

COMO FUNCIONA

Page 16: Html web denise_lima

COMO ERAM OS NAVEGADORES

Criado por Marc Andreessen e Eric Bina na Universidade de Illinois

Page 17: Html web denise_lima

NETSCAPE

Page 18: Html web denise_lima

NAVEGADORES MAIS UTILIZADOS

Page 19: Html web denise_lima

URL (UniformResearch Locator)

• http (HyperText Transfer Protocol);

URL E HTTP

Page 20: Html web denise_lima

Domínio

http://www.urcamp.tche.br/

Instituição

http://registro.br/

máquina

rede

pais

serviço

DOMÍNIO | HTTP://registro.br/

Page 21: Html web denise_lima

domínio

• http://www.editorasaraiva.com.br/paginas/index.html

EXEMPLO DE ENDEREÇO NA WEB

Page 22: Html web denise_lima

COMO EU CRIO PÁGINAS NA WEB?– Qual linguagem utilizo?

Page 23: Html web denise_lima

Linguagem HTML• HTML (Hyper Text Markup Language) é uma linguagem de

marcação de hipertexto utilizada para publicação na Web;

• Um documento HTML nada mais é que um arquivo de texto simples, marcado com descritores (tags) que contêm o s elementos HTML;

• Softwares bloco de notas, notepad++ e editores html(dreamweaver).

Link para baixar o software Notepad++:http://notepad-plus-plus.org/pt-br/release/5.7

HTML

Page 24: Html web denise_lima

HTML– Por que aprender esta linguagem?

Page 25: Html web denise_lima

• Muitos editores geram código desnecessário, o que produz o aumento do arquivo e torna o reconhecimento e a edição dos comandos mais difícil;

• Saber identificar a linguagem ajuda na realização de pequenos ajustes e na alteração de documentos prontos.

POR QUE APRENDER HTML?

Page 26: Html web denise_lima

W3C– O que é?

Page 27: Html web denise_lima

• O World Wide Web Consortium (W3C) é um consórcio

internacional no qual as organizações associadas,

profissionais de tempo integral e especialistas afins

trabalham juntos para o desenvolvimento de padrões

Web.

• No desenvolvimento do site, o HTML deve ser criado

seguindo os padrões do W3C (Web Standards) de

forma que fique funcional.

PADRÕES WEB

Page 28: Html web denise_lima

• O W3C realiza a sua missão ao criar padrões, normas e diretrizes

que garantem o crescimento da Web a longo prazo. São mais de

400 Organizações Associadas ao Consórcio.

• O W3C é dirigido conjuntamente pelo laboratório de Ciências da

Computação e Inteligência Artificial do Massachusetts Institute of

Technology (MIT CSAIL), nos EUA, pelo Consórcio Europeu de

Pesquisa em Informática e Matemática (ERCIM), na França e pela

Keio University, no Japão, além de escritórios regionais.

www.w3c.org | www.w3.br

PADRÕES WEB

Page 29: Html web denise_lima

• A estrutura de marcação aonde os elementos estão inseridos échamada de tag;

Exemplo:

<ELEMENTO> Texto marcado </ELEMENTO>

<BR> é um exemplo de tag simples;

• Elementos necessitam de fechamento são chamados containers ou tag dupla. Por exemplo: <body> e </body>

SINTAXE BÁSICA

Page 30: Html web denise_lima

<h1 style=“color:red”> Título I </h1>

• O atributo style=“color:red”

define a cor do Título I

EXEMPLOS DE ATRIBUTOS DE UM ELEMENTO

Page 31: Html web denise_lima

HIERARQUIA– Ordem dos elementos

Page 32: Html web denise_lima

<HTML>

<HEAD>

<TITLE> Descrição do documento </TITLE>

</HEAD>

<BODY>

<p> Informação e outros descritores HTML</p>

</BODY>

</HTML>

• O elemento <HTML> e </HTML> marca o início e o fim de um documento HTML.

HIERARQUIA DOS ELEMENTOS EM UM DOCUMENTO HTML

Page 33: Html web denise_lima

http://info.cern.ch/http://web.arqchive.org/collections/web.html

REFERÊNCIAS

Page 34: Html web denise_lima

E-mail: [email protected]: [email protected]

CONTATO