Você está na página 1de 20

Webdesign (xHTML e CSS)

Conceitos e definies
Wallace Vianna www.wallyvianna.com.br

HTML: teoria dos conjuntos


<html> <head> <title> </title> </head> <body>

</body> <html>

Folha de estilo (inline)

<h1 style=color: rgb(12,24,46)> Rodas radicais </h1>

Folha de estilo (incorporada)


<head> <style> h1 { color:: rgb(12,24,46)> } </style> </head>

Folha de estilo (vinculada)

Estilovinculado.css h1 { Link / color: Vincular rgb(12,24,46); }

CSS vinculado: arquiteturas


Estilovinculado .css

Folha de estilo (importada)

Estiloimportado.css h1 { Import / color: Importar rgb(12,24,46); }

CSS importado: arquiteturas

Estilo2.css

Estilo3.css Estilo4.css

Estiloimportado. css

Estilo5.css

CSS: precedncia ou prioridade


1 - regra CSS inline 2 - regra CSS importada ou vinculada 3 - regra de CSS incorporada
Mudana de prioridade: incluir !important logo aps a regra (ex.: h1 { color: rgb(12,24,46); !important }) ou definir regra de CSS no navegador

Bibliotecas de layout
Biblioteca.html
biblioteca

biblioteca biblioteca

biblioteca

Biblioteca de layout (2)


Biblioteca.html

Bibioteca de contedo
https://www.dominio.com.br

Jornada ao nepal 7 dias caminhando e pedalando

Nepal.txt

<include>

pagina.shtml

Modelos: biblioteca de pgina


Modelo

Modelo Modelo rea editvel rea editvel

Modelo
Modelo.html

Frames/Quadros
Frameset = conjunto de quadros (HTML)

Frame ou quadro (HTML)

Frame ou quadro (HTML)

Frame ou quadro (HTML)

Layouts em frames (1)

Frame

Frame

Frameset/conj. quadros

Layouts em frames (2)

Frame

Frame

Frameset/conj. quadros

Layouts em frames (3)

Frame

Frameset/conj. quadros

Layouts em frames (4)

Frame

Frame

Frame

Frameset/conj. quadros

Iframe inline frame

iframe
Pagina.html

Tabelas
MS Word
Colunas

HTML
<table> <tr> <td> <td>

Linhas <tr> <td> <td>

Você também pode gostar