Desafio 45º: Redesenhar a Página da Disciplina de Desenvolvimento Web - Edição Super Divertida!

[iurygdeoliveira]

Contact Details

iury.oliveira@ifto.edu.br

Challenge Description

Objetivo: Usar a incrível sintaxe básica do CSS para propor um novo layout para a página da disciplina de Desenvolvimento Web! Iremos aplique os superpoderes de programador para praticar a seleção de elementos, criação de regras de estilo, uso de estilos inline e externos e uso de classes e IDs.

Seções mínimas que devem existir nesse site:

Cabeçalho: O adorável nome da disciplina, o charmoso logotipo da instituição e um menu de navegação pra lá de especial que leva o usuário a outras seções do site; Apresentação: Uma seção que apresente a disciplina e seus objetivos com um toque de genialidade; Conteúdo Programático: Uma seção que liste os tópicos da disciplina, deixando todos com vontade de aprender cada vez mais; Material de Aula: Uma seção que simula as postagens de materiais adicionais com links para slides, exercícios e recursos incríveis! Professores: Uma seção que apresenta as informações e contatos dos professores da disciplina, mostrando que são verdadeiras estrelas do conhecimento. Rodapé : Informações de contato e links para as redes sociais da instituição, para ninguém ficar de fora dessa festa do saber!

Instruções básicas:

1. Mãos à obra! Criem a estrutura básica do HTML para a página da magnífica disciplina de Desenvolvimento Web, incluindo pelo menos as seções sugeridas no tópico anterior;
2. Soltem seus superpoderes de seleção de elementos para estilizar tags HTML comuns, como <h1>, <h2>, <p>, <a> e <img>, e mostrem a eles quem manda!;
3. Inventem regras de estilo para aplicar estilos aos elementos específicos. Que tal mudar a cor, o tamanho da fonte e o espaçamento entre os elementos? Vamos deixar tudo mais bonito!;
4. Apliquem pelo menos um estilo inline a pelo menos um elemento na página, para mostrar quem é o verdadeiro mestre das artes CSS!;
5. Criem um arquivo CSS externo e vinculem-no à página HTML. Movam todas as regras de estilo que vocês criaram para este arquivo externo, porque organização é coisa de gênio!;
6. Usem classes e IDs para estilizar elementos específicos, como o cabeçalho, o rodapé e as seções individuais, e deixem tudo com a cara de vocês, porque personalidade é tudo!;
7. A página não precisa ter um layout responsivo, mas deve ser clean, com uma aparência tão agradável quanto um sorriso sincero;
8. Utilizem as cores do Instituto Federal para estilizarem a página, porque nada melhor do que representar a instituição com estilo!;
9. Podem-se utilizar templates prontos para propor versão para o site da disciplina, mas lembrem-se: o importante é entender o que está por trás do código!

Critérios de avaliação:

Os alunos, como verdadeiros artistas do código, deverão explicar as suas criações ao professor na frente do computador e serão avaliados com base em:

1. Na aplicação da sintaxe básica do CSS, afinal, dominar a arte é fundamental;
2. Na organização e na clareza do código, pois um bom artista mantém sua paleta de cores em ordem;
3. Na aparência geral e na funcionalidade do novo layout, porque beleza e praticidade caminham juntas;
4. Será considerada a genialidade com que os alunos aplicaram os conceitos de seleção de elementos, criação de regras de estilo, uso de estilos inline e externos e uso de classes e IDs. Afinal, a maestria na arte do CSS é o que faz a diferença!

Observações Importantes

O professor utilizará este trabalho como uma vitrine brilhante para mostrar aos possíveis contratantes o potencial estelar da equipe. Portanto, é altamente recomendável que a equipe domine o código como se fosse seu próprio idioma secreto. Lembrem-se de uma pérola de sabedoria que o professor tem compartilhado em sala: mais importante do que ostentar uma nota digna de aplausos no boletim, é a habilidade de solucionar problemas que os alunos devem aprimorar durante a reta final desta relação de amor e ódio com o curso de Informática no IFTO. As empresas estão em busca de verdadeiros ninjas do aprendizado, capazes de enfrentar qualquer desafio!

