Present: II WEB DINAMICA Y FORMULARIOS
12
UNIVERSIDAD NACIONAL EXPERIMENTAL “FRANCISCO DE MIRANDA” AREA CIENCIAS DE LA EDUCACION Sistemas de Información I SIN734 Laboratorio I: Paginas Web Dinámicas (Lenguaje HTML) Prof. Ing. Néstor Laguna
-
Upload
enrique-gutierrez -
Category
Education
-
view
929 -
download
1
description
Parte II Introdución a HTML
Transcript of Present: II WEB DINAMICA Y FORMULARIOS
UNIVERSIDAD NACIONAL EXPERIMENTAL“FRANCISCO DE MIRANDA”
AREA CIENCIAS DE LA EDUCACION
Sistemas de Información ISIN734
Laboratorio I: Paginas Web Dinámicas(Lenguaje HTML)
Prof. Ing. Néstor Laguna
Lenguaje HTML
LINEAS HORIZONTALES El elemento para crear una línea horizontal es HR. Este "tag" no necesita un "tag" de cierre y a este elemento podemos darle distintos atributos. width para definir el largo de la línea con un cierto número de pixel o un porcentaje del documento> size para asignar el ancho de la línea.
Línea de 100 pixels <HR WIDTH=100>
Línea de un 50% del ancho del documento<HR WIDTH=50%>
Línea con 10 de ancho<HR SIZE=10>
LOS PARRAFOS Y EL CAMBIO DE LINEA Para mantener el texto formando un párrafo o bloque de texto utilizamos el "tag" <p>aqui va el texto</p>
PASAR A LA SIGUIENTE LINEACuando queremos pasar el texto a otra línea podemos utilizar el "tag" <br> que no tiene tag de cierre.Si queremos separar el siguiente texto en varias líneas.
-Coro -Churuguara -Punto Fijo -Caracas
Pondremos:-Coro <br>-Churuguara <br>-Punto Fijo <br>-Caracas <br>
Lenguaje HTML
INSERTAR IMAGENES Para insertar imágenes utilizamos <img src="aquí ponemos la dirección de la imagen">.Este tag no tiene tag de cierre.
Si lo guardamos en el MISMO directorio que el fichero HTML que estamos creando la instrucción para insertar la imagen de la ejecutiva nos queda:<img src=“nombreArchivo.gif">
En caso de no guardar la imagen en el mismo directorio se debe ubicar la dirección de la siguiente forma:<img src=“C:/imagenes/nombreArchivo.gif">
Lenguaje HTML
Lenguaje HTML
ATRIBUTOS DE LA PAGINA O ATRIBUTOS DE "BODY“
Al "tag" body podemos añadirle una serie de atributos de color para asignar un color diferente:
A) Al fondo del documento con BGCOLORB) Colocar una imagen de fondo BACKGROUNDC) LINK para cambiar el color de los enlacesD) VLINK para cambiar el color de los enlaces ya visitados por el usuario
Lenguaje HTML
FORMULARIOS
Son herramientas a través de los cuales, un sitio web obtiene información de los visitantes, desde quejas hasta ordenes de procesamiento. Estos pueden estar definidos como un área en la pagina HTML, conteniendo elementos de entrada que permitan al usuario ingresar información que pueda ser enviada a algún programa servidor para procesamiento adicional.
FORMULARIOSAlgunos de los elementos del formulario son los campos de texto, campos de área de texto (textarea), menú desplegable (drop-down menu), listas de selección (select list), botones de radio (radio buttons), cajas de verificación (check boxes), etc.
La creación de formulario involucra dos etapas básicas:
•La parte que es visible y es llenada por el visitante•La parte que no es visible al visitante y que especifica como el servidor debe procesar la información.
Lenguaje HTML
Lenguaje HTML
FORMULARIOS
El primer paso en la creación de un formulario es insertar la etiqueta <FORM> dentro de la etiqueta <BODY> y agregar los botones de Submit y Reset. Estos botones son componentes fundamentales de un formulario que permiten al visitante enviar la información y si es necesario limpiar las selecciones.
Lenguaje HTML
ELEMENTOS DEL FORMULARIO
Campos de TextoSon aéreas en blanco en el formulario donde el visitante puede ingresar información de texto desde el teclado, como el nombre y la dirección.
EJEMPLOS:
<input type="text" name="nombre" size="15" maxlength="15">
<input type="text" name=“direcc" size=“25" maxlength=“30">
Lenguaje HTML
Botones de radioSe usan cuando los visitantes tienen que escoger una única opción de un listado. Son usados para opciones de Masculino o Femenino; Si o No.EJEMPLO:
<P>Por favor seleccione la opcion mas apropiada:<br><input type="radio" name="compra" value="regular" checked>
Opcion 1.<br><input type="radio" name="compra" value="a_veces">
Opcion 2.<br><input type="radio" name="compra" value="nunca">
Opcion 3.</P>
Lenguaje HTML
Cajas de VerificaciónPermiten a los visitantes seleccionar uno o mas ítems de una lista de opciones. Las cajas de verificaciones ayudan a obtener múltiples respuestas de los visitantes.EJEMPLO:
<P>Yo estoy interesado en (elegir todo lo que aplique)<input type="checkbox" name="Excursionismo" value="excursionismo" checked>Excursionismo<input type="checkbox" name="Alpinismo" value="alpinismo">Alpinismo<input type="checkbox" name="Esqui" value="esqui">Esqui
</P>
Áreas de Texto
Son campos para el ingreso de textos extensos. Las áreas de texto son útiles cuando los visitantes tienen que enviar resúmenes completos o algún comentario. EJEMPLO:
<P>Comentarios:<br><TEXTAREA name="comentarios" cols="35“ rows="3">
</TEXTAREA></P>
Lenguaje HTML
