Objetivos de aprendizagem e a sua compatibilidade com o método de ensino (conhecimentos, aptidões e competências a desenvolver pelos estudantes)
Espera-se do aluno aprovado:
A capacidade de criar e estruturar documentos HTML, utilizando o HTML5, com ênfase na semântica dos elementos;
A capacidade de desenhar e implementar a apresentação de páginas HTML, respeitando o princípio da separação entre conteúdo (HTML) e apresentação (CSS), utilizando a linguagem CSS3;
A capacidade de articular diferentes tecnologias da Web (HTML5, CSS3) de forma a construir sites simples e responsivos, considerando os princípios do design, e questões usabilidade, acessibilidade e desempenho.
Conteúdos programáticos
Fundamentos de HTML5
Estrutura de um documento HTML5; Elementos/tags/atributos; Sintaxe e semântica
Elementos de Layout. Block Elements versus Inline Elements
Validação de HTML5.
Metadados. Open Graph Protocol.
Fundamentos de CSS
Anatomia de uma regra; Selectores; Declarações de estilos
Propriedades, Valores, Unidades de medida
Herança e Cascata
Propriedades CSS
Tipografia
Cores, fundos e imagens
Box Model
Gradientes e Transições
Formatação Visual
Sistemas de Posicionamento: Normal Flow, Floating e Positioning
Float-based Layouts
Flexbox
Layout Grids
Responsive Web Design
Layouts e imagens fluídas
Media-queries
Demonstração da coerência dos conteúdos programáticos com os objetivos de aprendizagem da unidade curricular
É apresentada a linguagem HTML5 as boas práticas na estruturação de documentos HTML
É apresentada a linguagem CSS e demonstrada e exercitada a sua aplicação na produção do visual das páginas HTML
É testada a visualização das páginas criadas nas aulas em diferentes dispositivos(smartphones, tablets, portáteis, desktops, e ensinados os princípios do Web Design Responsivo
É utilizado o Git e o Github, incluindo o Github Pages, como sistema de controle de versões e como servidor de alojamento
Metodologias de ensino e de aprendizagem específicas da unidade curricular articuladas com o modelo pedagógico
Metodologia de ensino:
Aulas teórico-práticas em que o docente apresenta os conteúdos de forma oral, com apoio de apresentações eletrónicas e ilustração de casos de estudo, fomentando a participação crítica dos alunos, e onde a exposição da matéria é consolidada com a realização de exercícios e subsequente apresentação e discussão da solução dos mesmos.
Aulas práticas e experimentais, visando a aplicação e o treino dos conhecimentos adquiridos, a descoberta de novas problemáticas e a realização dos projetos da disciplina.
Avaliação
Realização de um teste prático com o peso de 50% da nota final
Conceção, desenho e implementação de um projeto (50% da nota final).
Demonstração da coerência das metodologias de ensino e avaliação com os objetivos de aprendizagem da unidade curricular
Com a exposição dos conceitos fundamentais e com a demonstração de código e de soluções de software é dado ao aluno a responsabilidade e a motivação para o seu envolvimento nos exercícios que lhe são atribuídos. É favorecida a autonomia do aluno e privilegiado o desejo e a capacidade da descoberta. O projecto final permite a articulação e a integração dos conceitos e tecnologias abordados, consolidando-os e abrindo as portas à procura de mais conhecimento
Bibliografia de consulta (existência obrigatória)
Jon Duckett, HTML and CSS: Design and Build Websites, John Wiley, 2011
Eric Freeman & Elisabeth Robson, Head First HTML and CSS: A Learner's Guide to Creating Standards-Based Web Pages, 2nd edition, O'Reilly, 2012.
Clarissa Peterson, Learning Responsive Web Design: A Beginner's Guide, O'Reilly, 2014.
