Linguagem HTML
Download
Report
Transcript Linguagem HTML
Colégio da Imaculada
Curso Técnico em Informática
Linguagem
HTML
Prof. Tales K. Cabral
[email protected]
3º Módulo
HTML (HyperText Markup Language)
•
GML (Generalized Markup Language – Linguagem de Marcações Genéricas) IBM, ±1960 por Charles Goldfarg; Edward Mosher; Raymond Lorie
•
SGML (Standard Generalized Markup Language - Linguagem Padrão de
Marcações Genéricas ) –Torna-se um standard (padrão) ISO em 1986
•
HTML - 1992 (Tim Berners-Lee)
•
HTML+ - 1993
•
HTML 2.0 - 1994
•
HTML 3.2 - 1996
•
HTML 4.0 – 1997
•
HTML 4.1 - 1999
•
XHTML 1.0 (eXtensible HTML) – 1999
•
XML 1.0 (eXtensible ML) – 2000
Slide nº 2 de 17
HTML - Histórico
• WWW = World Wide Web
– Objetivo fundamental: partilha da informação
• questões de segurança não eram prioritárias
– Em 1991, no CERN (Conseil Européen pour la Recherche
Nucléaire - Conselho Europeu para Pesquisa Nuclear)
• Tim Berners-Lee desenvolveu a linguagem HTML
– Em 1993, no NCSA (National Center for
Supercomputing Applications – Centro Nacional de
Aplicações de Supercomputação) implementou-se o
browser Mosaic
• Marc Andreessen e Eric Bina (projetistas)
• Lynx (interface apenas de caracteres alfanuméricos)
Slide nº 3 de 17
HTML - Histórico
• WWW = World Wide Web
– Em 1994, ficou disponível a primeira versão do
Netscape
– Serviço mais importante: em 1995 o tráfego WWW
ultrapassou o de FTP
– Responsável pela atual expansão da Internet
– Em suma, WWW refere-se ao serviço de navegação que
usa o protocolo HTTP
- Possui identificadores através de URL
Slide nº 4 de 17
Introdução
• O HTML é uma linguagem de estruturação de
documentos
• Um documento estruturado em HTML é composto
por:
– texto;
– diretivas especiais chamadas “marcas”.
• Um documento HTML deve ser guardado com a
extensão “.html” (Windows) ou “.htm” (DOS)
Slide nº 5 de 17
HTML: Será uma oportunidade de emprego?
Slide nº 6 de 17
Então, o que exatamente é HTML?
• HTML = HyperText Markup Language
– Uma linguagem que permite publicar documentos online
contendo:
• Seções, texto, tabelas, listas, imagens, animações...
– Permite a ligação entre uma porção de texto de um
documento e outro documento. Têm a vantagem de dar
contexto e de facilitar uma seqüência natural de
consulta.
– Permite criar formulários que garantem a introdução de
dados online.
• Resumindo: Linguagem utilizada para desenhar
páginas da Web (uma das)
Slide nº 7 de 17
HTML: Restrições?
• Não deve ser usado como meio de definir o estilo
de um documento (fontes, cores, contornos, ...)
– Não deve ser usado para definir o posicionamento de
elementos num documento.
– Separar conteúdo da apresentação
• Para isso existem outros meios ...
Slide nº 8 de 17
HTML: Características
• Mistura de Texto e Marcas (Markup Tags)
– Marcas são definidas em “<>”.
– Ex.: (<H1>Introdução</H1>)
• O que descreve uma Marca ?
– Aparência
– Layout
– Conteúdo (Não é garantida uma apresentação única)
Slide nº 9 de 17
HTML: Um exemplo de evolução
• Alterações do HTML 3.2 para HTML 4.0
– Molduras passam a ser standard (padronizadas)
– Depreciação das Marcas de formatação (style sheets CSS)
– Melhoramento do alinhamento de células e agrupamento
em tabelas
– Introdução de eventos associados ao mouse e ao teclado
para quase todos os elementos
– Internacionalização (padronização mundial)
Slide nº 10 de 17
HTML: Exemplo
• Documento HTML sem qualquer marca.
– Está inconsistente, mas todos os navegadores aceitamno.
Slide nº 11 de 17
Estrutura base dos documentos
• Qualquer documento HTML bem escrito deve
obedecer à estrutura base:
<HTML>
<HEAD>
<TITLE> Título da página </TITLE>
</HEAD>
<BODY>
O texto e as eventuais marcas
</BODY>
</HTML>
Slide nº 12 de 17
Como se criar documentos HTML?
• Para se criar um código HTML é necessário um
local onde se possa fazê-lo. Por exemplo:
– Bloco de Notas ou
– Algum editor de HTML
• MS FrontPage (pacote office – até XP)
• FastHTML 3.23 (freeware)
• Macromedia DreamweaverMX (Portuguese) (shareware – trial)
• Criador de Site On Linev2.0 (online – demo)
• Nvu 1.0 (Linux – opensource)
• Via Internet por algum provedor que disponibilize o serviço
– Sites de hospedagem gratuitos.
Slide nº 13 de 17
Publicação (hospedagem)
• Para que o website fique online há necessidade de
publicá-lo, ou seja, que hospedá-lo em um servidor
da Internet.
• Este trabalho pode ser feito indiretamente,
transportando as pastas e respectiva estrutura do
arquivo do projeto, copiando-os para o disco rígido
do servidor.
• Incômodos consideráveis:
– programa de ftp;
– boa banda para transporte dos dados.
Slide nº 14 de 17
HTML: No servidor
• No servidor, os arquivos HTML podem se referir a
diferentes seções de informações. E, podem estar
alocados em diferentes pastas (e subpastas).
• Para que isso funcione, é necessário que o código faça a
referência correta (apontamento) para outro site/pasta.
Assim, a navegação no cliente será realizada de maneira
certa.
Slide nº 15 de 17
Glossário
URL e HTTP
• URL = Uniform Resource Locator
– A localização de um recurso é definida num URL
serviço://computador/pasta
• serviço protocolo do servidor requerido (http, ftp, ...)
• computador é a máquina identificada pelo servidor
• pasta é o nome completo caminho da pasta pretendida
• HTTP = HyperText Transfer Protocol
– O protocolo que é usado para transferir documentos
HTML que estão disponíveis numa dada URL
Veja mais sobre a evolução dos browser’s em:
http://idgnow.uol.com.br/galerias/historia_browsers/
Slide nº 16 de 17
Algumas hospedagens
• Free para PHP
– http://www.000webhost.com
– http://byethost.com/free-hosting
– http://1gb.me/
• Free para HTML
– http://www.hdfree.com.br/registrar
• Com vínculo ao site
– http://www.absolutely-freehosting.com/reviews/1AspHost.php
Slide nº 17 de 17