Formularios y objetos
|
|
|
- Ana Lara Cruz
- hace 7 años
- Vistas:
Transcripción
1 Formularios y objetos Pere Barnola Augé P08/93133/01508
2
3 Índice 1. Formularios Elementos Form Input Campos de texto Radiobuttons y checkboxes Botones de acción Listas de opciones o desplegables Etiquetas (label) Agrupación de campos (fieldset) Los métodos TABLA y GET Objetos Propiedades y definición Ejemplos comunes... 30
4
5 5 1. Formularios El formulario es posiblemente la herramienta más utilizada en Internet para obtener datos e información sobre la gente que navega por la web. La idea de los formularios es recoger información que el usuario, mediante su interacción con éstos, nos envía para, después, ejecutar una determinada acción. Ejemplo Los casos más comunes en Internet de formularios son, por ejemplo, los buscadores, donde el usuario introduce un texto y la web le devuelve los resultados más adecuados, o por ejemplo, cuando queremos comprar un producto y tenemos que rellenar una serie de datos personales para completar el proceso de compra. A grandes rasgos, diremos que la información que el usuario de una web introduce en el formulario es enviada para que se procese en el servidor. El servidor es el ordenador donde la web está alojada, y será quien realice los procesos convenientes para después enviar un mensaje de respuesta al usuario. No entraremos en más detalles sobre la parte que realiza el servidor, ya que se va bastante del ámbito de esta asignatura, y no tendríamos bastante tiempo para verlo adecuadamente. Para hacer más comprensible este punto, iremos construyendo un formulario a medida que vamos estudiando las partes, de la misma manera que hicimos en el módulo 2. Para esta tarea, crearemos un archivo nuevo con el blog de notas que guardaremos con el nombre de "formulario.html". Para empezar, introduciremos el siguiente código, con el cual crearemos un archivo XHTML básico: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> </body> </html>
6 Elementos Los elementos interactivos que tenemos a nuestra disposición para crear formularios son los siguientes:<b> <form>, <input>, <select>, <option> </b> y <b><textarea></b>. Estos elementos son suficientes, como veremos, para indicar a nuestro navegador cómo tiene que recoger la información, y cómo se enviará al servidor Form Lo primero que nuestro formulario tiene que tener es el elemento "form". Este elemento no sólo es imprescindible para la construcción de cualquier formulario, sino que todos los elementos que necesitamos para construirlo tienen que estar dentro de este elemento. Hallamos tres posibles atributos: 1) Action Este atributo indica la acción que realizará nuestro formulario. Por ejemplo, si queremos que nuestro formulario envíe un correo electrónico, el código sería una cosa así: <form action=mailto:direccion@correo.com></form> Si lo que queremos es que la información del formulario sea enviada al servidor para que ejecute el proceso, tenemos que indicar la URL del archivo donde se realizará este proceso. El código lo escribiríamos de esta manera:
7 7 <form action="/php/proceso_formulario.php"></form> 2) Method Este atributo define de qué manera los datos del formulario serán transmitidos al servidor. Las dos opciones que puede tener este atributo es "GET" o "TABLA". Más adelante, veremos en qué consiste cada una. <form action="/php/proceso_formulario.php" method="post"></form> 3) Enctype Con este atributo, especificamos el tipo de encriptación de datos del formulario antes que el servidor las reciba. Sólo funcionará en el caso de que el atributo method tenga como valor "TABLA". Encriptar los datos quiere decir, a grandes rasgos, codificar estos datos antes de enviarlos al servidor. Los tipos de valores que puede tener este atributo son: "application/x-www-form-urlencoded": es el valor por defecto si no le especificamos ninguno. Esta codificación será suficiente para la mayoría de los formularios. "multipart/form-data": especificaremos este valor en caso de que en nuestro formulario esté la posibilidad de adjuntar algún tipo de archivo. <form action="/php/proceso_formulario.php" enctype=" application/x-www-form-urlencoded"></form> Siguiendo con nuestro documento de ejemplo, añadiremos el código siguiente: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> </form> </body> </html>
8 Input El elemento "input" es el segundo en importancia, ya que podemos decir que éste es un elemento multifunción. Esto quiere decir que con este mismo elemento se pueden generar "radiobuttons", "checkboxes" o campos para introducir texto, entre otros. Para hacerlo, al atributo "type" tendremos que especificar el tipo de elemento que queremos generar. Los posibles valores de este atributo son: "text", "password", "checkbox", "radio", "submit", "resed"image" y "hidden". Veremos los más importantes acto seguido. Otro atributo a tener en cuenta es "name". Todos los elementos de tipo "input" tienen que tener este atributo, que nos permitirá asignar un nombre al elemento. Así nos será posible relacionar el contenido o valor de este elemento con el nombre que hemos especificado Campos de texto Para crear una caja de texto donde el usuario pueda introducir texto, lo haremos indicando al atributo "type" el valor "text": <input type="text" > Los atributos que pueden tener este tipo de elementos y sus funcionalidades son los siguientes: Maxlenght. Determina el máximo de caracteres que se pueden introducir en la caja de texto.
9 9 Size. Con este atributo podemos especificar la medida de la caja de texto que verá al usuario. Value. El valor que contenga este atributo indicará el texto que, por defecto, saldrá inicialmente en la caja de texto. Disabled. Nos sirve para desactivar la caja de texto. Una vez desactivada, el usuario no podrá escribir nada en el campo de texto. Tabindex. Especifica el orden del tabulador para este elemento con respecto a los otros elementos del formulario. Es decir, cada vez que el usuario haga clic en la tecla "TABULADOR" de su teclado, se activará el siguiente elemento según el orden que tenga en su atributo "tabindex". Alt. Sirve para indicar una pequeña descripción al elemento. Introduciremos unos cuantos campos de texto en nuestro documento de ejemplo: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> Escribe tu nombre <input type="text" name="nom" id="nom" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> </form> </body>
10 10 </html> Como vemos, en el código nos encontramos, aparte del elemento <input> que acabamos de estudiar, el elemento. Este elemento lo explicaremos con detalle más adelante, pero lo incluiremos ahora para hacer más comprensible la elaboración del formulario: Si visualizamos ahora este archivo en un navegador, lo veremos así: Como vemos en la imagen, tenemos tres cajas de texto donde el usuario podrá introducir los diferentes datos que se piden (nombre, correo electrónico y teléfono).
11 Radiobuttons y checkboxes Tanto los radiobuttons como los checkboxes son unos botones especiales que permiten al usuario escoger una determinada opción. Ejemplo Por ejemplo, si en nuestro formulario queremos hacer una pregunta al usuario del estilo " Tienes carné de conducir?", podremos indicarle las diferentes respuestas ("sí" y "no") con dos radiobuttons, uno para cada posible respuesta. La diferencia mayor entre los radiobuttons y los checkboxes es que los primeros permiten al usuario seleccionar una entre varias opciones, mientras que los segundos dan la posibilidad de escoger una o más opciones de respuesta. Pasaremos a comentar cada uno en detalle. Radiobuttons Como hemos avanzado antes, los radiobuttons permiten que el usuario sólo pueda escoger una de las posibles opciones de selección cuando el atributo "name" de los radiobuttons es el mismo. De hecho, cuando hacemos clic sobre un radiobutton, éste quedará seleccionado y el resto de radiobuttons que tengan el atributo "name" igual se deseleccionarán. Gráficamente, los radiobuttons se visualizan como pequeños botones redondos que, una vez están seleccionados, aparecen con un pequeño icono redondo dentro. Veremos un ejemplo de ello y lo comentaremos: Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Si <br /> <input type="radio" name="gusta" id="no" value="no" /> No
12 12 Como vemos, todo el conjunto de radiobuttons que forman las diferentes respuestas a una misma pregunta (en nuestro ejemplo es " Te gusta nuestra web?"), llevan el mismo valor para el atributo "name". No obstante, el valor del atributo "value" sí que es diferente para cada opción. Esto hará que, si seleccionamos la primera opción, el servidor recibirá la siguiente información: [gusta=sí] y si seleccionamos la segunda, el servidor recibirá: [gusta=no] Otro atributo que vemos que presenta el primer radiobutton es "checked". Con este atributo indicamos cuál de las opciones tiene que aparecer como seleccionada por defecto, en caso de que así lo quisiéramos hacer. Volvamos al archivo que estamos creando y añadamos los radiobuttons: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> Escribe tu nombre <input type="text" name="nombre" id="nombre" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Sí
13 13 <br /> <input type="radio" name="gusta" id="no" value="no" /> No </form> </body> </html> Vemos cómo lo visualiza el navegador:
14 14 Podemos ver, tal como hemos explicado, que de las dos opciones de respuesta que damos a la pregunta " te gusta nuestra web?", una sale marcada por defecto con una redonda verde dentro del radiobox de la respuesta "sí". Checkboxes Los checkboxes, a diferencia de los radiobuttons, mantienen el mismo valor para el atributo "value", pero cambian el valor del atributo "name". Es así porque las respuestas pueden ser múltiples; por lo tanto, no hay una relación entre ellas de forma excluyente. Lo veremos claramente añadiendo unos checkboxes en nuestro archivo de ejemplo: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> Escribe tu nombre <input type="text" name="nombre" id="nombre" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Sí <br /> <input type="radio" name="gusta" id="no" value="no" /> No
15 15 Cómo podemos contactar contigo? <br /> <input type="checkbox" name="contactar" id="contactar_telefono" value="contactar_telefono"/> Por teléfono <br /> <input type="checkbox" name="contactar" id="contactar_ " value="contactar_ " /> Por </form> </body> </html> Y si lo visualizamos en un navegador tendríamos este resultado:
16 16 Como veremos en la imagen, la diferencia entre los checkboxes y los radiobuttons también se ve en lo visual. Los checkboxes aparecen como botones cuadrados que, cuando están seleccionados, se muestran con una "marca" dentro. Lo vemos en la siguiente imagen: De la misma manera que hemos visto con los radiobuttons, podemos hacer uso del atributo "checked" para marcar una opción por defecto Botones de acción Los botones de acción son útiles en los formularios para enviar los datos, ejecutar funciones personalizadas, etc. Los botones de acción más comunes en los formularios son los de submit (envío de los datos) y los de reset (restablece los campos del formulario a sus valores por defecto). Veremos en profundidad estos dos tipos.
17 17 Submit Este es el botón que permitirá enviar automáticamente la información del formulario cuando hagamos clic encima. Para conseguir un botón de este tipo tenemos que dar al atributo "type" el valor de "submit", tal como vemos en el ejemplo. <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> Escribe tu nombre <input type="text" name="nombre" id="nombre" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Sí <br /> <input type="radio" name="gusta" id="no" value="no" /> No Cómo podemos contactar contigo? <br /> <input type="checkbox" name="contactar" id="contactar_telefono" value="contactar_telefon"/> Por teléfono <br />
18 18 <input type="checkbox" name="contactar" id="contactar_ " value="contactar_ " /> Por <input type="submit" name="submit" id="submit" value="enviar el formulario" /> </form> </body> </html> Vemos cómo interpreta nuestro código el navegador:
19 19 Con el atributo "value", especificaremos el texto que queremos que aparezca dentro del botón de "submit", en nuestro caso "Enviar el formulario". Reset Es posible que el usuario, una vez haya rellenado el formulario, quiera reiniciarlo y volver a escribir la información. Para esta tarea utilizaremos el botón de "reset", que sirve para restablecer los campos del formulario a sus valores por defecto. Para crear un botón "reset", lo haremos de la forma siguiente: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> Escribe tu nombre <input type="text" name="nom" id="nom" />
20 20 Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Sí <br /> <input type="radio" name="gusta" id="no" value="no" /> No Cómo podemos contactar contigo? <br /> <input type="checkbox" name="contactar" id="contactar_telefono" value="contactar_telefono"/> Por teléfono <br /> <input type="checkbox" name="contactar" id="contactar_ " value="contactar_ " /> Por <input type="submit" name="submit" id="submit" value="enviar el formulario" /> <input type="reset" name="limpieza" id="limpieza" value="limpiar el formulario" /> </form> </body> </html>
21 21 Vemos el resultado de nuestro código en el navegador: Listas de opciones o desplegables Las listas de opciones son otra manera de dar al usuario la opción de escoger una o varias respuestas. Veremos un ejemplo de ello y lo comentaremos: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es">
22 22 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title> </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> Escribe tu nombre <input type="text" name="nombre" id="nombre" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Sí <br /> <input type="radio" name="gusta" id="no" value="no" /> No Cómo valorarías nuestra web? <Select name="valoracion" id="valoracion"> <option value="10" selected="selected">muy buena</option> <option value="7">buena</option> <option value="5" >normal</option> <option value="3">mala</option> <option value="1">muy mala</option> </Select> Cómo podemos contactar contigo? <br /> <input type="checkbox" name="contactar" id="contactar_telefono" value="contactar_telefono"/> Por teléfono <br />
23 23 <input type="checkbox" name="contactar" id="contactar_ " value="contactar_ " /> Por <input type="submit" name="submit" id="submit" value="enviar el formulario" /> <input type="submit" name="limpieza" id="limpieza" value="limpiar el formulario" /> </form> </body> </html> El par de etiquetas <select> definen nuestra lista. Una vez creada, iremos introduciendo las diferentes opciones que el usuario tiene que escoger. Eso lo haremos mediante el elemento <option>. Vemos que cada elemento <option> tiene un atributo "value" diferente, mientras que el elemento <select> tiene un atributo "name". Eso quiere decir que, cuando enviamos la información del formulario, el atributo "name" se asociará con el valor del atributo "value" del elemento que el usuario haya escogido. Es decir, si el usuario escoge la segunda opción, el formulario se enviará con la siguiente información: [valoracion=7] Vemos en la imagen siguiente cómo se visualizaría nuestra lista:
24 24 Como podemos ver en la imagen, las listas, por defecto, vienen juntas y una vez hacemos clic encima, se despliegan y muestran todas las opciones que tienen. Veamos en la imagen siguiente el efecto que tiene sobre nuestra lista cuándo hacemos clic encima: Si queremos que nuestras listas aparezcan siempre desplegadas, añadiremos el atributo "size" al elemento "select". El valor que indicamos en este atributo delimitará la altura que tendrá nuestra lista. Veámoslo en un ejemplo: Cómo valorarías nuestra web? <Select name="valoracion" id="valoracion" size=4> <option value="10" selected="selected">muy buena</option> <option value="7">buena</option> <option value="5" >normal</option> <option value="3">mala</option> <option value="1">muy mala</option> </Select>
25 25 Como vemos en la imagen, la altura de nuestra lista equivale a cuatro elementos. Si hay más opciones de las especificadas en el atributo "size", como es el caso de nuestro ejemplo, saldrá un pequeño scroll en la parte derecha que nos permitirá acceder a todas las opciones Etiquetas (label) Las etiquetas son los textos que describen cada elemento que forma parte de un formulario. Por lo tanto, siempre irán asociadas a otros elementos. Estos elementos recibirán el nombre de controles. Las etiquetas sirven para ayudar al usuario a entender la función de cada control. Entre otras cosas, describen el contenido de los campos de texto, y dan nombre a los valores de los checkboxes y radiobuttons. Al principio de este capítulo hemos comentado que utilizaríamos etiquetas para hacer más entendedor nuestro ejemplo. Recordemos el código que vamos a utilizar: Escribe tu nombre <input type="text" name="nombre" id="nombre" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono
26 26 <input type="text" name="telefono" id="telefono" /> El resultado que entonces obteníamos en el navegador era así: Agrupación de campos (fieldset) Este elemento nos permite agrupar visualmente una serie de elementos del formulario. Es decir, si en nuestro formulario tuviéramos dos partes que quisiéramos diferenciar de manera visual las podríamos englobar con dos elementos "fieldset". Por defecto, el impacto visual que genera un fieldset es la aparición de un rectángulo que engloba los elementos dentro del fieldset. Este rectángulo puede llevar un título para hacer más comprensible la diferenciación. Este título lo especificaremos con el elemento "legend", que puede admitir un atributo "align" que nos permitirá indicar la posición del título. Los valores que puede soportar "align" son "left", "center", "right, top" y "bottom". Continuando con nuestro ejemplo, agruparemos el formulario que hemos creado con dos partes. Una para la parte donde pedimos los datos y otra para la parte del pequeño cuestionario: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="es" lang="es"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>formulario contacto</title>
27 27 </head> <body> <form id="form1" method="post" action="proceso_formulario.php"> <fieldset> <legend>datos personales</legend> Escribe tu nombre <input type="text" name="nombre" id="nombre" /> Escribe el <input type="text" name="apellido" id="apellido" /> Escribe tu teléfono <input type="text" name="telefono" id="telefono" /> </fieldset> <fieldset> <legend>cuestionario</legend> Te gusta nuestra web? <br /> <input type="radio" name="gusta" id="si" value="si" checked="true" /> Sí <br /> <input type="radio" name="gusta" id="no" value="no" /> No Cómo valorarías nuestra web? <Select name="valoracion" id="valoracion"> <option value="10" selected="selected">muy buena</option> <option value="7">buena</option> <option value="5" >normal</option> <option value="3">mala</option> <option value="1">muy mala</option> </Select> Cómo podemos contactar contigo? <br /> <input type="checkbox" name="contactar" id="contactar_telefono" value="contactar_telefono"/> Por teléfono
28 28 <br /> <input type="checkbox" name="contactar" id="contactar_ " value="contactar_ " /> Por </fieldset> <input type="submit" name="submit" id="submit" value="enviar el formulario" /> <input type="submit" name="limpieza" id="limpieza" value="limpiar el formulario" /> </form> </body> </html> Vemos el resultado de este código:
29 Los métodos TABLA y GET Al principio del capítulo, hemos dicho que los datos del formulario se envían al servidor mediante el método indicado al atributo "method" del elemento "form". Pues bien, los dos métodos posibles son "GET" y "POST". La diferencia entre estos dos métodos radica en la forma de enviar los datos del formulario. El método "GET" envía los datos mediante la URL. Ejemplo Por ejemplo, si enviamos un formulario con este método veríamos en la barra de dirección una URL de este estilo: Este método tiene como inconveniente la limitación de la URL. Es decir, si tenemos un formulario con bastantes campos y en el que el usuario puede introducir grandes cantidades de texto, es muy probable que sobrepasemos el límite de 256 caracteres que, como máximo, puede soportar la URL. Una ventaja de este método es que podemos construir enlaces con los valores ya introducidos. Este sistema resulta bastante útil cuando necesitamos comprobar el funcionamiento del formulario y queremos evitar que se tenga que llenar continuamente. Con el método "POST" los datos son enviados de manera invisible por el usuario, ya que la información del formulario se almacena en una parte del servidor. Además, si utilizamos el método "TABLA" no tendremos ninguna restricción con respecto a la cantidad de información que podemos enviar. Actividad. Un formulario de contacto La práctica de este apartado consiste en construir un formulario que contenga todos los elementos que hemos ido viendo.
30 30 2. Objetos Actualmente, además de texto e imágenes, en la web se encuentran a menudo vídeos, sonidos o elementos interactivos. Estos contenidos, independientemente del formato, se identifican como objetos. La etiqueta que los representa es, por lo tanto, "object" Propiedades y definición Los objetos dependerán siempre de un conector (plug-in) para ser reproducidos correctamente en el navegador. Ejemplo Un ejemplo generalizado del uso de conectores es el reproductor de archivos.swf, más conocido por "Flash Player" o reproductor de archivos flash. El hecho de no tenerlo instalado en el navegador hará imposible la visualización de archivos flash. El W3C recomienda el uso del elemento object para incluir estos objetos, declarando, dentro del elemento object, de qué tipo se trata por medio del atributo type, que indicará al navegador cuál es el tipo de conector que tiene que utilizar, su ubicación con el atributo data, así como los parámetros del objeto con los valores respectivos Ejemplos comunes Los ejemplos más comunes a la hora de incluir objetos son para visualizar películas flash interactivas. Para incorporar una de estas películas en nuestra web, tendríamos que especificar el código siguiente: <object type="application/x-shockwave-flash" data="prova.swf" width="550" height="450"> <param name="quality" value="high" /> No tienes el conector de Flash instalado en el navegador </object> Como vemos, tendremos que tener un archivo "prova.swf" en nuestro disco duro, con el fin de poder visualizarlo. Si no tenemos el plugin de Flash instalado en nuestro navegador, se visualizará la parte dentro del elemento object; en nuestro caso, se visualizaría el párrafo siguiente: No tienes el conector de Flash instalado en el navegador
Formularios HTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
Formularios HTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Declaración de un formulario Elemento clave para el desarrollo de aplicaciones
Grupo de Ingeniería del Software. Conceptos básicos de formularios HTML
escuela técnica superior de ingeniería informática HTML Estático: Formularios Departamento de Lenguajes Grupo de Ingeniería del Software Noviembre 2004 Conceptos básicos de formularios HTML Los formularios
HTML: Formularios. Francisco J. Martín Mateos Carmen Graciani Díaz. Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla
Francisco J. Martín Mateos Carmen Graciani Díaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Formularios Un formulario es una zona del cuerpo de un documento HTML con
FORMULARIO HTML PREPARACION DEL FORMULARIO. Que información debes solicitar al visitante de tu web?
FORMULARIO HTML Con este apunte se realizara un sencillo formulario que creará un nuevo mensaje de e-mail en el computador del usuario; y dicho mensaje se rellenará con tu dirección de e-mail (como destinatario),
2. Acción: El atributo action de la etiqueta <form> es el URL del script PHP que procesa los datos de entrada del formulario.
UNIDAD CERO Crear formularios en HTML. La creación de formularios en html es muy importante en el desarrollo de aplicaciones web dinámicas, tomando en cuenta que estos son los encargados (formularios)
A continuación se confeccionara un formulario para el ingreso de un nombre y un botón para el envío del dato ingresado al servidor:
FORMULARIOS BAJO HTML INTRODUCCION A FORMULARIOS Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre
Introducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 3: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en una página
Introducción al desarrollo web (idesweb) - 3 a ed.
Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 4: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en
Introduccion a HTML y Formularios. Gerardo Grinman 5D
Introduccion a HTML y Formularios Gerardo Grinman 5D COMO FUNCIONA LA WEB 1. Cuando se conecta a la web, lo hace a través de un proveedor de servicios de Internet (ISP). Se escribe el nombre de dominio
Los formularios irán delimitados por las etiquetas <FORM> y </FORM>, la cual tiene dos parámetros:
Formularios en HTML Los formularios nos sirven para solicitar información al usuario y procesarla. El formulario se compondrá de diferentes componentes como campos de texto, botones de opción, listas desplegables,...
ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ
CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear
1. Introducción a HTML
Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,
2- Formularios y JavaScript Course: Developing web- based applica=ons
2- Formularios y JavaScript Course: Developing web- based applica=ons Cris*na Puente, Rafael Palacios 2010- 1 Creación de formularios Formularios Un formulario HTML es una sección de un documento que contiene
CREACIÓN DE UNA PÁGINA WEB CON JIMDO
CREACIÓN DE UNA PÁGINA WEB CON JIMDO Con esta sencilla aplicación online se diseñará una página web sobre un tema elegido por cada grupo. Se mandará el enlace de la página web al mail de la asignatura.
MATRIZ DE VALORACIÓN O RÚBRICA. Actividad de evaluación:
MATRIZ DE VALORACIÓN O RÚBRICA Siglema: DEWE-02 Nombre del Módulo: Nombre del Alumno: Docente evaluador: Grupo: Fecha: Resultado de Aprendizaje: 1.2 Elabora páginas web estáticas haciendo uso del lenguaje
MÁS CONTENIDO WEB 2.0
MÁS CONTENIDO WEB 2.0 CURSO PLATAFORMA EDUCATIVA JCYL PODCAST Son archivos de audio con las grabaciones en diferido de distintos programas de la radio, o de blogs, etc. se pueden encontrar en sus páginas
HTML 5 : Formularios
HTML 5 : Formularios El formulario es una interfaz fundamental en las páginas web para interactuar con el usuario. Esta interacción se genera a través de variados elementos, como cajas para introducir
INSTITUTO ELECTORAL DEL ESTADO DE MÉXICO SECRETARÍA EJECUTIVA UNIDAD DE INFORMÁTICA Y ESTADÍSTICA
INSTITUTO ELECTORAL DEL ESTADO DE MÉXICO SECRETARÍA EJECUTIVA UNIDAD DE INFORMÁTICA Y ESTADÍSTICA Guía de uso del Correo Electrónico Institucional Outlook Web App. Noviembre de 2014 Correo Electrónico
En este tutorial vamos ver cómo podemos configurar los ajustes de nuestro perfil de usuario.
En este tutorial vamos ver cómo podemos configurar los ajustes de nuestro perfil de usuario. Estos ajustes se aplicarán a todo lo que hagamos en la plataforma, independientemente de los cursos en los que
Sistema de Gestión y almacenamiento de archivos en el Campus Virtual
Sistema de Gestión y almacenamiento de archivos en el Campus Virtual Página 1 de 15 GESTIÓN DE ARCHIVOS Dentro del Campus Virtual vamos a tener distintas formas de seleccionar y gestionar los archivos.
PHP y MySQL. Indice: - Envia de datos de formulario - Método de envio - La variable de interprete - Envio de archivo - Propiedades
PHP y MySQL Indice: - Envia de datos de formulario - Método de envio - La variable de interprete - Envio de archivo - Propiedades Superglobals Las superglobals son variables que están disponible en todos
Manual de ayuda de la herramienta de comunicación privada Correo Interno
Manual de ayuda de la herramienta de comunicación privada Correo Interno Contenido Introducción... 3 Configuración del bloque... 3 Gestión del bloque... 4 Lista de contactos... 8 Creación y envío de nuevos
CREAR UN BLOG EN BLOGGER
CREAR UN BLOG EN BLOGGER PRIMER PASO Lo primero que debes hacer es escribir en la barra de dirección del navegador la siguiente URL: http://www.blogger.com, te saldrá la siguiente ventana, donde se iniciará
Formularios. La mayoría de los elementos de entrada son visuales y pueden interactuar con el usuario.
Formularios Un formulario HTML es una sección de un documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación (checkboxes), radiobotones (radio
Impress III Elementos interactivos
Impress III Elementos interactivos 1. Crea una nueva presentación, con las siguientes condiciones: - El tema de dicha presentación debe estar relacionado con un escritor famoso y sus obras más relevantes.
Cómo crear un Juego de preguntas en Educamóvil
Cómo crear un Juego de preguntas en Educamóvil El Juego de preguntas El Juego de preguntas es uno de los objetos que hay disponibles en Educamóvil que nos permite generar, en un punto determinado del mapa,
Microsoft Word. Microsoft Word 2013 SALOMÓN CCANCE. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE
Microsoft Word SALOMÓN CCANCE Microsoft Word 2013 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE UNIDAD 19: SEGURIDAD 19.1. Introducción Hoy en día todo el mundo tiene claro que es imprescindible
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR
Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR 2.4 FORMULARIOS 18/10/2014 Taboada León IES San Sebastián Huelva 1 Formularios (I) Los formularios permiten al usuario introducir
Bases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Prototipo de una aplicación de base de datos Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN Este tema se publica bajo Licencia:
1. ACCESO A LA WEB DE LOCALIZACIÓN DE ANIMALES POR GPS
1. ACCESO A LA WEB DE LOCALIZACIÓN DE ANIMALES POR GPS Para acceder al sistema es necesario introducir un nombre de usuario y una contraseña (figura 1). En este caso escriba como Usuario : itg ganadero
Guía del Curso Dreamweaver CS 5
Guía del Curso Dreamweaver CS 5 Modalidad de realización del curso: Número de Horas: Titulación: Online 80 Horas Diploma acreditativo con las horas del curso OBJETIVOS Dreamweaver es el programa líder
INSTITUCION EDUCATIVA MANUEL ANGEL ANACHURY AREA: TECNOLOGIA E INFORMATICA
BASES DE DATOS (ACCES 2007) OBJETIVO: Conocer el concepto de bases de datos y su funcionalidad además de crear destrezas en su creación y manipulación. Elementos básicos de Access 2007 Vamos a ver cuáles
Programación Hipermedia I
Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar
Terceros Ekon Sical. Departamento de Informática
1 Terceros Ekon Sical Departamento de Informática 2 TERCEROS En la aplicación hay dos puntos de menú donde pueden tratarse los terceros dentro de SP Base y en la contabilidad en la entrada específica de
UNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
GOOGLE SITES INICIAL
1º.-Acceder a Google Sites. GOOGLE SITES INICIAL Google Sites es un alojamiento gratuito de Google para páginas web. Pero además de alojamiento lo que ofrece es una herramienta para crear la página web
Acceder al backend de la web
Acceder al backend de la web Para acceder al backend de nuestra web, tan solo necesitamos añadir /admin después de nuestro dominio (www.mipagina.com/admin) en la barra de direcciónes del navegador con
Manual de OpenOffice Impress
Manual de OpenOffice Impress. Capítulo 4. Trabajando con diagramas, esquemas y plantillas 1 Manual de OpenOffice Impress Capítulo 4: Trabajando con diagramas, esquemas y plantillas Este material es una
Guía docente: Cómo crear un test y los tipos de preguntas
Guía docente: Cómo crear un test y los tipos de preguntas Índice 01 02 03 04 05 06 07 08 09 Crear un test Ordenable Arrastrar Rellenar espacio Texto libre Respuesta múltiple Opciones Gestión del test Ayuda
CONSIDERACIONES GENERALES DEL FUNCIONAMIENTO DEL PROGRAMA
CONSIDERACIONES GENERALES DEL FUNCIONAMIENTO DEL PROGRAMA Indice 1. CAMPOS OBLIGATORIOS Y ERRORES... 2 2.- MENUS DESPLEGABLES Y CAMPOS QUE SE AUTOCOMPLETAN... 6 3.- UTILIDADES DEL PROGRAMA DE AYUDA...
Manual Tienda Online Santillana
Manual Tienda Online Santillana Índice Qué es la Tienda de Familia?... 2 Cómo realizar un pedido en la Tienda de Familia?... 2 ACCEDER A LA TIENDA DE FAMILIA... 2 REGISTRARSE... 2 ACCESO CON LAS CREDENCIALES...
Ciclo completo para Remisión a Justicia y Remisión en la nube
Ciclo completo para Remisión a Justicia y Remisión en la nube Versión 1.0 Fecha de revisión 04/04/16 Realizado por Servicio de Gestión Documental y Firma electrónica INSIDE / 1 CONTROL DE VERSIONES Versión
Compresión de ficheros
Compresión de ficheros El programa WinZip Comprimir ficheros Este programa nos permite guardar archivos en otro formato (zip) distinto al original con el objeto de que así ocupen o tengan un menor tamaño,
Creación y Modificación de Blog
Creación y Modificación de Blog El Blog: es un diario personal en línea. Son una forma eficaz de compartir conocimiento y materiales creados y recopilados por el grupo del curso. Puede publicar entradas
Manual de usuario, Escritores
Manual de usuario, Escritores www.escuadrasalvajes.com Escuadra de Salvajes Manual usuario escritores, Página 1 Acceso a la web El acceso a la web, para acceder a la web es necesario tener un usuario y
Administración de la producción. Sesión 4: Procesador de Texto
Administración de la producción Sesión 4: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página, la inserción
SISTEMA DE INFORMACIÓN PARA COMERCIOS: SIC
SISTEMA DE INFORMACIÓN PARA COMERCIOS: SIC MANUAL DE 2013 Código: DCM-OPD01-MA02 Vigencia: 01/06/2013 Página 1 de 10 TABLA DE CONTENIDO 1. GENERALIDADES... 3 1.1. OBJETIVO Y FUNCION... 3 1.2. REQUISITOS
Qué más puedo hacer en el cuadro de búsqueda?
Guía de usuario Búsquedas básicas Puedes hacer búsquedas en Primo muy fácilmente. Sólo escribe la palabra o las palabras que estés buscando y pulsa en el botón Buscar. NOTA: Primo asume que estás buscando
1. Instalar el componente en el sitio por Extensiones gestor de extensiones.
COMPONENTE ICAGENDA 1. Instalar el componente en el sitio por Extensiones gestor de extensiones. Ejemplo: 2. Seleccionar el archivo de la ubicación donde lo guarda y le da subir e instalar 3. Verifico
Cómo crear el objeto de la Máquina del tiempo en Educamóvil
Cómo crear el objeto de la Máquina del tiempo en Educamóvil La Máquina del tiempo La Máquina del tiempo es uno de los objetos que hay disponibles en Educamóvil Nos permite introducir varias fotografías,
Incluir imágenes en el blog
Incluir imágenes en el blog 1. DÓNDE ENCONTRAR IMÁGENES GRATUITAS L as imágenes son un elemento fundamental en un blog, tanto para personalizarlo (por ejemplo, poniendo una imagen en la cabecera del blog)
Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Elementos esenciales del formulario
Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 3: Elementos esenciales del formulario Instituto de Tecnologías Educativas 2011 Elementos esenciales de un formulario Tras crear
La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.
PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación
Ministerio de Educación, Cultura y Deporte. HTLM5 en la educación. Módulo 12: Formularios y JavaScript.
Ministerio de Educación, Cultura y Deporte. HTLM5 en la educación Módulo 12: Formularios y JavaScript. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Formularios y JavaScript
Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Informes
Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 5: Informes Instituto de Tecnologías Educativas 2011 Informes Los informes son la herramienta encargada de presentar los datos
Por qué crear un canal en YouTube
Por qué crear un canal en YouTube La creación de un canal en YouTube ofrece numerosas oportunidades a las empresas para mejorar su comunicación. Veamos sus ventajas! Ventajas de un canal YouTube Visibilidad:
Trabajos a realizar: Ya hemos dicho antes que aquí es donde escribiremos el texto que queremos que aparezca en la hoja de OR que firma el cliente.
GUIA RÁPIDA 1 ABRIR OR: Nuevo, introducir matrícula, se abrirá pantalla para introducir datos de cliente y vehículo. Rellenar el resto de datos y grabar. El programa re-direcciona a la pestaña de Trabajos
Guía para factura con moneda extranjera
Guía para factura con moneda extranjera Para facturar con una moneda diferente a pesos, seguiremos los siguientes pasos: 1. Abriremos la empresa e iremos a archivo parámetros de la empresa. 2. Activaremos
Data Bases 2. La sintaxis precisa de esta función es: mysql_pconnect (nombre del servidor, el usuario de la base de datos, password ) ;
Data Bases 2 Este capítulo aprenderemos como crear ya una página de internet en la cual tendrá interacción con el usuario, como llenaremos un formulario HTML y que directamente se registre en la Base de
Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos
Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE
EJERCICIO 9: Marcos (Frames)
EJERCICIO 9: Marcos (Frames) El primer paso será iniciar una nueva página web, a esta página procederemos a crear una distribución de marcos. Para ello primero seleccionaremos la caja de herramientas de
! Introducción. ! Contenidos
Guía Rápida Office 365 - E-mail Institucional Introducción Ésta es una guía rápida creada con la intención de ayudarlos a iniciarse en la utilización del correo institucional con la mayor eficacia posible.
Microsoft Office Word
Microsoft Office Word Objetivos del capítulo: Aprender lo que es un procesador de textos. Aprender a ejecutar el programa cada que vez que se quiere usar. Aprender los elementos de la pantalla principal
Formularios HTML. Elementos de Programación y Lógica
Formularios HTML Elementos de Programación y Lógica Formularios HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo,
Uso de blogs. Creación y administración de blogs. Pedro A. Castillo Valdivieso Depto. Arquitectura y Tecnología de Computadores
Creación y administración de blogs Pedro A. Castillo Valdivieso Depto. Arquitectura y Tecnología de Computadores pedro@atc.ugr.es Todo el material que vamos a ver se encuentra en: http://atc.ugr.es/pedro/tutoriales/
FIRMA ELECTRÓNICA INSTALACIÓN Y USO DE CERTIFICADOS EN ARCHIVO PKCS#12 MANUAL DE USUARIO V1.1 14/07/2015
FIRMA ELECTRÓNICA INSTALACIÓN Y USO DE CERTIFICADOS EN ARCHIVO PKCS#12 MANUAL DE USUARIO V1.1 14/07/2015 Dirección Nacional de Tecnologías de la Información y Comunicaciones Instalación de certificado
MICROSOFT OUTLOOK 2010
CONFIGURACIÓN DE UNA CUENTA DE E MAIL EN EL CLIENTE DE CORREO MICROSOFT OUTLOOK 2010 Para poder enviar y recibir mensajes de correo electrónico con Microsoft Outlook 2010, debe agregar y configurar una
Elaboración de Documentos en Procesadores de Textos
Las tablas permiten organizar la información en filas y columnas, de forma que se pueden realizar operaciones y tratamientos sobre las filas y columnas. Por ejemplo, obtener el valor medio de los datos
PROPIEDADES DE LOS CAMPOS. Cada campo de una tabla dispone de una serie de características que proporcionan un control
PROPIEDADES DE LOS CAMPOS Cada campo de una tabla dispone de una serie de características que proporcionan un control adicional sobre la forma de funcionar del campo. Las propiedades aparecen en la parte
Se encuentra en la página del buscador de estudios del Programa de Estudios y Análisis del Ministerio de Ciencia e Innovación
1. CÓMO ENTRAR? Se encuentra en la página del buscador de estudios del Programa de Estudios y Análisis del Ministerio de Ciencia e Innovación http://www.ea-web.es. Haga clic en el botón Entrar 2. BUSCAR
. REGISTRO DE ENFERMEDADES RARAS
. REGISTRO DE ENFERMEDADES RARAS Ref.: manualusuario.doc 1 / 24 INDICE 1 INTRODUCCIÓN... 3 2 NUEVA SOLICITUD... 4 2.1 PESTAÑA DATOS DEL PACIENTE... 4 2.2 PESTAÑA DATOS DEL SOLICITANTE... 5 2.3 PESTAÑA
CÓMO BLOQUEAR LOS SITIOS WEB EN INTERNET EXPLORER
CÓMO BLOQUEAR LOS SITIOS WEB EN INTERNET EXPLORER 1. Abra cualquier Internet Explorer y vaya a Herramientas-> Opciones de Internet. Haga clic en la pestaña Contenido. En el panel de Asesor de contenido,
Escribiendo el HTML. Un formulario se declara entre estos dos tags:
Formularios Un formulario HTML sirve como principal punto de interacción con el usuario: mediante ellas, podemos hacer posible la interacción de nuestra página Web para con el usuario que visita nuestro
UNIDAD 4. MODIFICAR TABLAS DE DATOS
UNIDAD 4. MODIFICAR TABLAS DE DATOS Aquí veremos las técnicas de edición de registros para modificar tanto la definición de una tabla como los datos introducidos en ella. Esta unidad está dedicada, principalmente,
Manual del gestor Web de la Fundación Picarral www.fundacionpicarral.org
Manual del gestor Web de la Fundación Picarral www.fundacionpicarral.org Manual del gestor Web de la Fundación Picarral Dirigido a Usuarios del gestor Web de la Fundación Picarral VERSIÓN 1.0 FECHA 09/09/2008
La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados.
Navegadores Web. Aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla, (ya se encuentre ésta alojada en un servidor dentro
Bienvenidos. Indice. Gracias por haber elegido GerApp como canal de comunicación entidad geriátrica-familia.
Bienvenidos Gracias por haber elegido GerApp como canal de comunicación entidad geriátrica-familia. En este manual podrá conocer todas las funcionalidades de GerApp y familiarizarse con ella. Podrá disfrutar
Modulo C: Enviar correo electrónico
Modulo C: Enviar correo electrónico Objetivo del Módulo: Brindar una herramienta que permita gestionar el envío de mensajes a través de correo electrónico con php de manera fácil, ágil y eficiente. El
Conciliación contable de bancos. Conciliación contable de bancos. Beroni Informática Pág. 1
Conciliación contable de bancos Beroni Informática Pág. 1 Introducción... 3 Tipos de conciliaciones... 3 Conciliación contable de bancos... 4 Configuración de conceptos bancarios... 4 Configuración de
Unidad 2. Elementos de Word2007 (I)
Unidad 2. Elementos de Word2007 (I) Vamos a ver varias formas de iniciar Word2007 y cuales son los elementos básicos de Word2007, la pantalla, las barras, etc. Aprenderemos cómo se llaman, donde están
Guía de acceso al campusfert
Guía de acceso al campusfert En esta guía vamos a ver: Primer paso en el campusfert. Crear nuestro usuario... 2 Acceder de nuevo al campus... 5 Segundo paso en el campusfert. Matricularse en un curso...
UF1304 Elaboración de plantillas y formularios
UF1304 Elaboración de plantillas y formularios Tema 1. Formularios en la construcción de páginas web Tema 2. Plantillas en la construcción de páginas web OBJETIVOS: - Confeccionar plantillas para las páginas
Guía de uso de la plataforma
Guía de uso de la plataforma VIRTUAL CLASSROOM ACADEMIC MANAGEMENT BIBLIOTECA VIRTUAL 1 ÍNDICE Introducción Home myagora+ access Virtual library Virtual classroom Academic management Menú de herramientas.
Informática HOT POTATOES
1 Informática HOT POTATOES Hot Potatoes es un conjunto de seis herramientas de autor, desarrollado por el equipo del University of Victoria CALL Laboratory Research and Development, que permite elaborar
Infolex Nube Release Mayo 2016
Infolex Nube Release Mayo 2016 ÍNDICE EXPEDIENTES... 3 ORDENAR POR Nº DE EXPEDIENTE...3 EDITAR EXPEDIENTES...3 ACTUACIONES... 4 ORDENACIÓN POR FECHA Y AJUSTE DEL TEXTO...4 ARRASTRAR CORREOS ELECTRÓNICOS
Práctica 6: Webs dinámicas
Comercio Electrónico Práctica 6: Webs dinámicas José Luis Salazar jsalazar@unizar.es Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la Práctica En esta práctica se mostrarán
HACER COPIAS DE SEGURIDAD EN WINDOWS
PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA HIGIENE Y SEGURIDAD INDUSTRIAL - SEGURIDAD OCUPACIONAL I-A HERRAMIENTAS INFORMATICAS SISTEMA OPERATIVO:
Plataforma Electrónica Cáncer
Plataforma Electrónica Cáncer Hepático e-catch Manual de usuario cliente 0. Índice 1. Introducción.. Página 2 1.1. Descripción general. Página 2 1.2. Solicitud de acceso a la plataforma. Página 3 2. Acceso
Aprendemos a crear un blog
Aprendemos a crear un blog Un blog o bitácora es como un diario pero en un sitio web. En él una o varias personas escriben a menudo y lo que publican aparece ordenado en el tiempo. Siempre aparece primero
MANUAL DE FORMULARIOS EN HOSTING
MANUAL DE FORMULARIOS EN HOSTING Índice 1 Qué es y para qué sirve un formulario 3 2 Qué contesta a los formularios 3 3 Qué esquema debe seguir el formulario 3 4 Qué datos y cómo los recibe la empresa a
3. CREAR FORMULARIOS 3.2. APLICAR OPCIONES DE DISEÑO DE FORMULARIOS
3. CREAR FORMULARIOS 3.2. APLICAR OPCIONES DE DISEÑO DE FORMULARIOS En este punto nos familiarizaremos con otros comandos y opciones de la ficha Diseño en Herramientas de presentación de formulario o Herramientas
Desafío Emprende 2016
Manual para la entrega de proyectos Desafío Emprende 2016 Convocatoria que premia los mejores proyectos emprendedores desarrollados con la metodología del KitCaixa Jóvenes Emprendedores 1 INTRODUCCIÓN
Para añadir un presupuesto nuevo seleccionaremos en el apartado Presupuestos la opción en la parte superior Añadir.
Pacientes - Presupuestos Aquí podremos crear los presupuestos que emitamos al paciente, llevando un control de los que emitimos y los que se van aceptando. Accederemos desde la pestaña superior Pacientes
Módulo Catálogo Virtual -Biblioteca IGP Instructivo de uso
Módulo Catálogo Virtual -Biblioteca IGP Instructivo de uso Versión 1.0 1 1. Cómo realizar una búsqueda bibliográfica? Paso 1: En el navegador web ingresa la siguiente URL: http://www.igp.gob.pe/biblioteca.
Como ya sabes, una lista es una serie de párrafos de texto que
1. ORDENAR E INTERRUMPIR LISTAS Como ya sabes, una lista es una serie de párrafos de texto que van precedidos por un símbolo o por un número. Para ordenar los elementos de una lista, si es corta, puedes
MANUAL COMPONENTE PARA JOOMLA GESTIÓN DE RECURSOS TIC
MANUAL COMPONENTE PARA JOOMLA GESTIÓN DE RECURSOS TIC Versión 1.0 CONTENIDO 1 INTRODUCCIÓN... 3 2 INSTALACIÓN.... 3 3 DESINSTALACIÓN... 5 4 ADMINISTRACIÓN.... 5 4.1 Gestión... 5 4.2 Tipo de recursos...
HTML, PHP y bases de datos
HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples
Sesión No. 10. Contextualización INFORMÁTICA 1. Nombre: Gestor de Base de Datos (Access)
INFORMÁTICA INFORMÁTICA 1 Sesión No. 10 Nombre: Gestor de Base de Datos (Access) Contextualización Microsoft Access es un sistema de gestión de bases de datos, creado para uso personal y de pequeñas organizaciones,
UNA GUÍA PASO A PASO SOBRE CÓMO PUBLICAR EN OJS
DESCRIPCIÓN BREVE En esta guía podrá conocer los fundamentos de la plataforma OJS y los pasos necesarios para publicar un número de revista sin seguir todo el proceso editorial. UNA GUÍA Servicio de Publicaciones
Bing (proveedor de busqueda) Bing es una herramienta de búsqueda que nos ayudará a encontrar lo que buscamos de forma rápida y sencilla.
Bing (proveedor de busqueda) Bing es una herramienta de búsqueda que nos ayudará a encontrar lo que buscamos de forma rápida y sencilla. 0 Construir una búsqueda Si deseamos ver lo mejor de la Web en temas