Você está na página 1de 2

FACULDADE CENECISTA NOSSA SENHORA

Mantida pela Campanha Nacional de Escolas da Comunidade CNEC Credenciada pela Portaria Ministerial 1.267 de 25/04/2002 D.O.U. 26/04/2002

DOS

ANJOS

www.facensa.com.br

Curso: Sistemas de Informao Disciplina:Linguagens de Programao III Professor: Daniel Wildt (dwildt@via-rs.net)

Esta lista de exerccios serve como apoio ao estudo de HTML e JavaScript. Para auxiliar na construo dos cdigos, voc pode utilizar o editor HTML 1st Page 2000, editor gratuito e muito poderoso que pode ser obtido em http://www.evrsoft.com/1stpage2.shtml 1) Descreva o funcionamento das seguintes tags HTML: <H3> ... </H3>: _______________________________________

Exerccios HTML e JavaScript

<HR>: _______________________________________ <Form ...> ... </Form>: _______________________________________ <input type=text ...>: _______________________________________ <input type=hidden ...>: _______________________________________ <select ...> ... </select>: _______________________________________ <textarea ...> ... </textarea>: _______________________________________

2) Construa um formulrio HTML com os seguintes campos: Nome: Texto, usurio pode digitar no mximo 30 caracteres. Idade: Caixa de seleo (lista ou combo) com os itens: Entre 0 e 18 Entre 19 e 25 Entre 26 e 35 36 ou Mais Sexo: Dois botes de radio, tendo um radio o value Masculino e outro radio com o value Feminino. E-Mail: Texto, usurio pode digitar no mximo 80 caracteres. Observaes: TextArea com sete linhas e 40 colunas. 3) Implemente um teclado virtual, utilizando HTML e JavaScript. Crie um formulrio, coloque um <input type=text> para armazenar os dados sendo digitados no teclado virtual Implemente o teclado virtual atravs de botes <input type=button> ou atravs de links <a href=>1</a>. O teclado tem teclas de zero a nove para o usurio poder digitar. Criar uma funcionalidade para apagar o ltimo caractere digitado. 4) Quala utilizade das funes alert, confirm e prompt? 5) Com base no tutorial disponvel no site: http://developer.netscape.com/docs/technote/index.html?content=javascript/window/index.html podemos ver exemplos de como abrir janelas de forma personalizada. Considere o cdigo abaixo:
<html> <head><title>Untitled</title></head> <body> <script language="javascript"> function open_window(url) { //Last revision 4/26/97 by Mark Lavi windowFeatures = "toolbar=no,location=yes,directories=no,status=yes,"+ "menubar=no,scrollbars=yes,resizable=yes,width=500,height=300"; content = window.open(url, "teste", windowFeatures);

} </script> <a href="javascript:open_window('http://www.rsjug.org')"> abre janela </a> </body> </html> Faa testes modificando os valores setados em windowFeatures, exemplo: toolbar=yes,location=no,

verifique as diferentes formas de abertura de janelas.

6) Crie uma funo JavaScript para facilitar o processo de abertura de janela, que tenha parmetros booleanos indicando quais parmetros da janela queremos habilitados ou no. 7) Faa uma pesquina no link http://wp.netscape.com/eng/mozilla/3.0/handbook/javascript/ E procure no lado esquerdo por String. Voc vai notar que assim como acontece no Java, o objeto String do JavaScript possui uma srie de parmetros disponveis. Descreva duas funcionalidades implementadas pelo mtodo String. Exemplo: bol e italics. Para testar, faa um script e utilize a funcionalidade de exemplo: - teste = varivel Teste; - document.write(teste.bold().italics()); 8) Para quem se lembra do StringTokenizer do Java, no JavaScript temos a funo split do JavaScript, que nos permite uma srie de facilidades de uso. Exemplo este cdigo abaixo: http://wp.netscape.com/eng/mozilla/3.0/handbook/javascript/, procure por um cdigo. 9) Crie um formulrio com duas caixas de texto, data inicial e data final. Faa um boto para submeter o formulrio e no onValidate do formulrio, coloque cdigo para assegurar que a data inicial e final esto corretas e que a data inicial menor que a final. Utilize o JavaScript para preencher as / automaticamente. 10) Faa uso das funes JavaScript para validar campovazio, para validar campos obrigatrios de um formulrio durante a semana. 11) Como um desafio da disciplina, monte com o que voc sabe uma pgina pessoal para divulgar os seus trabalhos dentro da disciplina e deixando informaes que voc considera importante. 12) Faa testes modificando os atributos do arquivo .css. Crie blocos personalizados, e associe as classes definidas e faa testes de apresentao destas classes.

Você também pode gostar