Oi.
Vamos falar sobre o projeto final que você vai fazer para este curso.
A última coisa que eu quero que você faça é basicamente pegar os elementos, pegar as tags,
pegar a sintaxe que você tem aprendido sobre
essas últimas semanas e juntá-los para criar uma página de exemplo.
Você receberá uma captura de tela como modelo para o que eu quero que você construa,
mas é sempre mais fácil se alguém pode dizer em palavras o que vai junto com a imagem.
Quando você fizer esta página,
a coisa mais importante que eu quero que você perceba é que não há truques.
Só estou testando precisão sintática.
Então, vamos dar uma olhada no site que você vai criar.
Aqui está o site agora.
Dependendo do tamanho da tela que você está olhando,
ela pode parecer realmente diferente.
Então, só por diversão, eu vou redimensionar meu navegador apenas para dar às pessoas
uma idéia que eu realmente não defini isso para fazer nada em particular.
Quando eu o faço menor, as coisas se movem.
Eu não me importo onde as coisas estão na sua tela.
Estou mais preocupado com o fato de que cada elemento está lá.
Eu também quero salientar que, como você pode notar,
alguns dos elementos estão em amarelo e outros são apenas em cores regulares.
Qualquer coisa que esteja em amarelo é algo que você deve mudar especificamente para você.
Então, neste caso, eu tenho Colleen van Quaresma em amarelo.
Devias usar o teu nome em vez disso.
Tenho uma lista das minhas comidas favoritas.
Eu realmente quero que você escolha suas comidas favoritas.
Eu tenho uma coisinha no fundo que diz progresso e objetivos de vida.
Mais uma vez, escolha o seu próprio valor.
Então, cada lugar que você vê amarelo,
eu quero que você mude para seus próprios interesses, nomes, valores.
Está bem. A outra coisa que quero apontar é aqui em baixo,
onde você vê mais sobre mim,
isso é na verdade parte de uma etiqueta de detalhes.
Quando eu clico nele,
você pode ver que ele abre e fecha.
Este é outro lugar onde quero colocar mais informações sobre você, não sobre mim.
Agora, se você estava olhando para o meu site no Firefox,
se você está desenvolvendo no Firefox,
eu só quero que você saiba que esta tag não funciona.
Em vez disso, ele sempre apareceria como aberto.
Isso é bom se esse é o tipo de navegador que você tem testado em continuar a fazê-lo.
Eu só não queria que você ficasse preocupado quando não parecia
abrir e fechar como para todos os outros. Tudo bem.
Então, vá em frente.
Você vai se certificar de que você tem um cabeçalho aqui,
uma barra de navegação aqui.
Esta é uma seção e outra seção e novamente a imagem pode parecer grande ou pequena.
Eu realmente não me importo com o que parece.
O que me importa é a sua capacidade de escrever código HTML 5.
Então, boa sorte ao escrever seu código.
Sei que vai se sair bem,
e é importante dar pequenos passos e fazer cada um trabalhar individualmente.
Quando acabares, vais ter algo de que te podes orgulhar.