|
|
| Line 1: |
Line 1: |
| - | = Apresentação e Contextualização do Tema do Projecto =
| |
| | | | |
| - | <br><br>
| |
| - | = Layouts =
| |
| - |
| |
| - | <br><br>
| |
| - | = ''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
| |
| - |
| |
| - | <br><br>
| |
| - | = ''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)
| |
| - |
| |
| - | <br><br>
| |
| - | = ''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)
| |
| - |
| |
| - | <br>
| |
| - | == 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
| |
| - | . sempre que é feito scroll é verificado se o número de píxeis escondidos pelo scroll (em cima) é maior do que 115 (distância do topo da página ao topo do menu). Se for verdade, é adicionada a classe "fixed" à <div> 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)
| |
| - |
| |
| - | <br><br>
| |
| - | =Integração com outras tecnologias (frameworks, linguagens, etc.) =
| |
| - |
| |
| - | <br><br>
| |
| - | = Soluções técnicas para problemas encontrados =
| |
| - |
| |
| - | <br><br>
| |
| - | = Melhoramentos futuros =
| |
| - |
| |
| - | <br><br>
| |
| - | = Conclusões =
| |
| - |
| |
| - | <br><br>
| |
| - | = Referências Bibliográficas =
| |
| - |
| |
| - | <br><br>
| |
| - | = Anexos =
| |
| - |
| |
| - | <br>
| |
