Programação HTML: Conceitos e Práticas

ETAPA 3 (tempo para realização: 10 horas)

 Aula-tema: Programação HTML: conceitos e prática. Apresentação de ferramentas para criação de páginas. Programação HTML: criação de formulários. Programação HTML: frames e imagens.

Esta atividade é importante para que você entenda como é realizada a criação de páginas Web através da HTML e como utilizar a ferramenta de desenvolvimento Microsoft FrontPage.

Para realizá-la, é importante seguir os passos descritos.

PASSOS

Passo 1 (Aluno)

Pesquisar na Internet sobre como construir páginas HTML utilizando a ferramenta de desenvolvimento de páginas Web com o Microsoft FrontPage.

Passo 2 (Aluno)

Conhecer o site da Microsoft que traz um tutorial sobre o Front Page. Disponível em: <http://office.microsoft.com/en-us/training/CR006183270.aspx>. Acesso em: 25 ago. 2011. Neste site pode-se navegar pelos conteúdos do tutorial e conhecer informações sobre HTML e a ferramenta Front Page.

Passo 3 (Equipe)

Desenvolver as páginas do site da academia utilizando como ferramenta de apoio o editor Microsoft FrontPage. As páginas devem seguir o diagrama a seguir:

Figura 1: Organização do Site

CST em Gestão da Tecnologia da Informação – 2ª Série – Ferramentas de Desenvolvimento para Web

Walter Gima

Pág. 7 de 9

A equipe tem liberdade para desenvolver o layout das páginas do site, porém as páginas destacadas em negrito devem abordar as exigências a seguir:

 A equipe vai definir os textos e imagens de todo o conteúdo do Site.

 História, Institucional e Contato: textos devem estar contidos pela Tag div (<div>texto</div).

 Contato: formulário para envio de informações contendo os campos: nome, cidade, idade, sexo, e-mail, observação, botão de envio e botão de limpar formulário.

 Dicas de Exercício: utilize tabelas e listas para organizar conteúdo (textos sobre dicas de exercício).

 Dicas de Saúde: utilize tabelas e listas para organizar conteúdo (textos sobre dicas de saúde) e formulário com os campos: nome, peso, altura, botão limpar formulário e botão calcular IMC.

 Todas as páginas devem conter imagens.

 A página principal deve conter links para todas as outras páginas do Site.