Webdesign Conceitos HTML Css v3
Content
Webdesign (xHTML e CSS)
Conceitos e definições
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: precedência ou prioridade
1 - regra CSS inline 2 - regra CSS importada ou vinculada 3 - regra de CSS incorporada
Mudança de prioridade: incluir !important logo após 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 conteúdo
https://www.dominio.com.br
Jornada ao nepal 7 dias caminhando e pedalando
Nepal.txt
<include>
pagina.shtml
Modelos: biblioteca de página
Modelo
Modelo Modelo Área editável Área editável
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>
Conceitos e definições
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: precedência ou prioridade
1 - regra CSS inline 2 - regra CSS importada ou vinculada 3 - regra de CSS incorporada
Mudança de prioridade: incluir !important logo após 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 conteúdo
https://www.dominio.com.br
Jornada ao nepal 7 dias caminhando e pedalando
Nepal.txt
<include>
pagina.shtml
Modelos: biblioteca de página
Modelo
Modelo Modelo Área editável Área editável
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>
