Html web denise_lima

Post on 15-Jun-2015

776 views 0 download

description

Introdução a Internet, Web e HTML

Transcript of Html web denise_lima

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

INTERNET X WEBDesenvolvimento para Web I

INTERNET X WEB– Qual a diferença?

• 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

JUSTIFICATIVA– Por que se criou a Internet?

• 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

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.

Em 1969 foram interligados4 computadores;

4 universidades participaram.

COMO SURGIU A INTERNET | The ARPA Network

WEB– Como surgiu a Web?

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.

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

PROPOSTA DO PROJETO

– Por que se criou a WEB?

• 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

UM DOS PRIMEIROS PROJETOS DE PÁGINA

WEB– Como funciona a WEB?

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

COMO ERAM OS NAVEGADORES

Criado por Marc Andreessen e Eric Bina na Universidade de Illinois

NETSCAPE

NAVEGADORES MAIS UTILIZADOS

URL (UniformResearch Locator)

• http (HyperText Transfer Protocol);

URL E HTTP

Domínio

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

Instituição

http://registro.br/

máquina

rede

pais

serviço

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

domínio

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

EXEMPLO DE ENDEREÇO NA WEB

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

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

HTML– Por que aprender esta linguagem?

• 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?

W3C– O que é?

• 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

• 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

• 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

<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

HIERARQUIA– Ordem dos elementos

<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

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

REFERÊNCIAS

E-mail: denisealima@gmail.commsn: denise@urcamp.tche.br

CONTATO