apresentacao html css
TRANSCRIPT
HTML and CSSDaniele Montenegro
Grupo Weblovers@lelybarros
Agenda
WWW
O HTML
Uma Rápida História de Marcação
Elementos HTML
Um primeiro exemplo
HTML sem CSS
CSS
WWW
A World Wide Web é um sistema de documentos em hipermídia que são interligados e executados na Internet;
Em 1989, surgiu o padrão servidor HTTP, resultados de um projeto do CERN (EuropeanParticle Physics Laboratory);
Um dos culpados
W3C
O HTML
HyperText Markup Language é uma linguagem de marcação utilizada para produzir páginas na Web
Uma Rápida História de Marcação
Tecnologias que Influenciaram
O começo
Em 1991 ele escreveu um documento chamado “HTML Tags” no qual propunha não mais que duas dúzias de elementos que poderiam ser usados para escrever páginas web.
Do IETF ao W3C: O caminho para o HTML 4
Nunca existiu algo do tipo HTML 1;
A primeira especificação foi HTML 2;
Algumas das características existentes nesta especificação eram dirigidas por implementações existentes. Exemplo Tag<img />
XHTML
XHTML surgiu quando os navegadores começavam a dar suporte a CSS.
Novo Padrão: HTML 5
O que é a WWW hoje?
O objetivo não é HTML5
Elementos HTML
Estrutura Básica
Declaração Doctype em XHTML
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/
DTD/xhtml1-transitional.dtd">
Declaração Doctype em HTML5
<!DOCTYPE
html>
Estrutura documento HTML
div id=header
div id=footer
div id=sidebar div id=body
Um primeiro exemplo
O elemento img
O elemento a href
O elemento select
O elemento imput
type - Tipo de dado: text, file, radio, checkbox, hidden, password, submit, reset, button, image;
name - Identificação do campo
O elemento form
<form> </form>
action - Responsável por determinar o exato local para onde as informações coletadas no formulário deverão ser enviadas
method - Método de empacotamento dos dados do formulário;
O elemento script
O elemento div
O HTML sozinho
O que fazer?
Usar CSS
Quando surgiu o CSS
Foi ano de 1994 a criação do CSS;
Bert Bos aceitando o convite por Håkon;
Em 1995 a W3C começou a padronizar.
O que é isso?
Cascading Style Sheets é que um documento onde são definidas regras de formatação ou de estilos, a serem aplicadas aos elementos de um documento HTML.
Versão Atual
Vantagens de Usar
Controle total sobre a apresentação do site a partir de um arquivo central;
Agilização da manutenção e redesign do site;
Saída para diferentes tipos de mídia a partir de uma versão única de HTML;
Adequação simplificada aos critérios de acessibilidade e usabilidade;
Alguns Elementos CSS
font - propriedades de letras
color - propriedades de cores
background - propriedades de fundo
Declaração CSS
Compõe-se de duas partes: a propriedade e o valor e uma regra CSS .
Como integrar HTML e CSS?
Forma Interna
Forma Interna
Forma externa
Forma externa
Forma externa
Múltiplas Declarações
Múltiplas Seletores
A importância do HTML e CSS
Obrigada!
37/37