1) A partir de um formulário calcular o IMC – Índice de Massa Corporal e informar ao usuário se o mesmo está magro, normal, sobrepeso ou obeso.

2) Desenolver uma aplicação web client-side para gerenciar um carrinho de compras simples. As informações necessárias a serem cadastradas no carrinho são: Nome do Produto, Valor e no final o total com a somatória de todos os produtos cadastrados. Se for removido algum produto o total deverá ser atualizado.

3) Desenvolver uma aplicação web client-side que a partir da data de nascimento se obtenha a quantidade em anos. ex.: 07/09/1961 = 48 anos.

4) Desenvolver um formulário em XHTML que altere o título da página conforme foi informado no formulário. Para que isso aconteça é só usar a instrução document.title.

Orientações:

• Clique na imagens para ampliá-las.
• Faça download das imagens utilizadas nas formatações do formulário clicando aqui.
• Para cada layout foi disponibilizado uma série de cores em hexadecimal, são apenas sugestões, utilize sua criatividade para alterá-las se achar necessário.

Segundo Diego Eis o formulário depois do link é o elemento mais utilizado pelos usuários para interagir com a web. Ele postou um vídeo de como desenvolver um formulário em 8 minutos.

Para os interessados em aprofundar no assunto segue alguns links abaixo:

• Construindo Formulários Acessíveis
• CSS-Based Forms
• Applying CSS to forms
• The Form Garden
• Forms

Conhecer e saber empregar seletores ajuda a manter o código XHTML bem mais limpo, evitando o uso desnecessário de elementos e atributos extras na marcação.

Para se aprofundar no assunto visite os links abaixo:

• Seletores CSS - Parte 1
• Seletores CSS – Parte 2
• Seletores CSS – Parte 3
• Seletores CSS – Interativo

Visitem também o blog CSS no Lanche, uma ótima fonte de informações para quem está iniciando com as CSS.

E para darmos início ao nosso estudo sobre JavaScript segue alguns links abaixo:

• Tutorial JavaScript 1
• Tutorial JavaScript 2
• Tutorial JavaScript 3
• JavaScript Orientado a Objetos

CSS é a abreviação para os termos em inglês Cascading Style Sheets, traduzido para o português como Folhas de Estilo em Cascata. Cabem às CSS todas as funções de apresentação de um documento web, tais como fontes, cores e espaçamento. Para um estudo mais detalhado sobre CSS visitem o site do Maujor. Este site é considerado por muitos e inclusive por mim, como uma referência nacional sobre às CSS. Vale a pena visitar inúmeras vezes.

Abraços a todos.

A linguagem HTML – Hypertext Markup Language – foi desenvolvida por Tim Berners-Lee e desde a explosão da Internet, durante os anos 90, ela tem se firmado como linguagem universal para ligar informações a partir de computadores de todo o mundo.

XHTML

A XHTML é um reformulação da linguagem HTML baseada na XML (Extensible Markup Language). HTML e XHTML são linguagens bastante parecidas. Um documento XHTML é quase idêntico a um documento HTML, visto que ambas as linguagens utilizam o mesmo conjunto de elementos.

A linguagem de marcação (X)HTML é constituída de elementos e atributos. Os nomes dos elementos foram escolhidos levando em conta a destinação do elemento. Assim, um elemento (X)HTML destinado a marcar um cabeçalho recebeu o nome heading que, em inglês, significa cabeçalho ou título. O elemento destinado a marcar parágrafos foi denominado paragraph, cujo significado é parágrafo, e assim por diante.

Dúvidas, reclamações ou sugestões deixem seus comentários.
Abraços a todos.