60289 Relatório
From Labmm2
(Difference between revisions)
(→Layouts) |
|||
| Line 9: | Line 9: | ||
= Layouts = | = Layouts = | ||
| - | [[File:LunAbout.png| | + | [[File:LunAbout.png|350px|center]] |
<center>''About Me'' page</center> | <center>''About Me'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File:LunPhotos.png| | + | [[File:LunPhotos.png|350px|center]] |
<center>''Photos'' page</center> | <center>''Photos'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File: | + | [[File:LunDrawings.png|350px|center]] |
<center>''Drawings'' page</center> | <center>''Drawings'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File: | + | [[File:Paintings.png|350px|center]] |
<center>''Paintings'' page</center> | <center>''Paintings'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File: | + | [[File:Design.png|350px|center]] |
<center>''Design'' page</center> | <center>''Design'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File: | + | [[File:LunWebDesign.png|350px|center]] |
<center>''Web Design'' page</center> | <center>''Web Design'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File: | + | [[File:LunVideos.png|350px|center]] |
<center>''Videos'' page</center> | <center>''Videos'' page</center> | ||
<br><br> | <br><br> | ||
| - | [[File: | + | [[File:LunContact.png|350px|center]] |
<center>''Contact Me'' page</center> | <center>''Contact Me'' page</center> | ||
<br><br> | <br><br> | ||
<br><br> | <br><br> | ||
| + | |||
= ''XHTML'' - Estrutura Implementada = | = ''XHTML'' - Estrutura Implementada = | ||
Revision as of 17:11, 11 July 2011
Apresentação e Contextualização do Tema do Projecto
O projecto desenvolvido é um portefólio. É um site que aloja informação biográfica e trabalhos da autora, que permite também a comunicação do utilizador com a pessoa em causa.
Layouts
XHTML - Estrutura Implementada
- iframe para embeber um vídeo
- target para abrir vídeos numa nova janela do browser
- são utilizados IDs e Classes, conforme apropriado
CSS - Folhas de Estilos
- atributos avançados CSS3 (ex: box-shadow, transform)
- são utilizadas heranças de classes para referenciar elementos, por forma a simplificar o código (ex: #submenu .button)
- são utilizados filtros em identificadores de elementos (ex: input[type=text])
- são utilizadas fontes externas (com @font-face)
JavaScript - Principais Scripts Desenvolvidas
JavaScript puro
- onMouseOver (feedback das imagens do portfolio)
- onMouseOut (feedback das imagens do portfolio)
- onLoad (utilizado no <body> para a funçaõ de preload seja chamada)
JQuery
- função de preload de imagens
Recebe um array de URLs de imagens, passado quando o <body> é carregado. Por imagem indicada no array é instanciada um objecto do tipo Image(), obrigando a imagem a ser carregada.
- função que mantém o menu sempre visível, mesmo quando é feito scroll vertical
do menu. Caso contrário a classe é removida.
- foi criada uma instrução jquery para que, no menu de contactos, as imagens tenham feedback ao passar o rato
- foi criada uma instrução jquery para que, no menu de contactos, o endereço de e-mail apareça quando se passa por cima da imagem de carta de correio
- FancyZoom (imagens do portfolio)
- setas do teclado (imagens do portfolio)
- validação de formulários (contactos)
Integração com outras tecnologias (frameworks, linguagens, etc.)
Soluções técnicas para problemas encontrados
Melhoramentos futuros
Conclusões
Referências Bibliográficas
