Webdesign

Profª Fabiane Lima
fabianelim@gmail.com

Universidade Tecnológica Federal do Paraná — 2017

Tutoriais!

Atividade prática

Modal

Modais são janelas de diálogo ou pop-ups. Muito comuns no design de interfaces, servem para dar avisos ou pedir confirmação do usuário para executar ações.

Modal

Atividade

Baixe este arquivo e o altere de modo que:

  • Textos diferentes apareçam nas caixas de diálogo
  • Cada caixa tenha uma pequena imagem flutuando à esquerda do texto
  • Cada link dentro do texto possua um texto alternativo que apareça quando o mouse é colocado sobre ele
  • Todo o documento ganhe novas cores

Abas

Navegação em abas é algo bastante comum em design de interfaces. São usadas para separar categorias de um mesmo tipo de conteúdo.

Abas

Atividade

Baixe este arquivo e o altere de modo que:

  • Textos e imagens novas apareçam em cada aba
  • O documento ganhe pelo menos mais duas abas
  • Todo o documento ganhe novas cores

Referência

DUCKETT, Jon. Javascript e Jquery: desenvolvimento de Interfaces Web Interativas. Rio de Janeiro: Alta Books, 2016.