A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

AULA 03 – HTML, CSS E PHOTOSHOP Construção Web Design.

Apresentações semelhantes


Apresentação em tema: "AULA 03 – HTML, CSS E PHOTOSHOP Construção Web Design."— Transcrição da apresentação:

1 AULA 03 – HTML, CSS E PHOTOSHOP Construção Web Design

2 CSS – Arquivo separado 2 O HTML fica mais limpo e organizado;

3 CSS: Class e ID 3 DIV HTML: CSS: #topo {... } CLASS HTML: CSS:.topo {... }

4 CSS: Class e ID 4 Quando usar? Quando o HTML obedece uma hierarquia. Exemplo HTML: CSS: #topo {... } #topo.logo{...} #topo.menu{...}

5 CSS: Class e ID 5 Outro exemplo HTML: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque libero quam, dignissim ut gravida at, imperdiet in arcu. Nulla dolor augue, rhoncus interdum pharetra a, pharetra eget. Nullam porta tincidunt sollicitudin. Aliquam erat volutpat. Vestibulum et nisi tellus, placerat mattis tellus. CSS: #conteudo{... } #conteudo.titulo{...} #conteudo.detalhe{...}

6 Tabelas 6

7 Tabelas 7 Propriedades: Width=100% ou 250px border=1 cellpadding=2 cellspacing=2 bgcolor=red Bordercolor=blue

8 Imagens - Photoshop 8 CSS: Background: url(caminho) repeat-x;

9 Atividade 9


Carregar ppt "AULA 03 – HTML, CSS E PHOTOSHOP Construção Web Design."

Apresentações semelhantes


Anúncios Google