O documento discute a história e uso do HTML e CSS. Resume os principais pontos sobre como o HTML foi desenvolvido para marcar documentos na web e como o CSS foi criado posteriormente para separar a estrutura do conteúdo e estilo visual. Explica como HTML e CSS são usados juntos para criar sites modernos de forma estruturada e flexível.
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Apresentacao html css
1. HTML and CSS
Daniele Montenegro
Grupo Weblovers
@lelybarros
2. Agenda
WWW
O HTML
Uma Rápida História de Marcação
Elementos HTML
Um primeiro exemplo
HTML sem CSS
CSS
3. 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 (European
Particle Physics Laboratory);
9. 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.
10. 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 />
17. 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">
24. O elemento imput
type - Tipo de dado: text, file, radio, checkbox,
hidden, password, submit, reset, button,
image;
name - Identificação do campo
25. 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;
31. 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.
32. 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.
34. 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;
35. Alguns Elementos CSS
font - propriedades de letras
color - propriedades de cores
background - propriedades de fundo
36. Declaração CSS
Compõe-se de duas partes: a propriedade e o
valor e uma regra CSS .