Curso de Desenvolvimento Web
Sejam todos bem-vindos ao curso de programação web para desenvolvedores iniciantes.
Este curso tem o intuito de te preparar para uma possível vaga de estágio na
empresa/startup [Link], sediada em Moçambique e com atuação na área de varejo
internacional com foco na importação e exportação de produtos pra consumidores finais.
TRABALHO PRATICO FINAL - MODULO 1
➢ Parágrafos
➢ Títulos
➢ Imagens
➢ Links
➢ Downloads
➢ Áudios
➢ Vídeos
RESUMO
1. Parágrafos
Usa-se a tag <p> para criar parágrafos de texto.
Ex: <p>Este é um parágrafo em HTML. Pode conter qualquer tipo de texto. </p>
2. Títulos
Usam-se as tags <h1> até <h6> (sendo <h1> o mais importante).
Ex: <h1>Título Principal</h1>
<h2>Subtítulo</h2>
<h3>Seção menor</h3>
FrontEnd ------- BackEnd ------- FullStack
Curso de Desenvolvimento Web
3. Imagens
A tag <img> exibe uma imagem. Usa-se o atributo src para o caminho e alt para texto alternativo.
Ex: <img src="[Link] alt="Imagem de exemplo" width="150" />
4. Links
A tag <a> cria um link. Usa-se href para o destino.
Ex: <a href="[Link] target="_blank">Visite o Google</a>
5. Downloads
Para oferecer um arquivo para download, use a tag <a> com o atributo download.
Ex: <a href="[Link]" download>Baixar PDF</a>
6. Áudios
A tag <audio> é usada para inserir áudio. Precisa do atributo controls para mostrar o player.
Ex: <audio controls>
<source src="audio.mp3" type="audio/mpeg">
Seu navegador não suporta áudio.
</audio>
FrontEnd ------- BackEnd ------- FullStack
Curso de Desenvolvimento Web
7. Vídeos
A tag <video> é usada para inserir vídeos. Também usa controls.
Ex: <video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Seu navegador não suporta vídeo.
</video>
PARABENS POR TERMINAR O PRIMERIRO MODULO
Para consolidar os seus conhecimentos nas matérias que aprendemos abaixo segue um
trabalho pratico a ser feito por si, usando de todos os conhecimentos que estiverem no seu alcance
para finalizar essa atividade…. Note que incentivamos o uso da internet como auxiliar para a busca
de informação, pois um bom programador é aquele que não se limita a vídeos aulas e é autodidata.
FrontEnd ------- BackEnd ------- FullStack
Curso de Desenvolvimento Web
TRABALHO FINAL
Inicio
Crie um website em HTML usando os conhecimentos por ti aprendidos até o momento. Este
site deve conter Parágrafos, Títulos, Imagens, Links, Downloads, Áudios e Vídeos.
Requisitos
➢ O título da página deve ser o seu nome
➢ A página deve conter no mínimo 10 parágrafos
➢ A página deve conter no mínimo 3 títulos (Títulos e Subtítulos)
➢ Inclua 4 imagens (Duas internas e 2 externas)
➢ Inclua Links para pelo menos 3 outras páginas sendo uma delas um outro ficheiro
html com as suas informações de contacto dentro.
➢ Na página deve haver 3 ficheiros em PDF para download e os nomes dos Downloads
devem ser os nomes atribuídos por si para os respetivos documentos.
➢ Inclua 1 áudio que possa ser escutado.
➢ Inclua 1 vídeo que possa ser assistido.
NB: Não se limite aos conhecimentos que nós ensinamos, se possível deixe o site bonito,
lembrando apenas que não pode usar CSS e nada fora de HTML simples.
Este TRABALHO FINAL deve ser submetido através da nossa plataforma em um
ficheiro com a extensão ZIP e Deve conter multimídias funcionais, isto é, as imagens, os
áudios e os vídeos devem estar presentes junto com o Ficheiro HTML.
FrontEnd ------- BackEnd ------- FullStack