sexta-feira, março 31, 2006

Aula Nº 88
Avaliação dos trabalhos.
Auto-avaliação e avaliação final do 2º Período.

Faltas: 1, Andreea; 5, Daniel; 6, Hugo; 8, João.

João Barbosa @ 16:40 [1 comentário]

quarta-feira, março 29, 2006

Aula Nº 87
Entrega e correcção do teste de avaliação.
Finalização e recolha dos trabalhos práticos.

Faltas: nº 1, Andreea; nº 4, Cristiano.

João Barbosa @ 15:00 [sem comentários]

terça-feira, março 28, 2006

Aula Nº 86
Desenvolvimento e conclusão dos trabalhos práticos - website.

Faltas: nº 1, Andreea.

João Barbosa @ 16:40 [sem comentários]

segunda-feira, março 27, 2006

Aula Nº 85
Desenvolvimento dos trabalhos práticos - website.

Faltas: nº 1, Andreea.

João Barbosa @ 15:00 [sem comentários]

sexta-feira, março 24, 2006

Aula Nº 84
Desenvolvimento dos trabalhos práticos - website.


Fotograma do filme The Matrix dos irmãos Wachowski, 1999
Neo: Do you always see it in code?
Cypher: Well, you have to!
(Diálogo do mesmo filme - agradecimentos ao Prof. Vasco Matos)

Nota: o prazo limite para a conclusão dos trabalhos é 29 de Março, quarta-feira. Assim, os trabalhos deverão estar prontos no início da aula, de forma a poderem ser recolhidos e de imediato apreciados.

Faltas: nº 1, Andreea; nº 8, João; nº 12, Ricardo.

João Barbosa @ 16:40 [1 comentário]

quarta-feira, março 22, 2006

Aula Nº 83
Desenvolvimento dos trabalhos práticos - website.

Relembra-se a todos os alunos que, para a realização do trabalho, devem ter em conta os aspectos práticos ligados ao interface dos sites que têm vindo a ser abordados ao longo do ano lectivo. Estes aspectos práticos estão relacionados com: cores, tipos de letra utilizados, estilos e tamanhos de tipos de letra, imagens, dimensão e formatos das imagens, linguagem, usabilidade e aplicação dos padrões.
Neste trabalho não são os conteúdos o aspecto mais relevante (embora devam existir para que o site possa ser apreciado), mas sim o interface, de acordo com os requisitos já enunciados.
É ainda de salientar que toda a codificação das páginas HTML deve ser efectuada com recurso apenas ao HTML. Podem ser aplicadas codificações adicionais, relacionadas com Estilos, através do Microsoft FrontPage, mas sem que seja comprometida a legibilidade do código HTML. Todos os sites devem ser testados e funcionar correctamente com o Microsoft Internet Explorer 6 e com o Firefox 1.5.0.1., estando este último já instalado em todos os postos de trabalho.


Faltas: nº 12, Ricardo.

João Barbosa @ 15:00 [sem comentários]

terça-feira, março 21, 2006

Aula Nº 82
Desenvolvimento dos trabalhos práticos - website.

Faltas: nº 1, Andreea; nº 5, Daniel.

João Barbosa @ 16:40 [sem comentários]

segunda-feira, março 20, 2006

Aula Nº 81
Desenvolvimento dos trabalhos práticos.

Faltas: nº 1, Andreea; nº 5, Daniel.

João Barbosa @ 15:00 [sem comentários]

sexta-feira, março 17, 2006

Aula Nº 80
Teste de Avaliação.

Faltas: .

João Barbosa @ 15:00 [sem comentários]

quarta-feira, março 15, 2006

Aula Nº 79
Métodos de processamento de dados em formulários. Exemplos. Diferenças entre «GET» e «POST».
Desenvolvimento dos trabalhos práticos.

Indicações para o site:
.ser original;
.ser esteticamente agradável, em termos de interface;
.obedecer a regras e princípios de legibilidade;
.ser acessível;
.ter uma secção de F.A.Q.;
.ter uma página de feedback (formulário);
.não usar frames (a não ser incorporadas, se tal se justificar);
.ter um «mapa do site»;
. ...

Nota: os trabalhos devem ser realizados nas aulas. Não são TPCs. Parte da avaliação dos trabalhos consiste na observação da realização dos mesmos.

Temas indicados para os sites a desenvolver:


  • Parkour (Nelson)
  • Gibson (Cristiano)
  • BTT (Daniel)
  • Badminton (Ricardo)
  • AirSoft (Pedro)
  • Antigo Egipto (André)
  • Aquarofilia (Bruno)
  • Iron Maiden (Hugo)
  • Bulgária (Mira)
  • Roménia (Andreea)
  • Jack Johnson (João)


Faltas: nº 5, Daniel.

João Barbosa @ 15:00 [sem comentários]

segunda-feira, março 13, 2006

Aula Nº 78
Continuação do sumário da aula anterior; atributos de campos usados em formulários.
Lançamento do trabalho prático relativo à Unidade 4.

Faltas: nº 1, Andreea; nº 6, Hugo; nº 8, João.

João Barbosa @ 15:00 [sem comentários]

sexta-feira, março 10, 2006

Aula Nº 77
Multimédia em páginas web; exemplos. Introdução aos formulários (forms); exemplos de campos (fields) em páginas web.

Exemplos de campos numa página web:
Nome:
Idade:
Sexo:
Masculino
Feminino
Linguagens de Programação que domina:
Pascal
C/C++
Visual Basic
Java
Palavra-Passe:

Faltas: nº 1, Andreea; nº 6, Hugo.

João Barbosa @ 16:40 [sem comentários]

quarta-feira, março 08, 2006

Aula Nº 76
Tags para frames; exemplos de estrutura em frames. Frames incorporadas; exemplos.

Exemplos de sites com frames:
http://www.trevi.it
http://www.be-quiet.de

Faltas: nº 1, Andreea.

João Barbosa @ 15:00 [sem comentários]

terça-feira, março 07, 2006

Aula Nº 75
Continuação do sumário da aula anterior.

 Exemplo de marcadores e image map (e de maus conhecimentos de Geografia)

Exercício 6c (enunciado)
Imagem para o Exercício 6c:


Faltas: nº 1, Andreea; nº 5, Daniel; nº 8, João.

João Barbosa @ 16:40 [sem comentários]

segunda-feira, março 06, 2006

Aula Nº 74
Marcadores. Image maps. Molduras (frames). Exercícios práticos.
Exemplo para marcadores: http://en.wikipedia.org/wiki/Cpu
Em páginas extensas é comum encontrar um índice (Contents, na página exemplificada), com ligações para as várias partes da página. É o caso do exemplo apresentado. Note-se a sempre presente utilização do símbolo #.

Notas: têm sido dados alguns exemplos de sites (bons e menos bons). Hoje destacam-se mais dois, um pela negativa, e outro pela positiva:
http://www.cenforaz.org/ : trata-se de um site institucional, que faz uso de frames e javascript. O interface é no entanto confuso, oculto, deixando o utilizador sem indicações claras das opções a tomar. A sobreposição do texto e imagens de fundo é feita de um modo que dificulta a leitura, e por vezes elementos informativos ficam parcialmente obstruídos. Trata-se assim de um exemplo de como o uso de elementos adicionais (javascript) e ainda de frames pode ter resultados muito maus.
http://www.webhs.pt/ : um site empresarial, cuja actividade está ligada ao alojamento de conteúdos online, e que ilustra bem o que um site deve ser e conter. Navegação clara, com ligações globais e locais, páginas de contactos e F.A.Q., mapa do site, ...! Não usa frames, usa javascript e CSS.

Imagem para Exercício 6a:


Imagem para Exercício 6b:


Faltas: nº 5, Daniel; nº 8, João.

João Barbosa @ 15:00 [sem comentários]

sexta-feira, março 03, 2006

Aula Nº 73
Marcadores. Image maps. Molduras (frames). Exercícios práticos.
Dado a só terem comparecido dois alunos, os conteúdos previstos foram cancelados. Os alunos presentes trabalharam na personalização dos seus blogs.

Faltas: nº 1, Andreea; nº 2, André; nº 4, Cristiano; nº 5, Daniel; nº 6, Hugo; nº 9, Nelson; nº 11, Pedro; nº 12, Ricardo; nº 13, Stanimira.

João Barbosa @ 16:50 [sem comentários]