Tecnologias Web

Laboratório 1: Implementação somente com HTML.

Por meio da linguagem HTML (apenas HTML) crie um conjunto de páginas web com intuito de criar um Novo SIGAA (visão do aluno).
As páginas a serem implementadas deverão utilizar o arquivo “main.css”. Para importar este arquivo na suas páginas você deverá colocar o código abaixo no head das páginas.

link rel="stylesheet" href="main.css"

As páginas do Novo SIGAA estão descritas a seguir.

index
Esta página deverá conter um formulário para o usuário logar no sistema, por meio do login e senha.
Painel de controle

• Está pagina deverá conter os links para as demais páginas do Novo SIGAA
  
• Um campo de perfil do usuário com sua foto nome, email, IRA e quantidade de créditos cursados e uma paleta de cor para o usuário escolher a cor tema que deseja ver o Novo SIGAA
  
• Uma lista das disciplinas cursadas atualmente, o sistema deverá mostrar barras de progresso dos créditos cursados em relação ao total de créditos necessários. Sendo:
  • Disciplinas obrigatórias
    
  • Disciplinas eletivas
    
  • Horas de estágio obrigatório
    
  • Horas complementares
    
  • Horas de extensão
    
  • Horas de programação
    
• Um resumo das atividades já integralizadas pelo aluno e as atividades que ainda faltam para serem integralizadas
  Histórico
  
• Uma tabela com as disciplinas cursadas em semestres anteriores com dados das disciplinas e rendimentos do aluno.
  

Cadastro de componentes curriculares
Nesta página o usuário poderá indicar suas atividades de horas complementares e horas de extensão.
As atividades são compostas de: nome, horas, data, e-mail do responsável, telefone do responsável.
Os campos do formulário devem possuir validação.
Obs: o formulário deve ser feito com as novas tags do HTML5

Requisitos para a atividade:
Você deverá utilizar apenas HTML para criar sua página.
Você deverá utilizar as novas TAGs HTML5 para dar semântica para sua página.
Consulta:
https://www.w3schools.com/html/default.asp

Laboratório 2: Atualização utilizando CSS.

Utilizando suas páginas criadas no Laboratório 1 (Novo SIGAA), você nessa atividade, deverá estilizar páginas utilizando os recursos do CSS vistos até o momento na disciplina.
Obs: a forma do uso do CSS é livre, você poderá estilizar sua página como preferir.
Os seguintes itens devem ser utilizados na suas páginas:

1. CSS interno, externo e inline ( inline apenas em uma única vez)
2. Todos os tipos de seletores
3. Possibilidades do display
4. Tipos diferentes de fontes
5. Backgrounds diversos nas páginas
6. Box Model
7. Padding e Margin
8. Posicionamento