webstandards.samus.com.br
webstandards.samus.com.br/aulas/aula4.pdf
Vinicius Fiorio Custódio
samus@samus.com.br
#Objetivo
Revisar os conceitos mais importantes
da XHTML e do CSS.
Workspace: c:\ws\
Criando o Projeto:
File > New Project > Web > Static Web Project
Ex.:
<div class=”titulo” id=”titulo-1”>
Bem vindo ao site
</div>
#Tags - Headers
Teoricamente definem os 6 possíveis níveis de
títulos e cabeçalhos de uma página:
<a href=”http://samus.com.br”>
Acesse o site
</a>
Ex.:
Container Block
<div>Container 1</div>
Container InLine
<span>Container 2</span>
#Revisão - CSS
.seletor {
color: red;
}
#O que é um Seletor?
Um código que faz referencia à um
elemento do seu documento XHTML,
podendo ser um elemento da HTML ou um
Identificador informado (Classe ou ID).
Ex.:
body {}
.titulo {}
#menu {}
#O que é uma propriedade
Qualquer estilo que pode ser aplicado
a um seletor.
Ex.:
font-size: 11px;
color: #f3f3f3;
width: 80%;
border: 5px solid black;
background-image: url('tits.jpg');
#Tipos de seletores - HTML
Utiliza-se o nome de qualquer
elemento da HTML
CSS:
Desenvolvimento de uma
página XHTML bem estruturada
a partir de um Projeto Gráfico
#Resultado do Projeto Gráfico
#Guia para o desenvolvimento
#Resultado Final Esperado