Guião de HTML/CSS da especialização em Web Design

Curso de Design de Comunicação — disciplina de Projecto e Tecnologias, 12º Ano

Escola Artística de Soares dos Reis

Docente: Fernando J. Leal

(Textos escritos na grafia pré-AO90.)

Índice

• HTML e CSS
  • Introdução
  • Estrutura dos Ficheiros
    • Ficheiro HTML
    • Ficheiro CSS
  • Novos Elementos
    • Elementos Semânticos (Tags)
    • Elementos do tipo Input (Forms 2.0)
  • Posicionamento
    • Tipos de Posicionamento
    • Sobreposição de Elementos
  • RWD - Responsive Web Design
  • Modelo de Caixa
  • Opções Frequentes de Layouts Responsivos
    • Layout de Página Única, Centrado
    • Layout em Bandas, Centrado
  • Flexbox e CSSGrid
    • Flexbox
    • CSSGrid
  • Media Queries
    • Mobile First - Dispositivos Móveis em Primeiro Lugar
    • Dark Mode - Modo Escuro
  • Modelo Cliente-Servidor na Internet
    • Software Cliente de SFTP
    • Editores de Texto
    • Editores de Interface (UI/UX - User Interface/User eXperience)
  • Animação de Elementos
    • Transições
    • Animações
  • Variáveis em CSS
  • Tipografias Variáveis
    • O Que São?
    • Eixos de Variação
    • O Eixo “Weight” (wght)
    • O Eixo “Width” (wdth)
    • O Eixo “Italic” (ital)
    • O Eixo “Slant” (slnt)
    • O Eixo “Optical Size” (opsz)
    • Exemplo de Eixo Personalizado: “Grade” (GRAD)
    • A Regra @font-face para Tipografias Variáveis
  • Tipografias de Tamanho Variável
    • Usando Media-queries
    • Usando a Função clamp()
• Wordpress
  • Temas Wordpress
  • Construção de Temas
    • Tema Derivado (Child Theme)
    • Tema Novo (Página em Branco)
  • Templates Wordpress
    • Cabeçalhos e Rodapés
    • O Ciclo do Wordpress (Loop)