Additional tips

Aqui estão alguns tesouros de conhecimento para ajudar no estudo e desenvolvimento do layout, dignos de um explorador intrépido:

1. Web.dev: Um site onde é possível aprender, de maneira tão didática quanto um bom contador de histórias, os conceitos básicos de CSS;
2. Html Reference Um site onde é possível aprender sobre os elementos HTML que permitem construir a mais simples das páginas web, como um aprendiz de feiticeiro;
3. Css Reference: Um guia visual gratuito para o CSS, tão cativante quanto um livro ilustrado. Aprenda com exemplos ilustrados e animados, como se estivesse numa exposição de arte;
4. Website Builders: Este site é capaz de gerar um site completo, com imagens e até mesmo vídeos, a partir de simples frases. O chatGPT também permite isso, como num passe de mágica. É permitido o uso de ferramentas assim, mas lembrem-se, a equipe precisará explicar o código ao professor;
5. Vocês deverão postar o nome da equipe, seus ilustres integrantes e um link para o site com a proposta de vocês, utilizando o recurso do github.io para armazenar o site de vocês como um baú do tesouro.
6. O código deve estar em um repositório do github, guardado a sete chaves.

Meus caros pequenos gênios em formação,

Que a sorte e a sabedoria estejam ao seu lado nesta jornada mágica pelo incrível mundo do Desenvolvimento Web! Lembrem-se de que cada passo que vocês dão, é como se estivessem a explorar um novo reino de possibilidades e conhecimento.

Não deixem que os desafios e mistérios desta aventura os desanimem, pois são nessas horas que vocês, como brilhantes aprendizes, transformam-se em corajosos heróis do desenvolvimento!

Mantenham os olhos bem abertos e as mentes afiadas, pois a cada novo desafio, vocês descobrirão que têm o poder de conquistar montanhas e alcançar as estrelas.

Desejo a vocês, pequenos desenvolvedores, uma jornada espetacular e repleta de sucesso! Que a criatividade, a dedicação e a alegria de aprender sejam suas eternas companheiras nesta odisséia do conhecimento. E, acima de tudo, divirtam-se enquanto constroem um futuro mais brilhante para todos nós!

Boa sorte e que o poder do CSS esteja com vocês!

[kiaraalcantara]

Equipe: The Makers

Link para o site: https://kiaraalcantara.github.io/PageDEV-desafio45/

Link do repositório: https://github.com/kiaraalcantara/PageDEV-desafio45

Integrantes: Andé, Kiara e Natan

[GiorgeLucas]

Equipe Vikings

Alunos: Giorge Lucas, Filipe Carvalho, João Edson.

Link para o site: https://nonulldev.github.io/Site-Desenvolvimento-Web/index.html

Repositório do site: https://github.com/NoNullDev/Site-Desenvolvimento-Web

[yasmincosta21]

Equipe ABY

Alunas: Ana Beatriz, Ana Eluiza e Yasmin Gonçalves Costa.

Link do site: https://yasmincosta21.github.io/sitedesafio/ Repositório do site:https://github.com/yasmincosta21/sitedesafio

[AnaRaquel28]

Equipe: "Alpha"

Alunos: Ana Raquel; Byanca Mamedes e Pedro Henrique.

Link do site: Site Link Repositório: Repositório

[ItaloNishikawa]

Equipe PDF

Alunas: Italo Nishikawa, Edson Jr e Gustavo Frederico

Link do Site:https://italonishikawa.github.io/Web-Development/

Repositório do Site: https://github.com/ItaloNishikawa/Web-Development

[rafaelnamel0]

Equipe ThreeCoders

Site: https://rafaelnamel0.github.io/desafio45/

Repositório: https://rafaelnamel0.github.io/desafio45/

[apauloenzo]

Equipe: Flasco Alunos: Paulo Enzo, Samuel Mota e Abraim Coimbra

Site disciplina: https://apauloenzo.github.io/sitedadisciplina/ Site repositório: https://github.com/apauloenzo/sitedadisciplina.git

[zuigler]

