FACULDADE DE TECNOLOGIA SENAC PELOTAS

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas

Programação para Internet – Edécio Fernando Iepsen

Trabalho #1: HTML, CSS, SEO e Responsive Web Design

Apresentação: 14/09/2021

A pousada "Recanto da Natureza" localizada no interior munícipio de Pelotas necessita de um site para
divulgar ao público em geral as suas atividades. As características do site são as seguintes:

- O site deve conter uma página principal, contendo:

- Nome da empresa, logo (pequeno) e dados de contato.
- Links para as páginas Hospedagens e Reservas
- Imagem em destaque da pousada
- Informações sobre os serviços oferecidos (café da manhã, piscina, restaurante, garagem, passeio a
cavalo, ...)
- Mapa e endereço

Obs.: A imagem em destaque deve ser substituída por uma imagem menor caso a resolução do dispositivo
utilizado para acessar a página tenha largura inferior a 480px. O mapa não deve ser exibido neste caso,
apenas o endereço.

- A página Hospedagens deve exibir uma tabela com as características dos quartos e preços das diárias para
casal e individual. O layout da página inicial (nome da empresa e menu de navegação) deve ser mantido.

- A página Reservas deve conter, no mínimo, 4 tipos diferentes de campos de formulário. O layout da
página inicial (nome da empresa e menu de navegação) deve ser mantido.

Obs.: para melhor posicionar o site nas buscas realizadas no Google, a empresa solicita que sejam definidas
as metatags de SEO nas páginas do site.
Cada página do site deve conter uma linha com o conteúdo de maior relevância destacado pelas tags <h1>.
O menu de navegação deve ficar entre as tags <nav>

- A tag h1 deve conter uma formatação de estilo (CSS) indicada em um arquivo .css externo e referenciado
nas 3 páginas do site.

O layout fica a escolha do aluno, apenas a estrutura deve ser mantida nas 3 páginas do site.