Curso de HTML5 - Aula01

Curso de HTML5Visão Geral sobre o HTML

sábado, 21 de janeiro de 12

Conteúdo da Aula de Hoje

O que é Web!?

Como funciona a Web!?

Quem é W3C e o que são padrões web!?

(X)HTML

CSS


De onde vem a Web!?

Criada por Tim Berners-Lee em 1989.Baseado no projeto ENQUIRE (1980), enquanto ele trabalhava na CERN.Seu intento original do sistema foi tornar mais fácil o compartilhamento de documentos de pesquisas entre os colegas.

Também conhecida como World-Wide Web (WWW) é a parte multimídia da Internet, portanto possibilita a exibição de páginas de hipertexto, ou seja, texto em formato digital, documentos que podem conter todo o tipo de informação: textos, fotos, animações, trechos de vídeo e sons e programas e que permite conexões entre documentos (os links).


http://pt.wikipedia.org/wiki/Tim_Berners-Lee

http://pt.wikipedia.org/wiki/Tim_Berners-Lee

http://pt.wikipedia.org/wiki/ENQUIRE

http://pt.wikipedia.org/wiki/ENQUIRE

http://pt.wikipedia.org/wiki/Organiza%25C3%25A7%25C3%25A3o_Europeia_para_Investiga%25C3%25A7%25C3%25A3o_Nuclear

http://pt.wikipedia.org/wiki/Organiza%25C3%25A7%25C3%25A3o_Europeia_para_Investiga%25C3%25A7%25C3%25A3o_Nuclear


A web consiste em um sistema cliente-servidor.

! A comunicação entre os clientes e servidores se dá através do protocolo HTTP:

! 1. Usuário digita uma URL navegador (browser) ou clica em um link;

! 2. Navegador envia a requisição até o servidor de web;

! 3. Servidor de web envia o conteúdo requisitado para o navegador;

! 4. O Navegador apresenta a informação para o usuário.




W3C e os Padrões Web

W3C (World Wide Web Consortium) é um consórcio de empresas de tecnologia. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo.

Padrões Web ou Web Standards é um conjunto de recomendações, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades


O que é o HTML

HTML é a abreviação para HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação para Hipertexto.

Compõe a estrutura de uma página Web através de etiquetas (tags) e atributos.


O que é o HTML

TAGs ou Marcadores

Atributo das TAGs


Tags básicas

<html></html> - Define o começo e final de um documento HTML.

<head></head> - Cabeçalho. Contém informação descritiva, como o título.

<meta /> - Meta-Informação

<title></title> - Título do documento.

<body></body> - Corpo. Conteúdo da página.

<div></div> - Divide página em seções lógicas.

<ul></ul> - Inicia/termina Lista não ordenada;

<li></li> - Item de lista padrão;

<a href="X">Y<a> - Cria um hyperlink com o conteúdo; X é o endereço e Y o nome do endereço.

img src="X" /> - Insere uma imagem, X é o nome ou diretório da imagem.

<hX></hX> - Inicia um cabeçalho (Títulos), onde X varia de 1 até 6. Em escala descrescente.

<p></p> - Inicia e finaliza um parágrafo.


E esse (X)HTML

O “X” aí empregado quer dizer que utilizaremos um HTML Extendido, ou seja um HTML como algo a mais, que nesse caso é o CSS.


Mas o que é o CSS!?

Cascading Style Sheets, em português Folhas de Estilo em Cascata, são documentos que descrevem de que forma o HTML deve ser apresentado.

Contêm um conjunto de regras que descrevem o aspecto visual dos elementos (as tags) HTML.


Css... mais detalhes...

Sintaxe



Uma classe define a variação de um estilo, o qual é referenciado através de uma ocorrência específica de um elemento utilizando o atributo class.

No código de css é utilizado o símbolo “.”



Pode-se atribuir um ID aos elementos e então associar estilos à este ID.

Para declarar o estilo para um ID é usado o símbolo "#".



Assim como em qualquer linguagem de programação, em CSS é possível adicionar comentários para melhor documentar o código.


Não confundam!!!

! “(X)HTML para estruturar!! e

! CSS para apresentar (formatação).”


E como juntar o CSS com o HTML!?

Primeira forma


E como juntar o CSS com o HTML!?

Segunda forma (+ utilizada)


Referências dessa aula!

@igorpimentel

Site do W3C - você encontra toda a documentação online sobre html e css

Wikipédia


Mais sobre mim...

Follow me os bons...

@zarathon

Facebook.com.br/zarathon

www.zarathon.com.br (em breve online)


http://www.zarathon.com.br

http://www.zarathon.com.br

Education

Curso de HTML5 - Aula01