INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO PIAUÍ

CÂMPUS SÃO RAIMUNDO NONATO

Curso: Técnico em Informática Integrado ao Médio

Disciplina: Programação Web
Docente: Ivan Rodrigues de Moura
Turma: 2° INFO TARDE
Aluno:

1° Prova Bimestral
Nesta prova, você irá desenvolver um site utilizando todos os conteúdos aprendidos
em aula. O tema é livre, entretanto deve-se seguir a estrutura apresentada nas
questões. A visão completa da estrutura do site pode ser acessada no seguinte link:
https://encurtador.com.br/rBWZ5
1) (1 ponto) Crie o projeto para seu site (HTML e CSS) utilizando a ferramenta de
sua preferência. Agora faça os seguintes passos:
a. Coloque uma cor de fundo em sua página;
b. Defina um estilo de fonte para sua página (por exemplo Arial).
c. Desenvolva o título da página. Coloque uma cor de fundo e cor de fonte
de sua preferência.

2) (2 pontos) Crie uma seção com as tags <div>, <h2>, <img>, <p> e <a>. A seção
deve se parecer com a imagem abaixo. Adicionalmente, o parágrafo deve ser
formatado, isto é, deve possuir um recuo na primeira linha, fonte de tamanho
22px e texto justificado. Na div deve-se colocar uma borda preta solida de 3px
de espessura.
3) (1 ponto) Crie a seção apresentada na figura abaixo. Para tanto, você deverá
utilizar as tags <div>, <h2> e <img>. Especificamente, deverá utilizar o flexbox
para organizar as imagens lado a lado.

4) (1 pontos) crie a seção apresentada na figura abaixo. Esta seção consiste de

um título (tag <h2>) e uma lista não ordenada (tag <ul> e <li>).

5) (1 pontos) Crie a seção apresentada na figura abaixo. Neta etapa, você irá
incorporar um vídeo do youtube em sua página. A tag utilizada é <iframe>,
entretanto você poderá obter todo o código na própria página do youtube.

6) (1 ponto) Crie o rodapé do seu site conforme apresentado na figura abaixo.

Utilize as tags <footer>, <h4>. Além disso, coloque o símbolo de copyright ©.