alunoifto.zip Equipe: Medusas Alunos: Rayssa Fernandes e Beatriz dos Santos

[GLMarco]

DESAFIO 45.zip Equipe FENIX - Marcos, Rayka e Rita.

[samuelsamnx]

Equipe SLR Alunos: Samuel Teixeira, Luis Felipe Cardoso e Rangerson Clemente

Site: https://rangersonti.github.io/testeWeb/oquevamosaprender.html Repositório: https://github.com/samuelsamnx/Desenvolvimento-Web.git Des. Web.zip

[gff001]

DUO ORCACA

Alunos: Alanna e Guilherme

REPOSITORY:https://github.com/gff001/gff001.github.io
SITE: https://gff001.github.io/index.html

[Analicemc]

Equipe Lovelace - Analice e @suzanasantoss

Link para o site: https://analicemc.github.io/Desafio-45/ Link para o repositório: https://github.com/Analicemc/Desafio-45 Caso não consiga acessar acesse o meu perfil no GitHub e busque pelo repositório Desafio 45.

[alissonfilipe]

arquivo zip: zipmeuarquivoweb.zip Equipe: Sayajjins Nomes: Alisson Filipe, Eduardo Barbosa, Wanderson de Sousa TADS 3 período site. se der errado é pq não tenho internet pra conferir, mas tá certo: https://alissonfilipe.github.io/alisson/

https://github.com/alissonfilipe/alisson

[EduardoSilva09]

Equipe: NetForce Nomes: Eduardo, José, Kézio Endereço: https://eduardosilva09.github.io/desafio-45/

[Analicemc]

Equipe Lovelace - Analice e @suzanasantoss

Link para o site: https://analicemc.github.io/Desafio-45/ Link para o repositório: https://github.com/Analicemc/Desafio-45

Adicionamos as tags semânticas corretas e a responsividade.

[simonebreeman]

Equipe: RESISTECH Alunas: Lorenna Guedes e Simone Breeman

Site: https://simonebreeman.github.io/Desafio45/ Repositório: https://github.com/simonebreeman/Desafio45

[Thobias-Dev]

index.Wd.zip Nome: Thobias Batista equipe: Guerreiros Cibernéticos https://github.com/th0rPreto/th0rPreto.github.io

https://th0rpreto.github.io/index.html

[adielsondantas]

Equipe Dark Alunos: Adielson Dantas e Eduarda Alves

Site: https://adielsondantas.github.io/index.html Repositório: https://github.com/adielsondantas/adielsondantas.github.io

[iurygdeoliveira]

• Na aplicação da sintaxe básica do CSS, afinal, dominar a arte é fundamental;
• Na organização e na clareza do código, pois um bom artista mantém sua paleta de cores em ordem;
• Na aparência geral e na funcionalidade do novo layout, porque beleza e praticidade caminham juntas;
• Será considerada a genialidade com que os alunos aplicaram os conceitos de seleção de elementos, criação de regras de estilo, uso de estilos inline e externos e uso de classes e IDs. Afinal, a maestria na arte do CSS é o que faz a diferença!

Os critérios utilizados na avaliação:

1. Na aplicação da sintaxe básica do CSS: :+1:
2. Na organização e na clareza do código: :+1:
3. Na aparência geral e na funcionalidade do novo layout: :warning:
4. Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 2,5 de pontos para o ranking

[iurygdeoliveira]

Equipe Vikings

Alunos: Giorge Lucas, Filipe Carvalho, João Edson.

Link para o site: https://nonulldev.github.io/Site-Desenvolvimento-Web/index.html

Repositório do site: https://github.com/NoNullDev/Site-Desenvolvimento-Web

Os critérios utilizados na avaliação:

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :+1:
Implementações extras, avanços além daquilo pedido pelo professor: :+1:

Avaliação: 4 de pontos para o ranking

[iurygdeoliveira]

Equipe ABY

Alunas: Ana Beatriz, Ana Eluiza e Yasmin Gonçalves Costa.

Link do site: https://yasmincosta21.github.io/sitedesafio/ Repositório do site:https://github.com/yasmincosta21/sitedesafio

