WDD 130: Fundamentos da Web

S01 Atividade Guiada de Programação: Criando um Novo Arquivo HTML

Visão Geral

Para esta atividade, você criará código junto com um vídeo do instrutor que terá orientações para cada etapa desta atividade. Não se esqueça de pausar o vídeo ou assistir a algumas seções, se necessário, para conseguir concluir a atividade inteira.

Seu instrutor publicará um link para o vídeo no Microsoft Teams.

Siga o vídeo de atividade guiada de programação para criar um novo arquivo HTML que destaque sua cidade favorita.

Instruções

  1. Crie um novo arquivo HTML com estes requisitos:
    • nome do arquivo: cidade-favorita.html
    • local: subpasta semana01 do seu repositório wdd130
    • conteúdo: todas as informações necessárias de head e devidamente estruturado com uma seção body para o conteúdo exibido

      Dica: você pode usar a abreviação html:5 do VS Code para te ajudar a começar com uma estrutura HTML válida.

    • body contém um título h1 apropriado
    • body contém um ou dois parágrafos p sobre sua cidade
    • body contém uma imagem img

      Dica: você pode encontrar uma imagem gratuita para usar na Wikipédia.

  2. Visualize o arquivo cidade-favorita.html no seu navegador usando o Live/Five Server.
  3. Quando terminar, confirme (commit) e sincronize/envie (push) suas alterações para o repositório wdd130 no GitHub.
  4. Visualize seu arquivo HTML hospedado no GitHub Pages em um navegador para verificar se tudo funcionou corretamente.

    Dica: Seu URL do GitHub Pages será
    https://seu-nomedeusuario.github.io/wdd130/semana01/cidade-favorita.html.

Link de Vídeo Alternativo

Além do link que seu instrutor publicou, você também pode assistir ao seguinte passo a passo do código:

Vídeo ▶️ Atividade Guiada de Programação: Criando um Novo Arquivo HTML

Envio

Por favor, pause e assista novamente a quaisquer partes do vídeo do instrutor necessárias até que você tenha concluído toda a atividade e sua página da mesma forma que o do instrutor. Quando tiver terminado: