Aula de 31 de Março de 2009

PseudoClasses

Normal Flow

Inline Elements

• NormalFlow_InlineElements.html

Floating

• Floating_Antigamente.html
• Floating-1.html

Aula de 26 de Março de 2009

Tarefa da aula de 17 de Março

• Carlos Chora
• Nuno G Silva
• Pedro Antonio
• Ricardo Rosinha
• Rui Carapeto

Demo da construção do site das aulas

Não finalizada, mas transmitidas as idéias essenciais

• AulasIU.html
• DemoSite.zip

Aula de 24 de Março de 2009

Normal Flow

Sistema de posicionamento normal, ou por defeito, dos elementos html numa página

Block Elements

• NormalFlow_Block.html
• NormalFlow_Block_Horizontais.html
• NormalFlow_Block_Overflow.html

• width, largura visível e largura total
• Equação fundamental das propriedades horizontais e ajustamentos automáticos
• Overflow
• Colapso das margens verticais.

Aula de 17 de Março de 2009

Solução do exercício da árvore

Solução do exercício da aula passada

• SolucaoArvore.zip
• Arvore.html

Selector Universal

• Em regras com propriedades herdáveis
• Em regras com propriedades não herdáveis
• InicioSelectorUniversal.zip

Cascata

Sistema de resolução de conflitos entre regras - que afectam o mesmo elemento e a mesma propriedade - e que está na base da designação Folha de Estilos em Cascata.

• InicioCascata.zip

Tarefa

Construção de um pequeno site de apoio às aulas, em que as páginas partilham a mesma estrutura e o mesmo estilo. Uma página para cada aula, obedecendo ao seguinte modelo: cabeçalho, menu horizontal, conteúdo da aula e rodapé.

Aula de 12 de Março de 2009

Solucao da Herança

Solução do exercício da aula passada sobre a herança: SolucaoHeranca.zip

Pratica

Aplicação adequada dos tipos de selectores até agora conhecidos: elemento, id, class e de contexto

• ExercicioArvore.zip
• Arvore.png

Aula de 10 de Março de 2009

Solução do exercício Block e Inline

Esta solução SolucaoBlockInline.zip já contempla a herança e os selectores de contexto

Estrutura em árvore de um documento HTML

Herança

Selector de Contexto

Demo Herança e Selector de Contexto

• InicioDemoHerancaSelectorContexto.zip

Prática

• ExercicioHeranca.zip

Tarefa

Pegar na versão 2 do Programa da disciplina (ver aula de 3 de Março) e escrever uma versão 3 tirando partido dos novos conhecimentos acerca da herança e dos selectores de contexto

Aula de 5 de Março de 2009

A aula de 5 Março foi ocupada com a matéria e o exercício colocados na aula de 3 de Março. Ao contrário do previsto, a aula de 3 de Março destinou-se a preencher os questionários de avaliação pedagógica do 1º semestre e a atribuição de contas de alojamento no servidor.

Aula de 3 de Março de 2009

Programa em XHTML + CSS

Um possível solução para o exercício da aula passada

Versão 1

Programa_IU_v1.html

Programa_versao1.zip

Versão 2

Programa_IU_v2.html

Programa_versao2.zip

Block versus Inline Elements

Prática

• ExercicioBlockInline.zip
• Output: Block versus Inline HTML Elements.pdf
• Output: Ponto de vista do CSS.pdf