Exercícios: Marcação HTML

Para cada exercício abaixo crie um repositório com o nome indicado, e publique um site usando o GitHub Pages que atenda ao requisito indicado.

O requisito pode ser indicado por uma lista de afazeres, por uma ou mais imagens de referência, ou por ambos.

---

Exercício hello-dev-web

Faça um site de boas-vindas para os estudantes de tecnologias web.

• Use a imagem do logo usando URL externa: https://raw.githubusercontent.com/ermogenes/aulas-programacao-csharp/master/content/logo-dev-web.png
• Link do Dev Web (na imagem e no texto): https://github.com/ermogenes/aulas-programacao-web
• Link da Etec: http://eteab.com.br/
• No seu nome, use o link do seu perfil no GitHub (ex.: https://github.com/ermogenes)

Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.

---

Exercício galeria-primario

Faça um site para exibir obras de arte feitas por alunos do primário.

• Use três (ou mais) imagens (.png ou .jpg) criadas por você no editor de imagens de sua preferência (Paint, Photoshop, Gimp, Krita, etc.), com qualquer desenho simples.
• Tamanho sugerido das imagens: 400px x 200px.

Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.

---

Exercício etecs-baixada-santista

Faça um site que exiba uma lista de links para os sites das Etecs da Baixada Santista, em uma estrutura semelhante a:

• Baixada Santista
  • Santos
    • Etec Aristóteles Ferreira
    • Etec Escolástica Rosa
  • São Vicente
    • Etec Ruth Cardoso
  • Guarujá
    • Etec Santos Dumont
  • Cubatão
    • Etec de Cubatão
  • Praia Grande
    • Etec de Praia Grande
  • Mongaguá
    • Etec Adolpho Berezin 😍
  • Itanhaém
    • Etec de Itanhaém
  • Peruíbe
    • Etec de Peruíbe

Todos os links devem abrir em novas abas.

Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.

---

Exercício passo-a-passo

Faça um site que contenha um passo-a-passo para aprender programação, em várias páginas.

Mapa de navegação (sitemap):

• Home-page: index.html:

• página dev-cs.html:

• página dev-web.html:

• página objetivo.html:

Links externos necessários:

• Dev C#
  • Imagem Dev C#: https://raw.githubusercontent.com/ermogenes/aulas-programacao-web/master/content/logo-dev-cs.png
  • Link ao clicar: https://github.com/ermogenes/aulas-programacao-csharp/
• Dev Web
  • Imagem Dev Web: https://raw.githubusercontent.com/ermogenes/aulas-programacao-csharp/master/content/logo-dev-web.png
  • Link ao clicar: https://github.com/ermogenes/aulas-programacao-web/
• Objetivo
  • Página de salário: https://www.salario.com.br/estatisticas/cargos-e-salarios-de-ti-tecnologia-da-informacao/

Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.

---

Exercício horario-2i3

Faça um site que exiba o horário do 2I3. No exemplo abaixo, o horário vigente no segundo semestre de 2021 (use o seu horário atual).

Ele deve conter uma tabela com os seguintes dados:

Horário	SEG	TER	QUA	QUI	SEX
Bloco I	OCA2	RCD1	PTCC	PC2 ☕	GSO2
Bloco II	SUPINF	RCD1	SUPBD	PC2 ☕	PTCC

Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.

---

🏁 Orientações para entrega (alunos do curso presencial)

Confira no Teams o link da tarefa equivalente. Lá você postará o link do repositório no GitHub, incluindo nas configurações o link para o site publicado, um para cada exercício.

Repositório de exemplo: Exercício hello-dev-web (Marcação HTML)

Site publicado: https://ermogenes.github.io/hello-world-dev-web

Exemplo de link a ser postado: https://github.com/ermogenes/hello-world-dev-web