ObjectivosNo final deste curso, os formandos terão conhecimento das novidades do HTML 5 e CSS 3, dos novos paradigmas e metodologias de desenvolvimento Web e estarão aptos a criar Websites que se adaptam a qualquer tipo de dispositivo, com recurso às técnicas mais recentes.
Practicas32 horas previstas
Dirigido aEste curso destina-se a todos os que já possuem conhecimentos de HTML e CSS mas que pretendem tirar partido das últimas técnicas e novas funcionalidades destas tecnologias.
TitulaçãoDGERT
ConteúdoApresentação do HTML 5 Tecnologias associadas Suporte Tipo de documento Codificação Alterações de Etiquetas e Atributos Novos Elementos Elementos Semânticos Figuras e legendas, Realce, Barra de progresso Medidor, Data e hora, Possibilidade de Quebra de Linha Elementos Multimédia Vídeo e Áudio Formatos de Multimédia Formulários Novos Tipos de dados e atributos Lista de dados Validação de formulários Organização e Envio Estrutura Elementos de estrutura de página: Cabeçalho, Navegação e Rodapé Elementos de estrutura de conteúdos: Artigos, Secções, Grupos de Título, Complementos Apresentação do CSS3 Apresentação e Suporte Reinicialização de Estilos Tipos de Letra Web Utilização e Referência em HTML e CSS Combinação de Tipos Tipos de letra locais Cores Novos Nomes Esquemas de cores: RGBA, HSL, HSLA Fundos Tamanho e Origem da imagem de fundo Corte do fundo Múltiplas imagens de fundo Tamanho de Caixa e Sombras Tamanho da caixa Sombras e Propriedades Sombra interna e Múltiplas sombras Gradientes Gradiente Linear e Radial Repetições de gradiente Limites Limites com imagem Repetição e Medidas Cantos arredondados Propriedades de Texto Sombra no Texto Transbordo e Quebra de palavras Texto em colunas Seletores Posição Atributos Pseudo-seletores e outros seletores Web Design Responsivo Múltiplos Dispositivos Consultas de média Elementos flexíveis Grelha fluída Mobile first Mostrar e ocultar conteúdo Navegação Redimensionamento em dispositivos móveis Transformações 2D Rotação Redimensionamento Distorcer Mover Origem da transformação Transformações 3D Perspetiva Ponto de fuga Funções de transformação Esconder o lado inverso Transições Propriedades e duração Atraso e Funções de temporização Curvas cúbicas de Bézier Funções de escada Combinar transições Propriedades que podem ser animadas Animações Keyframes e duração Atraso e Funções de temporização Personalizar animações Iteração, Direção, Estado da animação Modo de preenchimento