Os critérios utilizados na avaliação:

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :-1:
Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 2 de pontos para o ranking

[iurygdeoliveira]

Equipe: "Alpha"

Alunos: Ana Raquel; Byanca Mamedes e Pedro Henrique.

Link do site: Site Link Repositório: Repositório

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :+1:

Avaliação: 3 de pontos para o ranking

[iurygdeoliveira]

Equipe PDF

Alunas: Italo Nishikawa, Edson Jr e Gustavo Frederico

Link do Site:https://italonishikawa.github.io/Web-Development/

Repositório do Site: https://github.com/ItaloNishikawa/Web-Development

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

Equipe ThreeCoders

Equipe ThreeCoders

Site: https://rafaelnamel0.github.io/desafio45/

Repositório: https://rafaelnamel0.github.io/desafio45/

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

Equipe: Flasco Alunos: Paulo Enzo, Samuel Mota e Abraim Coimbra

Site disciplina: https://apauloenzo.github.io/sitedadisciplina/ Site repositório: https://github.com/apauloenzo/sitedadisciplina.git

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

alunoifto.zip Equipe: Medusas Alunos: Rayssa Fernandes e Beatriz dos Santos

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

Equipe SLR Alunos: Samuel Teixeira, Luis Felipe Cardoso e Rangerson Clemente

Site: https://rangersonti.github.io/testeWeb/oquevamosaprender.html Repositório: https://github.com/samuelsamnx/Desenvolvimento-Web.git Des. Web.zip

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :+1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 3 de pontos para o ranking

[iurygdeoliveira]

DESAFIO 45.zip Equipe FENIX - Marcos, Rayka e Rita.

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

DUO ORCACA

Alunos: Alanna e Guilherme

REPOSITORY:https://github.com/gff001/gff001.github.io SITE: https://gff001.github.io/index.html

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :+1: Implementações extras, avanços além daquilo pedido pelo professor: :+1:

Avaliação: 4 de pontos para o ranking

[iurygdeoliveira]

Equipe Lovelace - Analice e @suzanasantoss

Link para o site: https://analicemc.github.io/Desafio-45/ Link para o repositório: https://github.com/Analicemc/Desafio-45 Caso não consiga acessar acesse o meu perfil no GitHub e busque pelo repositório Desafio 45.

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :+1: Implementações extras, avanços além daquilo pedido pelo professor: :+1:

Avaliação: 4 de pontos para o ranking

[iurygdeoliveira]

arquivo zip: zipmeuarquivoweb.zip Equipe: Sayajjins Nomes: Alisson Filipe, Eduardo Barbosa, Wanderson de Sousa TADS 3 período site. se der errado é pq não tenho internet pra conferir, mas tá certo: https://alissonfilipe.github.io/alisson/

https://github.com/alissonfilipe/alisson

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

Equipe: NetForce Nomes: Eduardo, José, Kézio Endereço: https://eduardosilva09.github.io/desafio-45/

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :+1: Implementações extras, avanços além daquilo pedido pelo professor: :+1:

Avaliação: 4 de pontos para o ranking

[iurygdeoliveira]

Equipe: RESISTECH Alunas: Lorenna Guedes e Simone Breeman

Site: https://simonebreeman.github.io/Desafio45/ Repositório: https://github.com/simonebreeman/Desafio45

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :+1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 3 de pontos para o ranking

[iurygdeoliveira]

index.Wd.zip Nome: Thobias Batista equipe: Guerreiros Cibernéticos https://github.com/th0rPreto/th0rPreto.github.io

https://th0rpreto.github.io/index.html

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :-1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 1 de pontos para o ranking

[iurygdeoliveira]

Equipe Dark Alunos: Adielson Dantas e Eduarda Alves

Site: https://adielsondantas.github.io/index.html Repositório: https://github.com/adielsondantas/adielsondantas.github.io

Na aplicação da sintaxe básica do CSS: :+1: Na organização e na clareza do código: :+1: Na aparência geral e na funcionalidade do novo layout: :-1: Implementações extras, avanços além daquilo pedido pelo professor: :-1:

Avaliação: 2 de pontos para o ranking