OM Corp. Checkpoint 2

CHECKPOINT 2

• CURSO: ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
• DISCIPLINA: RESPONSIVE WEB DEVELOPMENT
• PROFESSOR: ALEXANDRE C. DE JESUS
• TURMA: 1TDS

INTEGRANTES:

• NOME: Gabriel Eringer de Oliveira RM: 99632;
• NOME: André Sant'Ana Boim RM: 551575;
• NOME: Eduardo Tatsuo Felix Higa RM: 551428;
• NOME: Yago Marques de Souza Farah RM: 551616.

REGRAS

• Para realizar esta tarefa, os alunos devem utilizar o grupo do Challenger!

• Crie um projeto HTML seguindo as solicitações propostas e utilizando o Git/Github;

• Todos os integrantes devem participar do desenvolvimento;

• Cada integrante deve ter uma Branch;

• A Branch main deve conter apenas as atualizações;

• Os PoolRequests devem ser reazliados e ao Final é obrigatório para que todo o trabalho esteja consolidado na Branch main;

• Um mínimo de 10 commits deve ser realizado;

• O repositório deve ser público;

• Ative o gitpages;

• O projeto deve seguir todas as boas práticas já orientadas;

• O projeto deve possuir um arquivo .doc que deve estar dentro do projeto em sua raiz juntamente com os arquivos do projeto;

• No arquivo .doc deve constar os seguintes dados

  a) Uma lista com os nomes e RMs dos integrantes do grupo.

  b) URL do repositório;

  c) URL da página no gitpages;

  d) Enunciado e print do código de cada página;

  e) Enunciado e print do código do css.

QUESTÕES

1- Neste projeto vamos criar um layout para falar sobre 3 assuntos:

Então devemos criar 4 páginas para nosso projeto:

• Home;
• Games;
• Mobile;
• Tecnologia.

2- PÁGINA PRINCIPAL: index.html(HOME)

a) Estrutura básica padrão;

b) CABEÇALHO: Contendo logo com imagem e menu;

c) MENU: Deve conter links para as páginas [principal, games, mobile, tecnologia];

d) SEÇÃO CONTEÚDO: Em uma section deve conter 3 cards que podem ser construídos com elementos articles/div ou outros;

Dentro destes é obrigatório terem respectivamente os seguintes elementos:

h2,figure>img+figcaption

Estes cards são referentes a cada um dos assuntos abordados, [GAMES, MOBILE e TECNOLOGIA];

Então as imagens que vão ser adcionadas devem ser relacionadas aos assuntos abordados;

e) RODAPÉ: Adcione os seguintes elementos respectivamente, h2,nav>a*3>img;

f) As imagens que vão ser adcionadas devem ser redes sociais[github, facebook e twitter].

3- Páginas Internas: games.html, mobile.html e tecnologia.html

a) Estrutura básica padrão;

b) CABEÇALHO: Contendo logo com imagem e menu;

c) MENU: Deve conter links para as páginas [principal, games, mobile, tecnologia];

d) SEÇÃO CONTEÚDO: Em uma section respectivamente devemos criar os seguintes elementos:

h2, p, figure>img+figcaption

Estas seções são referentes a cada um dos assuntos abordados, [GAMES, MOBILE e TECNOLOGIA];

Então devem ter um texto introdutório sobre cada um;

e) RODAPÉ: Adcione os seguintes elementos respectivamente, h2,nav>a*3>img;

f) As imagens que vão ser adcionadas devem ser de redes sociais[github, facebook e twitter].

4- Estilos:

Os estilos aplicados devem seguir o utilizado em sala de aula:

• CSS3 externo;
• Flexbox;
• Responsividade;
• Breakpoints(mínimo 2);
• Directivas CSS.

5- Entrega:

a) A entrega deve ser realizada através do TEAMs na tarefa que originou a solicitação até a a data e horários registrados e em um repositório público onde irão adcionar os integrantes do grupo

b) Somente um aluno do grupo entrega o projeto no TEAMs;

c) Os alunos devem ter o projeto original no repositório e entregar uma cópia compactada no TEAMs.

Pontuação: 100

• Boas práticas = 10
• Semântica = 10
• Versionamento = 15
• Estilização = 35
• Codificação = 40

Obs.: Atraso na entrega irá custar 20 pontos.