CONTROLES FORMULARIOS PRIMERA PARTE
|
|
- María Dolores Ortíz Guzmán
- hace 8 años
- Vistas:
Transcripción
1 CONTROLES FORMULARIOS PRIMERA PARTE Acceder a los formularios de una página a través de su nombre Acceder a los formularios de una página a través de su nombre (atributo name) o a través de su atributo id. El objeto document permite acceder directamente a cualquier formulario mediante su atributo name: var formularioprincipal = document.formulario; var formulariosecundario = document.otro_formulario; <form name="formulario" > <form name="otro_formulario" > </form Los elementos de los formularios también se pueden acceder directamente mediante su atributo name var formularioprincipal = document.formulario; var primerelemento = document.formulario.elemento; <form name="formulario"> <input type="text" name="elemento" /> Acceder a los formularios de una página a través de su id Obviamente, también se puede acceder a los formularios y a sus elementos utilizando las funciones DOM de acceso directo a los nodos. El siguiente ejemplo utiliza la habitual función document.getelementbyid() para acceder de forma directa a un formulario y a uno de sus elementos: var formularioprincipal = document.getelementbyid("formulario"); var primerelemento = document.getelementbyid("elemento"); <form name="formulario" id="formulario" > <input type="text" name="elemento" id="elemento" /> 1
2 Independientemente del método utilizado para obtener la referencia a un elemento de formulario, cada elemento dispone de las siguientes propiedades útiles para el desarrollo de las aplicaciones: type: indica el tipo de elemento que se trata. Para los elementos de tipo <input> (text, button, checkbox, etc.) coincide con el valor de su atributo type. Para las listas desplegables normales (elemento <select>) su valor es select-one, lo que permite diferenciarlas de las listas que permiten seleccionar varios elementos a la vez y cuyo tipo es select-multiple. Por último, en los elementos de tipo <textarea>, el valor de type es textarea. form: es una referencia directa al formulario al que pertenece el elemento. Así, para acceder al formulario de un elemento, se puede utilizar document.getelementbyid("id_del_elemento").form name: obtiene el valor del atributo name de XHTML. Solamente se puede leer su valor, por lo que no se puede modificar. value: permite leer y modificar el valor del atributo value de XHTML. Para los campos de texto (<input type="text"> y <textarea>) obtiene el texto que ha escrito el usuario. Para los botones obtiene el texto que se muestra en el botón. Para los elementos checkbox y radiobutton no es muy útil, como se verá más adelante Por último, los eventos más utilizados en el manejo de los formularios son los siguientes: onclick: evento que se produce cuando se pincha con el ratón sobre un elemento. Normalmente se utiliza con cualquiera de los tipos de botones que permite definir XHTML (<input type="button">, <input type="submit">, <input type="image">). onchange: evento que se produce cuando el usuario cambia el valor de un elemento de texto (<input type="text"> o <textarea>). También se produce cuando el usuario selecciona una opción en una lista desplegable (<select>). Sin embargo, el evento sólo se produce si después de realizar el cambio, el usuario pasa al siguiente campo del formulario, lo que técnicamente se conoce como que "el otro campo de formulario ha perdido el foco". onfocus: evento que se produce cuando el usuario selecciona un elemento del formulario. onblur: evento complementario de onfocus, ya que se produce cuando el usuario ha deseleccionado un elemento por haber seleccionado otro elemento del formulario. Técnicamente, se dice que el elemento anterior "ha perdido el foco". Veamos ahora los elementos que forman un formulario, sus propiedades y eventos Para ver más propiedades y eventos En Dreamweaver utilizar panel Referencia Mayusc+F1. Libro o'reilly JavaScript Reference.Seleccionar Objeto y ver propiedades y eventos Pej Object : input ( type = text ) Object : input ( type = button ) 2
3 CONTROLES TEXT HTML <input type="text"> Referencia Modelo de objetos [window.]document.formname.elementname [window.]document.forms[i].elements[i] [window.]document.getelementbyid("elementid") Propidades Eventos Funciones Veamos un ejemplo <script type="text/javascript"> function fnpropiedades() // ============ Accediendo a su valor ============================= var nombre=document.getelementbyid("txtnombre").value; // var nombre=document.form1.nombre.value; // var nombre=document.forms[0].item(0).value; //IE funciona en FF y CR NO var edad=document.getelementbyid("txtedad").value; // var edad=document.form1.edad.value; // var edad=document.forms[0].item(1).value; var txt=nombre+" "+edad; document.getelementbyid("txtresultado").value=txt; // ============ Accediendo a propiedades y funciones ========= document.getelementbyid("txtnombre").size="5"; document.getelementbyid("txtnombre").readonly=true; document.getelementbyid("txtedad").select(); 3
4 <body> <h3>acceder al valor de un campo de texto</h3> <form name="form1"> Nombre : <input type="text" name="nombre" id="txtnombre" value="ana" size="10" > Edad : <input type="text" name="edad" id="txtedad" value="20" size="10" > <input type="button" value="pulsame" onclick="fnpropiedades()" /> Resultado: <input type="text" id="txtresultado" size="40" value="" /> <h3> Cómo usar los eventos del teclado de Javascript?</h3> <input type="text" value="onkeypress" readonly="readonly" onkeypress="alert('haz soltado una tecla.')"> <input type="text" value="onkeydown" readonly="readonly" onkeydown="alert('haz presionado una tecla.')"> <input type="text" value="onkeyup" readonly="readonly" onkeyup="alert('haz liberado una tecla.')"> <h3> Cómo usar los eventos onfocus y onblur de Javascript?</h3> <input type="text" size="50" onfocus="value='tengo el focus, puedes escribir aquí';" onblur="value='perdí el focus';"> <em>onfocus</em> Un elemento obtiene el focus <em>onblur</em> Un elemento pierde el focus <h3> Cómo usar el evento onselect de Javascript?</h3> <input class="inp" type="text" value="onselect" onselect="alert('haz seleccionado texto')"> <h3> Cómo usar el evento onchange de Javascript?</h3> <input class="inp" type="text" value="onchange" onchange="style.backgroundcolor='red';"> </body> 4
5 EJERCICIOS CONTROL TEXT Crear un programa que permita cargar un entero en un text y al presionar un botón nos muestre dicho valor elevado al cubo (emplear la función alert). Cargar dos números en objetos de tipo text y al presionar un botón, mostrar el mayor. Cargar un nombre y un apellido en sendos text. Al presionar un botón, concatenarlos y mostrarlos en un tercer text Crea un script que simule a una calculadora sencilla EJERCICIOS CONTROL PASSWORD Codificar una página que permita ingresar una password y luego muestre una ventana de alerta si tiene menos de 5 caracteres. Disponer dos campos de texto tipo password. Cuando se presione un botón mostrar si las dos claves ingresadas son iguales o no CONTROL SELECT Para determinar la posición del índice seleccionado en la lista document.form1.select1.selectedindex Considerando que el objeto SELECT se llama select1 accedemos a la propiedad selectedindex (almacena la posición del string seleccionado de la lista, numerando a partir de cero). Para determinar el valor seleccionado: document.form1.select1.options[document.form1.select1.selectedindex].text Es decir que el objeto select1 tiene otra propiedad llamada options, a la que accedemos por medio de un subíndice, al string de una determinada posición. 5
6 Hay problemas en los que solamente necesitaremos el string almacenado en el objeto SELECT y no el valor asociado (no es obligatorio asociar un valor a cada string). Y por último con esta expresión accedemos al valor asociado al string: document.form1.select1.options[document.form1.select1.selectedindex].value Ejemplo <script language="javascript"> function cambiarcolor() document.form1.text1.value = document.form1.select1.selectedindex; document.form1.text2.value = document.form1.select1.options[document.form1.select1.selectedindex].text; document.form1.text3.value = document.form1.select1.options [document.form1.select1.selectedindex].value; <form name="form1"> <select size="1" name="select1" onchange="cambiarcolor()"> <option value="0xff0000">rojo</option> <option value="0x00ff00">verde</option> <option value="0x0000ff">azul</option> </select> Número de índice seleccionado del objeto SELECT:<input type="text" name="text1"> Texto seleccionado:<input type="text" name="text2"> Valor asociado:<input type="text" name="text3"> EJERCIOS SELECT Confeccionar una página que muestre un objeto SELECT con distintos tipos de pizzas (Jamón y Queso, Mozzarella, Morrones). Al seleccionar una, mostrar en un objeto de tipo TEXT el precio de la misma. Generar un presupuesto de un equipo de computación a partir de tres objetos de tipo SELECT que nos permiten seleccionar: - Procesador (Pentium III - $400, Pentium IV $500). - Monitor (Samsung 14' - $250, Samsung 15' - $350, Samsung 17' - $550) - Disco Duro(80 Gb - $300, 240 Gb - $440, 800 Gb - $500) Para cada característica indicamos string a mostrar (Ej. Pentium III) y el valor asociado a dicho string (Ej. 400). Al presionar un botón "Calcular" mostrar el presupuesto en un objeto de tipo TEXT. 6
7 Confeccionar una página que permita seleccionar una pizza y la cantidad de unidades. Luego al presionar un botón calcular el importe a pagar. Utilizar un objeto de la clase SELECT para la selección de la pizza, pudiendo ser: - Queso: $ 4. - Jamón y queso: $ 6. - Especial: $ 10. A la cantidad de pizzas cargarla en un objeto de la clase TEXT y en otro objeto de la clase TEXT mostrar el importe total a abonar. Confeccionar una página que permita crear un examen. Se debe mostrar una pregunta y seguidamente un objeto SELECT con las respuestas posibles. Al presionar un botón mostrar la cantidad de respuestas correctas e incorrectas (Disponer 4 preguntas y sus respectivos controles SELECT). CONTROL CHECKBOX Confeccionar una página que muestre 4 lenguajes de programación que el usuario puede seleccionar si los conoce. Luego mostrar un mensaje indicando la cantidad de lenguajes que ha seleccionado el operador. <script language="javascript"> function contarseleccionados() var cant=0; if (document.form1.lenguaje1.checked) cant++; if (document.form1.lenguaje2.checked) cant++; if (document.form1.lenguaje3.checked) cant++; if (document.form1.lenguaje4.checked) cant++; alert('conoce ' + cant + ' lenguajes'); <form name="form1"> <input type="checkbox" name="lenguaje1">javascript <input type="checkbox" name="lenguaje2">php <input type="checkbox" name="lenguaje3">jsp <input type="checkbox" name="lenguaje4">vb.net <input type="button" value="mostrar" onclick="contarseleccionados()"> 7
8 EJERCICIOS CHECBOX Confeccionar una página que muestre tres checkbox que permitan seleccionar los deportes que practica el usuario (Futbol, Basket, Tennis) Mostrar al presionar un botón los deportes que a elegido CONTROL RADIO Mostrar cuatro objetos de tipo RADIO que permitan seleccionar los estudios que tiene un usuario: <script language="javascript"> function mostrarseleccionado() if (document.form1.estudios[0].checked) alert('no tienes estudios'); if (document.form1.estudios[1].checked) alert('tienes estudios primarios'); if (document.form1.estudios[2].checked) alert('tienes estudios secundarios'); if (document.form1.estudios[3].checked) alert('tienes estudios universitarios'); <form name="form1"> <input type="radio" name="estudios" value="sin estudios">sin estudios <input type="radio" name="estudios">primarios <input type="radio" name="estudios">secundarios <input type="radio" name="estudios">universitarios <input type="button" value="mostrar" onclick="mostrarseleccionado()"> EJERCICIOS RADIO Confeccionar una página que muestre dos objetos de la clase RADIO solicitando que seleccione si es mayor de 18 años o no. Al presionar un botón mostrar que radio está seleccionado. CONTROL TEXTAREA Este control es similar al control TEXT, salvo que permite el ingreso de muchas líneas de texto. La marca TEXTAREA en HTML tiene dos propiedades: rows y cols que nos permiten indicar la cantidad de filas y columnas a mostrar en pantalla. 8
9 Ejemplo: Solicitar la carga del mail y el curriculum de una persona. Mostrar un mensaje si el curriculum supera los 2000 caracteres. <html> <head> </head> <body> <script language="javascript"> function controlarcaracteres() if (document.form1.curriculum.value.length>2000) alert('curriculum muy largo'); else alert('datos correctos'); <form name="form1"> <textarea name="curriculum" rows="10" cols="50" ></textarea> <input type="button" value="mostrar" onclick="controlarcaracteres()"> </body> </html> EJERCICIO TEXTAREA Confeccionar una página de visitas a un sitio, solicitar ingresar el nombre de una persona, su mail y los comentarios (TEXTAREA). Mostrar luego llamando a la función alert los datos ingresados. Cuenta los caracteres escritos en un textarea 9
10 EVENTOS ONFOCUS Y ONBLUR El evento onfocus se dispara cuando el objeto toma foco y el evento onblur cuando el objeto pierde el foco. Ejemplo: Implementar un formulario que solicite la carga del nombre y la edad de una persona. Cuando el control tome foco borrar el contenido actual, al abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío. <script language="javascript"> function vaciar(control) control.value=''; function verificarentrada(control) if (control.value=='') alert('debe ingresar datos'); <form name="form1"> Ingrese su nombre: <input type="text" name="nombre" onfocus="vaciar(this)" onblur="verificarentrada(this)"> Ingrese su edad: <input type="text" name="edad" onfocus="vaciar(this)" onblur="verificarentrada(this)"> <input type="button" value="confirmar"> EJERCICIO Solicitar que se ingrese el nombre y la clave de un usuario. Mostrar una ventana de alerta si en la clave se ingresan menos de 7 caracteres o más de 20. OnBlur - Comprobar si el valor de una caja de texto es un numero. Pista IsNaN() 10
11 EVENTOS ONMOUSEOVER Y ONMOUSEOUT El evento onmouseover se ejecuta cuando pasamos la flecha del mouse sobre un hipervínculo y el evento onmouseout cuando la flecha abandona el mismo. Para probar estos eventos implementaremos una página que cambie el color de fondo del documento. Implementaremos una función que cambie el color con un valor que llegue como parámetro. Cuando retiramos la flecha del mouse volvemos a pintar de blanco el fondo del documento: Imagen efecto rollover, al pasar el raton por encima de la imagen se cambia, y al salir de la imagen se muestra la original EVENTO ONLOAD El evento onload se ejecuta cuando cargamos una página en el navegador. Uno de los usos más frecuentes es para fijar el foco en algún control de un formulario, para que el operador no tenga que activar con el mouse dicho control. Este evento está asociado a la marca body. Haz yb script para comprobarlo 11
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
Más detallesFormularios 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
Más detallesAlumn@: U.T. 6.- Lenguaje Javascript - DOM. Parte Práctica
E-mail: juanlop@um.es Pág. 1 U.T. 6.- Lenguaje Javascript - DOM. Parte Práctica Alumn@: Ejercicio 1.- Calculadora tabla formulario. Realiza una página implemente una calculadora aritmética. Para ello haz
Más detallesManejo de eventos en JavaScript WEB-TECHNOLOGIES
Manejo de eventos en JavaScript JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Entender el uso de Formularios y Eventos con JavaScript. Visualizar la importancia de delegar el manejo de eventos al
Más detallesLos 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,...
Más detallesTomar información por pantalla con JavaScript
Tomar información por pantalla con JavaScript Para lograr interactividad con nuestros usuarios, es necesario reaccionar a sus acciones o permitir que estos ingresen información para que sea manipulada,
Más detallesBases 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:
Más detalles2- 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
Más detallesEscribiendo 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
Más detallesCapÍtulo 3: Manejo de Forms.
CapÍtulo 3: Manejo de Forms. El mecanismo básico de interacción entre el usuario y un web-site esta dado por el uso de formularios html, el server envía un formulario que el browser muestra en pantalla
Más detallesHTML, 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
Más detallesMANUAL 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
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesDISEÑO WEB ADOBE DREAMWEAVER CS3
CLASE 6 CREACIÓN DE FORMULARIOS Todo sitio Web necesita recabar cierta información, a veces para contactarse con los visitantes, a veces para encuestas y en algunas ocasiones para realizar venta o contratación
Más detallesFormularios. Botón. Cuadros de texto
Formularios Los formularios son los elementos que permiten la entrada de datos. Llevan cuadros de texto, botones, etc. Podemos acceder a estos elementos como a cualquier otro de la página, por sus atributos,
Más detallesUnidad 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
Más detallesPrograma. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
Más detallesFormularios 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,
Más detallesRELACIÓN DE PRÁCTICAS DEL TEMA 2
RELACIÓN DE PRÁCTICAS DEL TEMA 2 PRÁCTICA S.O. (I): Crear un fichero con Wordpad con tus datos personales y guardarlo en c:/temp Crear una carpeta con tu nombre en c:/temp (ej. C:/temp/pepita) Copiar el
Más detallesJavaScript III. JavaScript, la POO y el DOM
JavaScript III JavaScript, la POO y el DOM Tablas HTML Crear una tabla es una tarea tediosa, por la gran cantidad de nodos de tipo elemento y de tipo texto que se deben crear dentro del DOM. DOM para HTML
Más detallesNORMA 34.14(SEPA) 05/11/2013
NORMA 34.14(SEPA) 05/11/2013 1. Descripción La aplicación de generación de ficheros de transferencias permite generar fácilmente órdenes para que se efectúe el pago de transferencias a los beneficiarios
Más detalles15 CORREO WEB CORREO WEB
CORREO WEB Anteriormente Hemos visto cómo funciona el correo electrónico, y cómo necesitábamos tener un programa cliente (Outlook Express) para gestionar los mensajes de correo electrónico. Sin embargo,
Más detallesVALIDACION DE FORMULARIOS
VALIDACION DE FORMULARIOS COMO ACCEDER A LOS ELEMENTOS DE UN FORMULARIO Acceder a los formularios de una página a través del array forms Cuando se carga una página web, el navegador crea automáticamente
Más detallesGENERACIÓN DE TRANSFERENCIAS
GENERACIÓN DE TRANSFERENCIAS 1 INFORMACIÓN BÁSICA La aplicación de generación de ficheros de transferencias permite generar fácilmente órdenes para que la Caja efectúe transferencias, creando una base
Más detallesMICROSOFT FRONTPAGE Contenido
MICROSOFT FRONTPAGE Contenido CREAR UN SITIO WEB... 2 MARCOS... 5 FONDO DE LA PÁGINA... 7 MARQUESINAS... 8 CREAR HIPERVÍNCULOS... 9 BOTONES ACTIVABLES... 11 LOS MAPAS DE IMÁGENES... 13 INSERTAR SONIDOS...
Más detallesGENERACIÓN DE ANTICIPOS DE CRÉDITO
GENERACIÓN DE ANTICIPOS DE CRÉDITO 1 INFORMACIÓN BÁSICA La aplicación de generación de ficheros de anticipos de crédito permite generar fácilmente órdenes para que la Caja anticipe el cobro de créditos
Más detallesQue es Velneo vdataclient V7?
Página 1 de 14 Que es Velneo vdataclient V7? Es el cliente de datos que nos permitirá de una forma remota acceder como administrador a una base de datos, observar el estado de la información e interactuar
Más detallesJavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.
1 JavaScript 1.1 Qué es JavaScript? JavaScript es un lenguaje interpretado. Es idóneo para trabajar en Web, ya que son los navegadores que utilizamos los que interpretan (y por tanto ejecutan) los programas
Más detallesFOCO GESTIÓN DE GRUPOS
FOCO GESTIÓN DE GRUPOS MANUAL DE USUARIO CONVENIO DE PRÁCTICAS ÍNDICE 1. INTRODUCCIÓN... 3 2. BÚSQUEDA DE CONVENIOS... 3 3. ALTA CONVENIO... 5 4. MODIFICACIÓN DEL CONVENIO... 18 5. ELIMINAR CONVENIO...
Más detallesDesarrollo de sitios web con PHP y MySQL
Desarrollo de sitios web con PHP y MySQL Tema 3: Formularios José Mariano González Romano mariano@lsi.us.es Tema 3: Formularios 1. Acceso a formularios HTML desde PHP 2. El formulario de PHP 3. Subida
Más detallesHTML & CSS HTML. PARTE 3. Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014
05 HTML & CSS HTML. PARTE 3 Profesora: Ana Gómiz Escuela Arte Granada Obtubre 2014 01. Imágenes + Añadir imágenes. + Elegir el formato correcto. + Optimizar imágenes para web. Profesora: Ana Gómiz Escuela
Más detallesELABORACIÓ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
Más detallesBases de Datos. Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN
Bases de Datos Tema 05. Proto-po 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:
Más detallesDiseño de páginas web
Diseño de páginas web Capas. Objetos en movimiento Ricardo Esteban Alonso Creación de capas en la página web Las capas son rectángulos transparentes, donde podemos insertar datos y hacer que éstos aparezcan
Más detallesMANUAL ECOMMERCE 2.0
MANUAL ECOMMERCE 2.0 1.- INTRODUCCIÓN Nuevas características añadidas al módulo: - Gestión de atributos de productos. - Gestión de cupones - Mejoras en métodos de envío - Descuentos a nivel de productos,
Más detallesPHPMYADMIN Y MYSQL. Para gestionar la base de datos MySQL, lo haremos desde la aplicación PhpMyAdmin.
PHPMYADMIN Y MYSQL Para gestionar la base de datos MySQL, lo haremos desde la aplicación PhpMyAdmin. PhpMyAdmin es una herramienta para la administración del servidor de base de datos MySQL que dispone
Más detallesCuadernillo de Autoaprendizaje Correo Electrónico Microsoft Outlook Express
Qué es Outlook Express? Cuadernillo de Autoaprendizaje Correo Electrónico Microsoft Outlook Express Outlook Express es uno de los mejores programas para administrar correo electrónico, muy utilizado en
Más detallesAPRENDE A CREAR UNA PÁGINA WEB CON HTML
APRENDE A CREAR UNA PÁGINA WEB CON HTML Introducción a PHP INTRODUCCIÓN PHP es una lenguaje de programación del lado del servidor. En este curso, lo usaremos para recibir los datos de un formulario, realizar
Más detallesAccess Control. Manual de Usuario
Access Control Manual de Usuario Contenido Login... 3 Pantalla Principal... 3 Registro de Acceso... 4 Catálogos... 5 Empleados... 5 Departamentos... 8 Puestos... 9 Perfiles... 9 Usuarios... 11 Horarios...
Más detallesProyecto: Buscador de Películas usando XQuery y exist
Buscador de Películas usando XQuery y exist Arquitecturas de Altas Prestaciones Rafael Martos Llavero I. Objetivo del Proyecto. El objetivo del proyecto es la creación de una base de datos basada en XML
Más detallesINDICE. 1. Introducción... 4. 2. El panel Entities view... 5. 3. El panel grafico... 6. 4. Barra de botones... 6. 4.1. Botones de Behavior...
MANUAL DE USUARIO INDICE 1. Introducción... 4 2. El panel Entities view... 5 3. El panel grafico... 6 4. Barra de botones... 6 4.1. Botones de Behavior... 7 4.2. Botones de In-agents... 8 4.3. Botones
Más detallesMinisterio 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
Más detallesManual de Procedimiento
Manual de Procedimiento INSTALACION DEL PROGRAMA Este manual pretende ser una ayuda para el usuario, indicando cada uno de los pasos a seguir en su utilización. REQUERIMIENTOS: 1. Windows 98 o superior.
Más detallesMensario 2: Manual de importación
Mensario 2: Manual de importación Estimado cliente: Le agradecemos la confianza depositada en nuestros productos y servicios de mensajería profesional Mensario, y le damos la bienvenida a nuestra empresa
Más detallesCOMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.
2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM vicente@faubell.com VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho
Más detallesAcceso al panel de gestión
1 Acceso al panel de gestión Para acceder a la gestión de tu web entra en http://www.siweb.es y pulsa en Acceso clientes en el menú superior. Introduce tus datos de acceso (usuario y contraseña) y pulsa
Más detallesPrograma diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.
Manual de Usuario Programa diseñado y creado por Contenido 1. Acceso al programa... 3 2. Opciones del programa... 3 3. Inicio... 4 4. Empresa... 4 4.2. Impuestos... 5 4.3. Series de facturación... 5 4.4.
Más detallesCapítulo 3 Usando GUIDE. 3.1 Acerca de GUIDE
Capítulo 3 Usando GUIDE 3.1 Acerca de GUIDE Las interfaces gráficas de usuario (GUI - Graphical User Interface en inglés), es la forma en que el usuario interactúa con el programa o el sistema operativo
Más detallesEl editor incluye los siguientes componentes:
El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante contribución. Ofrece numerosas
Más detallesManual Usuario cpanel
Manual Usuario cpanel CONTENIDO Configuraciones Generales... 2 Cómo acceder al cpanel... 2 Cómo cambiar la contraseña... 2 Revisar espacio utilizado en disco... 3 Configuraciones de Mail... 5 Agregar cuentas
Más detallesPRACTICA 1 PHP HOLA MUNDO. El comando de PHP para imprimir dentro de la página se llama echo. Nuestro programa "Hola Mundo" será entonces:
PRACTICA 1 PHP HOLA MUNDO Para agregar un programa PHP dentro de una página HTML debemos por un lado al crear el archivo definirlo con extensión php (a diferencia de las páginas estáticas que tienen extensión
Más detallesCompartir carpetas en XP
Introducción Explicación Paso 1 Paso 2 Paso 3 Paso 4 Paso 5 Paso 6 Paso 7 Paso 8 Paso 9 Paso 10 Materiales: Sistema Operativo Windows XP Tiempo: 2 minutos Dificultad: Media Descripción. Proceso que permite
Más detallesEn términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.
1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta
Más detallesPlataforma Helvia. Manual de Usuario. Sitio Web. Versión 6.06.04
Plataforma Helvia Manual de Usuario Sitio Web Versión 6.06.04 INDICE DE CONTENIDOS 1. INTRODUCCIÓN...2 2. MENÚ SUPERIOR DE LA PÁGINA DE INICIO SITIO WEB...2 3. MENÚ IZQUIERDO DE SECCIONES Y PÁGINAS...3
Más detallesCorreo Electrónico: Webmail: Horde 3.1.1
CONTENIDOS: PAGINA Qué es Webmail?. 2 Acceder a Webmail. 2 Instilación del Certificado UCO. 4 Instilación Certificado I.explorer. 4 Instilación Certificado Firefox. 7 Opciones Webmail. 8 Opciones Información
Más detallesMÓDULO 2: TRATAMIENTO DE DATOS CON HOJA DE CÁLCULO. Tema 1: Gestión de listas de datos y tablas dinámicas. Leire Aldaz, Begoña Eguía y Leire Urcola
MÓDULO 2: TRATAMIENTO DE DATOS CON HOJA DE CÁLCULO Tema 1: Gestión de listas de datos y tablas dinámicas Leire Aldaz, Begoña Eguía y Leire Urcola Índice del tema - Introducción a las listas de datos -
Más detallesQué es y para qué sirve Excel2007?
Excel es un programa del tipo Hoja de Cálculo que permite realizar operaciones con números organizados en una cuadrícula. Es útil para realizar desde simples sumas hasta cálculos de préstamos hipotecarios.
Más detallesManual Oficina Web de Clubes - Federaciones Autono micas y Delegaciones
Manual Oficina Web de Clubes - Federaciones Autono micas y Delegaciones Este manual muestra el funcionamiento de una Federación Autonómica o Delegación en el uso de Intrafeb, todos los pasos que a continuación
Más detallesManual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4
Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......
Más detallesHerramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape
Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose
Más detallesPHP 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
Más detallesTEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE)
1. Introducción. TEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE) El Explorador es una herramienta indispensable en un Sistema Operativo ya que con ella se puede organizar y controlar los contenidos (archivos
Más detallesINFORMACIÓN DE NAVEGADORES
INFORMACIÓN DE NAVEGADORES Para operar con las Sedes Electrónicas de la Informática Presupuestaria es necesario tener un navegador web actualizado, aunque es posible que su funcionamiento sea correcto
Más detallesEUSKADI PRECIOS NDICE. 1 Definiciones: Base de Precios, Estructura, Precios paramétricos, Precios descompuestos, ámbitos
EUSKADI PRECIOS NDICE 1 Definiciones: Base de Precios, Estructura, Precios paramétricos, Precios descompuestos, ámbitos 2 Consulta Sencilla: 3 Consulta Completa: Zona Izquierda, Zona Central, Zona Derecha
Más detallesMANUAL PARA LA RECARGA DE: ABONO O MONEDERO DE LA TARJETA CIUDADANA Y MONEDERO DE TRANSPORTE
MANUAL PARA LA RECARGA DE: ABONO O MONEDERO DE LA TARJETA CIUDADANA Y MONEDERO DE TRANSPORTE La forma de acceder a la recarga del abono o monedero de la tarjeta ciudadana, es a través de la página web
Más detallesALGUNAS AYUDAS PARA EL ACCESO AL AULA DIGITAL Contenido
ALGUNAS AYUDAS PARA EL ACCESO AL AULA DIGITAL Contenido Tabla de contenido 1 INFORMACIÓN PERSONAL... 2 1.1 Cómo ingresar al Aula Digital?... 2 1.2 Qué hacer si olvida su contraseña?... 2 1.3 Qué veo cuando
Más detallesUna guía rápida para. Crear Boletines de Noticias
Una guía rápida para Crear Boletines de Noticias En esta guía Aprende a crear mensajes atractivos, con lenguaje HTML y con texto sin formato para involucrar a tus contactos. Conoce sus preferencias para
Más detallesMINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007
MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007 Servicio de Informática y Comunicaciones Para poder diseñar un formulario y que éste nos envíe los resultados a nuestro correo electrónico, necesitamos
Más detalles10. El entorno de publicación web (Publiweb)
10. El entorno de publicación web (Publiweb) 10.1. Introducción El entorno de publicación Web es una herramienta que permite la gestión de nuestras páginas Web de una forma visual. Algunos ejemplos de
Más detallesMANUAL DE USUARIO FACTURACIÓN ELECTRÓNICA
MANUAL DE USUARIO FACTURACIÓN ELECTRÓNICA Proveedores PLATAFORMA FACTURACIÓN ELECTRÓNICA PARA PROVEEDORES DE LA JUNTA DE COMUNIDADES DE CASTILLA LA MANCHA. Índice 1. INTRODUCCIÓN... 3 2. ACCESO A LA PLATAFORMA
Más detallesQue es PHP? Que se puede hacer con PHP? Sintaxis del lenguaje. Variables. Operadores básicos. Condicionales. Ciclos.
Que es PHP? Que se puede hacer con PHP? Sintaxis del lenguaje. Variables. Operadores básicos. Condicionales. Ciclos. Qué es PHP? PHP (Hypertext Preprocessor). Es un lenguaje de programación: De código
Más detallesDOCUMENTOS COMPARTIDOS CON GOOGLE DOCS
DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS 1. Introducción Los ambientes de aprendizaje acompañados de trabajos colaborativos como estrategia se revierten en actividades de diferente índole (análisis de videos,
Más detallesEn la siguiente imagen se muestra la pantalla principal del portafolio de un usuario que será utilizado para explicar cada aspecto del mismo.
Manual Portafolio El portafolio digital provee a los usuarios de herramientas para crear y mantener su propio portafolio digital en su proceso de formación en moodle en el cual podrán enviar sus trabajos,
Más detallesComo instalar y usar Windows XP y Windows 7 en el mismo equipo
Como instalar y usar Windows XP y Windows 7 en el mismo equipo Tabla de contenido. Requisitos para instalar Windows XP en una PC con Windows 7. Lo que debemos conocer antes de instalar. Crear una nueva
Más detallesEjercicio: Mensajes Alert, Confirm y Prompt
Ejercicio: Mensajes Alert, Confirm y Prompt Utilizando Javascript podemos crear tres diferentes tipos de mensajes emergentes que se pueden usar para mostrar información, obtener confirmación u obtener
Más detalles1.- MENU DE CONTROL O MENU VENTANA: permite cerrar la ventana cambiarla de tamaño y pasar a otra ventana
EXCEL PRÓLOGO Microsoft Excel es una hoja de cálculo de gran capacidad y fácil uso. Excel no solo es una hoja de calculo, sino también tiene capacidad para diseñar bases de datos (listas) de forma totalmente
Más detallesBANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
Más detallesOutlook Web Access Para Exchange Server
INSTITUO NACIONAL DE ESTADISTICA E INFORMATICA OFICINA TECNICA DE INFORMATICA Outlook Web Access Para Exchange Server Dirección Ejecutiva de Soporte Técnico - OTIN Administración de Red INEI Outlook Web
Más detallesSistema de Gestión Portuaria Sistema de Gestión Portuaria Uso General del Sistema
Sistema de Gestión Portuaria Uso General del Sistema Uso General del Sistema Página 1 de 21 Contenido Contenido... 2 1.Ingreso al Sistema... 3 2.Uso del Menú... 6 3.Visualizar Novedades del Sistema...
Más detallesMovistar Imagenio Keteké (Comunidad MoviStar) MANUAL DE USUARIO
Keteké (Comunidad MoviStar) MANUAL DE USUARIO Versión: 1 Publicación: Mayo 2010 Este manual de servicio es propiedad de Telefónica de España SAU, queda terminante prohibida la manipulación total o parcial
Más detallesSEGUNDA PARTE: DOM y jquery
SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos
Más detallesRegión de Murcia Consejería de Educación, Ciencia e Investigación. Manual Usuario FCT
. Manual Usuario FCT Murcia, 9 de Julio de 2007 Manual de Usuario FCT v1.0 pág. 2 de 73 ÍNDICE Manual Usuario FCT...1 1. Tipos de usuarios... 4 2. Modelo de navegación... 5 3. Servicios... 6 3.1. Convenios...
Más detallesProceso de Instalación Una vez agregada como aplicación a su sitio y que esté disponible:
Proceso de Instalación Una vez agregada como aplicación a su sitio y que esté disponible: Editamos página, en la Ribbon agregamos elemento de aplicación Seleccionamos nuestro WebPart OTic Visor de Lista
Más detallesA continuación se describen cuáles son los elementos principales de las tablas, cómo crear una y cómo modificarla.
4. TABLAS A continuación se describen cuáles son los elementos principales de las tablas, cómo crear una y cómo modificarla. 4.1. Principales Elementos Al momento de generar y diseñar una tabla es importante
Más detallesMANUAL DE USO PROGRAMA DE GESTIÓN AGENCIAS DE VIAJES
MANUAL DE USO PROGRAMA DE GESTIÓN AGENCIAS DE VIAJES Estructura general... 2 Pantalla General de Reservas... 3 Alta de una reserva Pantalla de un expediente... 5 Manejo de Documentos... 7 Ejemplo de un
Más detallesDiseño de páginas web
Diseño de páginas web Utilidades en Dreamweaver Ricardo Esteban Alonso Preferencias. Edición En el menú Edición > Preferencias...,podemos modificar a nuestro gusto las opciones que de forma predeterminada
Más detallesCAPÍTULO 4. EL EXPLORADOR DE WINDOWS XP
CAPÍTULO 4. EL EXPLORADOR DE WINDOWS XP Características del Explorador de Windows El Explorador de Windows es una de las aplicaciones más importantes con las que cuenta Windows. Es una herramienta indispensable
Más detallesHaga clic en los recuadros donde indica la mano y regrese al inicio del capítulo al hacer clic en el título de la sección donde se encuentra
Cómo gestiono el Plan Anual de Adquisiciones de mi Entidad en el SECOP II? Crear equipo Crear Plan Anual de Adquisiciones Publicar Plan Anual de Adquisiciones Modificar Plan Anual de Adquisiciones Buscar
Más detallesPasos para crear un sitio web ASP.Net con el Visual Studio en cualquiera de sus versiones. Unidad 1. Conceptos [ASP.NET EN VISUAL STUDIO]
Pasos para crear un sitio web ASP.Net con el Visual Studio en cualquiera de sus versiones Conceptos Lo primero que necesitamos para crear una aplicación o proyecto web es seleccionar el entorno del Visual
Más detallesGuía de Aprendizaje No. 1
MICROSOFT WORD Fundamentos básicos, ejecutar Word, su ventana y sus barras de herramientas Objetivos de la Guía de Aprendizaje No. 1 Obtener fundamentos básicos sobre Procesador de Texto Microsoft Word
Más detallesPlataforma Educativa Manual del Docente Nivel II Módulo 3 Wiki
2014 Plataforma Educativa Manual del Docente Nivel II Módulo 3 Wiki Dirección Provincial de Tecnologías Educativas Dirección Provincial de Tecnologías Educativas Ministerio de Educación Ministerio de Educación
Más detallesSUPERINTENDENCIA DE INDUSTRIA Y COMERCIO DELEGATURA DE PROPIEDAD INDUSTRIAL DIVISIÓN DE SIGNOS DISTINTIVOS
SUPERINTENDENCIA DE INDUSTRIA Y COMERCIO DELEGATURA DE PROPIEDAD INDUSTRIAL DIVISIÓN DE SIGNOS DISTINTIVOS MANUAL DE USUARIO NOTIFICACIÓN DE ACTOS ADMINISTRATIVOS VIA INTERNET Elaborado por: Oficina de
Más detallesPartes del formulario
Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor
Más detallesMANUAL DE AYUDA MODULO TALLAS Y COLORES
MANUAL DE AYUDA MODULO TALLAS Y COLORES Fecha última revisión: Enero 2010 Índice TALLAS Y COLORES... 3 1. Introducción... 3 CONFIGURACIÓN PARÁMETROS TC (Tallas y Colores)... 3 2. Módulos Visibles... 3
Más detallesManual de usuario Noticias y Accesos Directos en Facultades ÍNDICE
Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE 1. PARA QUÉ SIRVE ESTA APLICACIÓN? 2. QUIÉN PUEDE HACER USO DE ELLA? 3. CÓMO SE UTILIZA? 1. PARA QUE SIRVE ESTA APLICACIÓN? El objeto
Más detallesPANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros
Más detallesCOMBINAR CORRESPONDENCIA EN MICROSOFT WORD
COMBINAR CORRESPONDENCIA EN MICROSOFT WORD Combinar documentos consiste en unir dos documentos diferentes sin que se modifiquen los datos que aparecen en ellos. Esta operación es muy útil y muy frecuente
Más detallesDiseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
Más detallesMANUAL DE LA APLICACIÓN DE ENVÍO DE SMS
MANUAL DE LA APLICACIÓN DE ENVÍO DE SMS SEGUIMIENTO DE VERSIONES Versión Novedades respecto a la versión anterior Fecha Versión 1.0 14/03/2011 Página 2 ÍNDICE ÍNDICE... 3 1. INTRODUCCIÓN... 4 2. MÓDULO
Más detalles