Aula de 12 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 7 de Maio de 2009

Frequência

Realização da frequência para avaliação dos conhecimentos adquiridos

• EnunciadoFreqMai7.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.

• SolucaoFreqMai7.zip

Aula de 30 de Abril de 2009

Site Aulas Positioning

Solução sem CSS Dinâmico:

• AulasIU.html
• Solucao_SiteAulas_Positioning_sem_CSS_Dinamico.zip

Aula de 28 de Abril

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

Aula de 23 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 21 de Abril de 2009

Solução do exercício O'Reilly

Apresentação da solução do professor

• OReilly_NunoGS_8038.rar
• SolucaoOReilly_FimAula.zip
• SolucaoOReilly.zip
• OReilly.html

Aula de 2 de Abril de 2009

Prática

• ExercicioOReilly.zip
• Objectivo: OReilly.PNG

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

Aula de 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 19 de Fevereiro de 2009

Tarefa da aula de 17 de Fevereiro

• Programa_MiguelLopes.html
• Programa_BrunoJacob.html
• Programa_FernandoIsidoro.html
• Programa_JorgeFarinha.html
• Programa_MiguelBatista.htm
• Programa_NunoCordeiro.html
• Programa_NunoGS.html
• Programa_PedroAntonio.html
• Programa_RicardoRosinha.htm
• Programa_RuiCarapeto.html

Aula de 17 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: 7 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.