Aula de 14 de Maio de 2009

Projecto

Início das aulas de Projecto da disciplina

DOM Scripting

Estrutura (XHTML), Apresentação (CSS), Comportamento (DOM + Javascript)

• webdi.wordpress.com

Aula de 8 de Maio de 2009

Frequência

• EnunciadoFreqMai8.zip

Solução

Uma possível solução da frequência, mas com a reserva de ainda não ter sido revista, pelo que falta a optimização do conjunto de regras e os comentários.

• SolucaoFreqMai8.zip

Aula de 30 de Abril de 2009

Site Aulas Positioning

Ponto de partida

versão 2 do site das aulas com fragmentos de HTML obtidos de forma dinâmica através da tecnologia AJAX

• AulasIU.html


• Exercicio_SiteAulas_Positioning.zip

Nota: os dados do site e do exercicio são os da turma pós-laboral ...

Aula de 24 de Abril de 2009

Positioning

DemoPositioning

• DemoPositioning_Inicio.zip

Prática

• ExercicioAbsolutePositioning.zip
• AbsolutePositioning.png

Solução do exercício:

• SolucaoAbsolutePositioning.zip


• AbsolutePositioning.html

Aula de 23 de Abril de 2009

Solução do exercício O'Reilly

Apresentação da solução do professor

• SolucaoOReilly_FimAula.zip
• SolucaoOReilly.zip
• OReilly.html

Aula de 3 de Abril de 2009

Prática

• ExercicioOReilly.zip
• Objectivo: OReilly.PNG

Aula de 2 de Abril de 2009

Normal Flow

Inline Elements

• NormalFlow_InlineElements.html

Floating

• Floating_Antigamente.html
• Floating-1.html

Aula de 27 de Março de 2009

Demo da construção do site das aulas

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

• AulasIU.html
• DemoSite.zip

PseudoClasses

Aula de 26 de Março de 2009

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

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 13 de Março de 2009

Solução do exercício da árvore

Solução do exercício da aula passada

• SolucaoArvore.zip
• Arvore.html

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 6 de Março de 2009

Estrutura em árvore de um documento HTML

Herança

Selectores de Contexto

Solução do exercício da aula passada

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

Contentores Genéricos

Prática

• ExercicioHeranca.zip

Aula de 5 de Março de 2009

Block versus Inline Elements

Por completar

Aula do dia 26 de Fevereiro de 2009

XHTML + CSS

Ponto de Partida

• Programa_Ponto_Partida.zip
• Programa_IU_v1.html

Output Objectivo

• Output_cima.PNG
• Output_baixo.PNG

Aula de 20 de Fevereiro de 2009

Tarefa da aula de 19 de Fevereiro

• Programa_1999.html
• Programa_8035.html

Principio da Separação entre a Estrutura e a Apresentação

• Semantic Markup
• Regras simples CSS
• Selector tipo Elemento
• HelloWorld.html
• HelloWorld.css

Aula de 19 de Fevereiro de 2009

Aula de Apresentação.

Programa, bibliografia, método de avaliação: Programa_Interaccao_com_o_Utilizador_08_09.docx

Data da Frequência: 8 de Maio

Tarefa

Criar um documento HTML com os dados do programa da disciplina.
Enviar mensagem de email para o endereço a.roberto08@gmail.com com o documento html em anexo.