Unidad 1: El lenguaje de Marcado HTML y Las Tecnologas de Aplicaciones Web.

Aprendizaje esperado 1.1: Desarrolla aplicaciones Web elementales, compuestas de etiquetas bsicas y de formulario.
Paola A. Cifuentes Berros Ingeniero en Computacin e Informtica paola.cifuentes02@inacapmail.cl Docente Universidad Tecnolgica de Chile INACAP - ARICA

Criterios de evaluacin
Reconoce conceptos del lenguaje HTML asociados a la estructura de un documento. Aplica etiquetas bsicas en la construccin de una pgina Web a partir de requerimientos especificados por el docente. Confecciona pginas Web con formularios en funcin de requerimientos definidos por el docente.

CONTENIDOS
Definicin de conceptos de HTML Estructura de un documento HTML Sintaxis de las etiquetas Comentarios y caracteres especiales Etiquetas bsicas y sus propiedades: Vnculo Imagen Formato de texto Tablas Applet Etiquetas de formularios 6. Formulario 1. 2. 3. 4. 5.

5.6 Etiquetas de formularios

Qu es un Formulario? Seccin de un documento con elementos especiales denominados controles. Los elementos de un formulario pueden ser enviados a un agente para ser procesados. Nace con el concepto de dar interaccin al usuario con la pgina. Ejemplo, formulario de contactos. Se utiliza la etiqueta o tag <form>..</form>

Anlisis de casos 6
En un formulario se pueden considerar elementos como: TextField TextArea Select Button ( tipo button, submit, reset) Radio (Option y Check) En algunos navegadores los elementos mencionados anteriormente slo son visibles si son parte de una formulario. Desarrollar Gua Prctica N 6 Confeccionar una pgina que permita calificar un sitio. Se debe ingresar el nombre y mediante un control de tipo select elegir un valor entre 1 y 10.

6. Formulario
Tag <form> El comienzo de un formulario esta dado por <form> y el fin del formulario por </form> Atributos del tag <form> name: nombre con el cual podr ser accesido un formulario a travs de cdigo dinmico y javascript. action: define la URL del archivo encargado de procesar el requerimiento de envi del formulario. method: mtodos de envi del formulario. Get o Post. target: en caso de que se este trabajando con frame se especifica el nombre de este.

Mtodos de envo
Son dos mtodos de envo soportados por HTTP. Mtodo POST Es el ms utilizado Es ms seguro Los datos viajan ocultos una vez que se localiza la URL del action del formulario Mtodo GET Es el ms utilizado por buscadores Los datos se agregan a la URL del action del formulario y son visibles Est limitado en tamao

Submit de un formulario
Para que el formulario sea enviado hacia el servidor o bien ejecute el action, debe ser enviado. El formulario tiene un mtodo de envo que se llama submit. Este puede ser gatillado a travs de un tipo de botn submit o bien a travs de cdigo JavaScript.

Elementos de un formulario
TextField <INPUT type=text" name="" value=""> TextField Oculta <INPUT type=hidden" name="" value=""> TextField Password <INPUT type=password" name="" value=""> Buttn <INPUT type=button" name="" value=""> Buttn Submit <INPUT type=submit" name="" value=""> Buttn Reset(Limpia el formulario) <INPUT type=reset" name="" value=">

Anlisis de casos 7
TextArea(Areas de Texto) <textarea name= cols= rows=> </textarea> Select (combobox) <select name> <option value=>....</option> </select> Desarrollar gua 7 Construir un formulario en una pgina HTML.

Referencias Bibliogrficas
HTML YA, curso on-line en http://www.htmlya.com.ar/, acceso 01/03/2011.
HTML Fcil, tutorial HTML, en http://www.webestilo.com/html/, acceso 20/03/2010. HTML con clase, tutorial HTML, en http://html.conclase.net/tutorial/html/, acceso 30/03/2010. Manual de HTML, documento HTML, en http://www.webtaller.com/manual-html/formularios.php, acceso 13/04/2010.