UF1304 Elaboración de plantillas y formularios

Tamaño: px
Comenzar la demostración a partir de la página:

Download "UF1304 Elaboración de plantillas y formularios"

Transcripción

1 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 web atendiendo a las especificaciones de diseño recibidas - Crear formularios e integrarlos en páginas web para incluir interactividad en las mismas, siguiendo unas especificaciones funcionales recibidas

2

3 tema 1 Características Elementos y atributos de formulario Controles de formulario Formularios y eventos. Criterios de accesibilidad y usabilidad en el diseño de formularios OBJETIVOS: - Crear formularios e integrarlos en páginas web - Añadir interactividad a las páginas web - Identificar las etiquetas y los atributos que se utilizan en la creación de los formularios 1. CARACTERÍSTICAS 1.1 La interactividad de las páginas web Unos de los métodos de interactuar entre el usuario y los gestores de una web son los formularios. Un formulario HTML es una agrupación de elementos cuya función principal será el envío de datos desde el visitante hacia aquellos que administran la página. En nuestra web además de información (texto), imágenes o enlaces

4 podemos necesitar recabar información. Ejemplos típicos son los formularios de sugerencias, los de registro, los de suscripción a un servicio de la página, los de petición de información. Quizá el ejemplo de formulario más sencillo a la vez que posiblemente sea también el más usado del mundo podemos verlos en la imagen siguiente: La caja donde introducimos el término de búsqueda es parte de un formulario, el más simple posible, pero al fin y al cabo un formulario. A esta caja se le denomina caja de texto y es el elemento más común. 1.2 La variabilidad de los datos de la página web Dentro de Internet tenemos múltiples páginas, y dentro de ellas infinidad de formularios desde los que nos requieren multitud de información. Pueden ser datos de registro, con nombre, apellidos, etc. Pueden ser peticiones de opiniones sobre múltiples aspectos, sobre si nos ha gustado o no la web, sobre recomendaciones, sugerencias, etc. Como ejemplo en la siguiente imagen vemos un formulario de registro, en este caso en la versión online del periódico El País. En esta página vemos un típico formulario de registro, con diferentes tipos de elementos de formulario, cajas de texto y cuadros de verificación. Tan solo se nos pide el correo electrónico y una contraseña, pg. 14 Tema 1 / Formularios en la construcción de páginas web

5 editorialcep } Atención: Captcha son las siglas en inglés de Completely Automated Public Turing Test to tell Computers and Humans Apart, o en español Prueba de Turing completamente automática y pública para diferenciar computadoras de humanos. Constituye una prueba de Turing inversa. Turing ( ) fue un matemático inglés considerado como uno de los padres de la computación. La máquina de Turing es posiblemente su contribución más conocida y consiste en un dispositivo hipotético que sirve para simular cualquier algoritmo de computador. Como curiosidad, Turing fue durante la Segunda Guerra Mundial una de las personas que consiguió descifrar los códigos secretos que utilizaba la máquina alemana Enigma. ambos por partida doble para evitar errores. También aparece un código de verificación o captcha. Consiste en mostrar al usuario una serie de caracteres, numéricos y/o alfabéticos, distorsionados para que los reproduzca en una caja de texto. Otro ejemplo es el formulario de contacto y sugerencias de la Agencia Estatal de Meteorología (AEMET). Cuando rellenamos un formulario, sobre todo cuando comunicamos datos personales e importantes, debemos fijarnos en que el protocolo de comunicación que utiliza la página sea seguro. Para ello nos aseguraremos de que la URL comience por https, como en la imagen siguiente. Este sistema es un mecanismo que asegura que la persona que rellena el formulario es una persona y no una máquina, evitando de esta manera que se hagan registros masivos de forma automática. UF1304 / Elaboración de plantillas y formularios pg. 15

6 1.3 El envío de información a servidores Desde cualquier formulario se puede enviar la información a otra página encargada de recoger los datos de este. Desde esta página posteriormente pueden almacenarse de alguna manera, habitualmente en una base de datos, para tratar posteriormente esta información. Para enviar esos datos a un servidor, utilicemos el método que sea, habrá que usar un lenguaje de programación del lado del servidor que nos permita conectar con la base de datos. Uno de los más extendidos es PHP, que tiene una fácil conexión con el gestor de base de datos MySQL. En las líneas anteriores hemos hablado de métodos de envío. Estos métodos definen la manera en la que enviamos los datos y son dos: GET y POST. - GET: usando GET tan solo podemos enviar hasta 500 bytes a la página de destino y además no permite el envío de archivos adjuntos. Otra característica importante es que los datos que se transmiten aparecen formando parte de la URL de destino. Si vemos la dirección que se forma cuando buscamos algo en Google podremos ver un claro ejemplo de formulario enviado a través de un método GET. Los datos rellenados en el formulario, en este caso las palabras de nuestra búsqueda, aparecen formando parte de la URL. pg. 16 Tema 1 / Formularios en la construcción de páginas web

7 editorialcep } - POST: cuando utilizamos es método post los datos enviados no se ven en la URL por lo que para formularios con datos personales o sensibles es una buena idea su uso. Por regla general utilizaremos post cuando queremos enviar una cantidad grande de información o bien su destino es modificar o incorporarse a una base de datos. 2. ELEMENTOS Y ATRIBUTOS DE FORMULARIO 2.1 Descripción y definición de los elementos de un formulario Un formulario HTML siempre tendrá que ser declarado con la etiqueta <form>. Entre esta y su correspondiente cierre </form>, podremos insertar todos los elementos necesarios. Veamos primero cuales son los atributos que se pueden utilizar. - action: especifica donde van los datos cuando el usuario los envía. La página que los recoge los tratará, probablemente usando una aplicación de servidor y base de datos (por ejemplo un programa PHP y base de datos mysql). - method: indica el método de http utilizado para enviar los datos cuando el usuario pulse el botón submit. Las dos opciones son get y post que ya hemos visto. - name: indicamos el nombre del formulario. Es un campo importante, ya que para referirnos a él, por ejemplo con javascript, será imprescindible. UF1304 / Elaboración de plantillas y formularios pg. 17

8 - autocomplete: es nuevo, incluido en HTML5. Sus posibles valores son on/off y sirve para activar el autocompletado de los campos. - novalidate: también incluido en HTML5, e indica que el formulario no sea validado cuando se envíe. 2.2 Utilización de campos y textos Entre la etiqueta de inicio y cierre de form, podremos utilizar una serie de elementos para crear nuestros formularios. El siguiente es un ejemplo sencillo de código HTML para definir un formulario <form action= destino.php > Nombre: <input type= text name= nombre ><br> Apellidos: <input type= text name= apellidos ><br> <input type= submit value= Submit > </form> Y el resultado de este código: 2.3 Etiquetas de los formularios Es importante hacer referencia al uso de la etiqueta label. Esta etiqueta tiene como función la de incluir un texto junto a cualquier control del formulario, pero su utilidad va un poco más allá. El verdadero interés consiste en que con ella asociamos a cada control una etiqueta, de manera que no hay lugar a dudas cuando se repasa el código y sabemos exactamente qué corresponde con qué. El ejemplo de la sección anterior debería ser: pg. 18 Tema 1 / Formularios en la construcción de páginas web

9 editorialcep } <form action= destino.php > <label for= nombre >Nombre:</label> <input type= text name= nombre ><br> <label for= apellidos >Apellidos:</label> <input type= text name= apellidos ><br> <input type= submit value= Submit > </form> Con el atributo for, vinculamos cada label con su control. El uso de label puede parecer tedioso y que no obtenemos nada a cambio, pero en formularios complejos agradecemos esta ayuda. Así mismo también conseguimos que nuestro código esté bien formado, lo cual siempre debe ser un objetivo, sobre todo cuando se está empezando. 2.4 Tamaños, columnas y filas de los formularios Los aspectos de estilo como el tamaño de los elementos, de la letra o la disposición de los elementos de un formularios deben abordarse usando hojas de estilo. Antes del uso extendido de CSS era habitual utilizar tablas para cuadrar y maquetar los elementos HTML allí donde los queríamos tener. Hoy en día, si queremos un formulario a dos columnas, se hará usando capas y situándolas correctamente. Un elemento útil para agrupar otros elementos es fieldset, que nos permite agrupar varios controles. Veamos un ejemplo: <form name= agrupacioncampos > <fieldset> <legend>datos personales:</legend> <label for= nombre >Nombre:</label> <input type= text name= nombre ><br> <label for= >Correo electrónico:</label> <input type= name= correoe ><br> <label for= nacimiento >Fecha nacimiento:</label> <input type= date name= nacimiento > </fieldset> </form> UF1304 / Elaboración de plantillas y formularios pg. 19

10 Cuyo resultado sería: Pueden utilizarse los atributos disabled, form (para especificar los formularios a los que pertenece) y name, todos ellos nuevos con HTML5. Si combinamos lo hablado anteriormente con este nuevo elemento podemos obtener formularios como este El código utilizado, tanto HTML como CSS es el siguiente: HTML <!DOCTYPE HTML> <html> <head> <meta http-equiv= Content-Type content= text/html; charset=utf-8 /> <title>formulario en dos columnas</title> <link href= columnas.css type= text/css rel= stylesheet > </head> pg. 20 Tema 1 / Formularios en la construcción de páginas web

Alternativas al método Captcha

Alternativas al método Captcha s Alternativas al método Captcha Introducción En muchas ocasiones nos habremos encontrado delante de un formulario en una página web con un campo donde debemos introducir una serie de caracteres, en ocasiones

Más detalles

UF1302 Creación de páginas web con lenguajes de marcas

UF1302 Creación de páginas web con lenguajes de marcas UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición

Más detalles

Taller de creación de blogs. 1. Qué es un blog?... 1 2 Estructura de un blog... 2 3. Comentar un blog... 3 4 Crear un blog con Blogger...

Taller de creación de blogs. 1. Qué es un blog?... 1 2 Estructura de un blog... 2 3. Comentar un blog... 3 4 Crear un blog con Blogger... 1. Qué es un blog?... 1 2 Estructura de un blog... 2 3. Comentar un blog... 3 4 Crear un blog con Blogger..... 4 Elaborado por Tecniber-5 Revisado, enero de 2012 1. Qué es un blog? Un blog (en inglés weblog,

Más detalles

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 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 detalles

CHARSET: CODIFICACIÓN DE CARACTERES PARA GENERAR

CHARSET: CODIFICACIÓN DE CARACTERES PARA GENERAR CHARSET: CODIFICACIÓN DE CARACTERES PARA GENERAR EMAILINGS EFICIENTES Los equipos informáticos no hablan español, inglés ni chino, sino en código binario; para codificar todo lo que vemos en nuestras pantallas

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

HTML 5 : Formularios

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

Más detalles

Formularios HTML. Elementos de Programación y Lógica

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,

Más detalles

Blogger: herramienta de creación y gestión de blogs

Blogger: herramienta de creación y gestión de blogs Blogger: herramienta de creación y gestión de blogs Objetivo de aprendizaje Las personas participantes serán capaces de crear y gestionar un blog con Blogger. Existen numerosos servicios gratuitos para

Más detalles

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net

Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Manual del Profesor/a Por favor, mándenos sus comentarios, sugerencias y mejoras a vcampos@ciberaula.net Introducción Proyectos es un Sistema de Gestión de Comunidades Virtuales en Web, creado por Quaderns

Más detalles

DISEÑO WEB ADOBE DREAMWEAVER CS3

DISEÑ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 detalles

APRENDE A CREAR UNA PÁGINA WEB CON HTML

APRENDE 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 detalles

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:

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 detalles

Laboratorio 6. Creación de sitios Web - Dreamweaver

Laboratorio 6. Creación de sitios Web - Dreamweaver UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 6. Creación de sitios Web - Dreamweaver El objetivo de este laboratorio es aprender a crear sitios

Más detalles

Bases de Datos. Marta Elena Zorrilla Pantaleón. Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN

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:

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 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 detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web Cursos de DISEÑO DE PÁGINAS WEB [ ] Diseño de Páginas Web DISEÑO DE PÁGINAS WEB El Curso de Diseño de Páginas Web permite dotar a los trabajadores de la formación necesaria que les capacite y prepare para

Más detalles

Introducción al desarrollo web (idesweb)

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

Más detalles

PRÁCTICA 10. Configuración de Correo y Publicar en la Web

PRÁCTICA 10. Configuración de Correo y Publicar en la Web PRÁCTICA 10. Configuración de Correo y Publicar en la Web INFORMÁTICA BÁSICA Publicidad y Relaciones Públicas y Periodismo. Curso 2006/2007 1. Configuración del correo Gestores de correo en la máquina

Más detalles

Capítulo 1 Documentos HTML5

Capítulo 1 Documentos HTML5 Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs

Más detalles

Escribiendo el HTML. Un formulario se declara entre estos dos tags:

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

Más detalles

Índice: Tema 4.2 4.2 Conexión con Bases de Datos

Índice: Tema 4.2 4.2 Conexión con Bases de Datos Índice: Tema 4.2 4.2 Conexión con Bases de Datos 4.2.1 Envío y recepción de datos mediante formularios 4.2.2 Administración de MySQL con phpmyadmin 4.2.3 Conexión con Bases de Datos desde PHP Índice: Tema

Más detalles

Los formularios irán delimitados por las etiquetas
y
, la cual tiene dos parámetros:

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,...

Más detalles

Tema 4: Tecnologías Web Java

Tema 4: Tecnologías Web Java Tema 4: Tecnologías Web Java Introducción Aplicación web Aplicación que corre en al menos un servidor y a la que el usuario accede desde un cliente de propósito general (ej.: navegador en un PC, teléfono

Más detalles

TALLER CREACIÓN PÁGINAS WEB - NVU Prácticas

TALLER CREACIÓN PÁGINAS WEB - NVU Prácticas TALLER CREACIÓN PÁGINAS WEB - NVU Prácticas Departament: Societat de la Informació Data del document: 20/03/2007 Esta obra está bajo la licencia Reconocimiento-NoComercial-SinObraDerivada 2.5 de Creative

Más detalles

Taller de Paginas Web

Taller de Paginas Web Taller de Paginas Web Las páginas web son documentos de texto que se comparten en la red. La mecánica es la siguiente : Un ordenador de usuario, que llamarermos cliente, hace una petición a una direccion

Más detalles

Diseño de Páginas Web 2011

Diseño de Páginas Web 2011 Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización

Más detalles

Curso de Elaboración de Plantillas y Formularios (UF1304) (60 horas)

Curso de Elaboración de Plantillas y Formularios (UF1304) (60 horas) Curso de Elaboración de Plantillas y Formularios (UF1304) (60 horas) Curso de Elaboración de Plantillas y Formularios (UF1304) En Vértice Training, conscientes de la continua necesidad de formación tanto

Más detalles

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA AUTORÍA PEDRO J. MORENO GARCÍA TEMÁTICA TIC ETAPA ESO, BACHILLERATO,FP Resumen Con Joomla podemos crear en pocas horas un completo portal para

Más detalles

Diseño de páginas web 2011

Diseñ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 detalles

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos:

Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Conceptos básicos de la internet y la web Para iniciarnos en el estudio de este curso necesitamos estar familiarizados con ciertos conceptos generales, entre ellos: Internet: Red mundial de computadoras

Más detalles

Introducción al desarrollo web (idesweb) - 3 a ed.

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

Más detalles

Programa diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.

Programa 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 detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

1 Itinerario. 2 Descripción y funcionalidades principales. Google Docs. 1.1 Qué vamos a hacer? 1.2 Qué pasos vamos a seguir?

1 Itinerario. 2 Descripción y funcionalidades principales. Google Docs. 1.1 Qué vamos a hacer? 1.2 Qué pasos vamos a seguir? Google Docs 1 Itinerario 1.1 Qué vamos a hacer? En este tutorial aprendemos a manejar la herramienta Google Docs, de esta forma nos introduciremos en el llamado cloud computing, que podemos traducir como,

Más detalles

BASES DE DATOS - Microsoft ACCESS 2007-

BASES DE DATOS - Microsoft ACCESS 2007- BASES DE DATOS - Microsoft ACCESS 2007- Una base de datos es un archivo estructurado de datos que nos permite almacenarlos, modificarlos, ordenarlos, generar informes etc., de manera rápida. Un listín

Más detalles

PRESENTACIÓN DEL PRODUCTO

PRESENTACIÓN DEL PRODUCTO PRESENTACIÓN DEL PRODUCTO esernet, s.l. Sebastián Elcano, 32 Planta 1 Oficina 22 28012 Madrid Teléfono: 91 433 84 38 -- Fax. 91 141 21 89 www.esernet.com -- esernet@esernet.com 1. Introducción 2. Descripción

Más detalles

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver

Más detalles

Internet Aula Abierta 2.0. Correo Web. Ministerio de Educación. ITE Internet Aula Abierta 2.0.

Internet Aula Abierta 2.0. Correo Web. Ministerio de Educación. ITE Internet Aula Abierta 2.0. Internet Aula Abierta 2.0. Correo Web Ministerio de Educación. ITE Internet Aula Abierta 2.0. Índice Correo Web. 1 Ejemplos de Correo Web 3 Gmail 8 Características... 4 Crear una cuenta... 11 Configuración.

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

HTML, PHP y bases de datos

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

Más detalles

Desarrollo y servicios web

Desarrollo y servicios web Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2014-2 2 Sesión 3. Arquitectura web básica parte 2 Qué haremos hoy? 3 1. La era post pc 2. Nombres de dominio 3. URL 4.HTTP( GET / POST) La era post-pc

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Formularios Ricardo Esteban Alonso Insertar Formularios (1) Permiten que el visitante envíe información al servidor web, que la procesa y la almacena o bien se nos envía a través

Más detalles

PLAN DE PRUEBAS DE LA SKILLS

PLAN DE PRUEBAS DE LA SKILLS PLAN DE PRUEBAS DE LA SKILLS 17 DISEÑO WEB 1.-Introducción Spainfood es una web que pretende crear una comunidad para potenciar y difundir la cocina española tradicional. Es bien sabido que "en el Sur

Más detalles

Taller de Desarrollo de Aplicaciones Web

Taller de Desarrollo de Aplicaciones Web Universidad Nacional de José C. Paz Taller de Desarrollo de Aplicaciones Web Introducción a la programación web Prof. Martín Miguel Machuca Prof. Martín Miguel Machuca Introducción En la actualidad, cuando

Más detalles

Cómo crear un Blog gratuito

Cómo crear un Blog gratuito Cómo crear un Blog gratuito con Blogger de Google Prof. E. Pérez Desarrollo Tecnológico/22 oct. 09 1 Su cuenta con GMail Importante: Para crear un Blog en Blogger en necesario tener una cuenta de correo

Más detalles

Webquest Creator Manual*

Webquest Creator Manual* Tras el registro, si todo es correcto ya estaremos dentro de la aplicación sin necesidad de pasar por el menú Entrar. La siguiente vez que queramos editar o crear una webquest ya si http://www.culturaemprendedora.es/manualwq/wq_manual.htm

Más detalles

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente.

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente. MASTER PROGRAMACIÓN WEB (II) 1. Introducción al Curso programación Web. Diccionario de téminos. Gestor de contenido CMS, Servidor, Base de Datos, CSS, HTML, HTML5, PHP, Wordpress, Joomla, CMS, JQuery,

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

MANUAL DE USO PROGRAMA DE GESTIÓN AGENCIAS DE VIAJES

MANUAL 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 detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

Manual básico de Outlook Express

Manual básico de Outlook Express Manual básico de Outlook Express INDICE 1. Elementos básicos a. Crear un correo nuevo. b. Enviar y recibir correo. c. Direcciones. d. Buscar en correos. 2. Utilidades a. Cómo adjuntar archivos. b. Insertar

Más detalles

El e-commerce de Grupo JAB es una herramienta que permite a los clientes del Grupo, realizar un amplio conjunto de servicios de consulta, petición y

El e-commerce de Grupo JAB es una herramienta que permite a los clientes del Grupo, realizar un amplio conjunto de servicios de consulta, petición y El de Grupo JAB es una herramienta que permite a los clientes del Grupo, realizar un amplio conjunto de servicios de consulta, petición y compra en los diversos almacenes del Grupo JAB. En concreto podremos:

Más detalles

Email Marketing, una herramienta para mejorar tu negocio

Email Marketing, una herramienta para mejorar tu negocio Email Marketing, una herramienta para mejorar tu negocio Calle San Rafael, 14 28108 Alcobendas (Madrid) 902 90 10 20 www..com Introducción Desde la aparición del correo electrónico, éste sistema de comunicación

Más detalles

Bases de Datos. Marta Elena Zorrilla Pantaleón Rafael Duque Medina DPTO. DE MATEMÁTICAS, ESTADÍSTICA Y COMPUTACIÓN

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. 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 detalles

Ejemplos básicos de webmathematica para profesores

Ejemplos básicos de webmathematica para profesores Ejemplos básicos de webmathematica para profesores Cualquier cálculo hecho dentro Mathematica puede ser realizado usando webmathematica con dos limitaciones significativas. Primero, al usar webmathematica,

Más detalles

Curso de Diseño de Páginas Web

Curso de Diseño de Páginas Web Curso de Diseño de Páginas Web (90 horas) 1 Curso de Diseño de Páginas Web En Vértice Institute, conscientes de la necesidad de progreso y evolución de la sociedad actual, hemos desarrollado unos programas

Más detalles

4.- Composer: Formato de párrafos, títulos y listas

4.- Composer: Formato de párrafos, títulos y listas 4.- Composer: Formato de párrafos, títulos y listas 4.1 Antes de empezar Vamos a configurar el composer antes de empezar a trabajar con él, para ello nos vamos al menú Editar/Preferencias y seleccionamos

Más detalles

Guía de uso de la aplicación ARIES

Guía de uso de la aplicación ARIES Subdirección General de Sistemas Informáticos y Comunicaciones Guía de uso de la aplicación ARIES Sistema de Información para la Identificación y Genotipado de Ganado Ovino ÍNDICE Índice... 2 Introducción...

Más detalles

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples

Más detalles

INCRUSTAR, ENLAZAR EMBED

INCRUSTAR, ENLAZAR EMBED TEMA 5 INCRUSTAR, ENLAZAR EMBED 5.1. Enlazar con Álbum de Picasa. PICASA es el lugar de Google donde podemos colgar nuestras fotos y crear álbumes. Una de las maneras de llegar a PICASA es a través del

Más detalles

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 Manual de Formulario info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 MANUAL DE FORMULARIO CONTROL DEL DOCUMENTOS Realizado (21/01/2010) Inmaculada Peña Ruiz Técnico Revisado

Más detalles

Es una aplicación online gratuita, Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento

Es una aplicación online gratuita, Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento Google Sites: Es una aplicación online gratuita, Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento 1. Registro Previo 1.1- Pantalla de Bienvenida

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

La única regla que debe de tener presente siempre, es que cada etiqueta que abra debe de cerrarla en el mismo orden < /etiqueta cerrada>.

La única regla que debe de tener presente siempre, es que cada etiqueta que abra <etiqueta> debe de cerrarla en el mismo orden < /etiqueta cerrada>. Antes de comenzar, si algo no está en este manual, utilice google para averiguarlo y acostúmbrese a ello ya que será la mejor herramienta que pueda encontrar. La estructura básica de toda página web es:

Más detalles

1. Tutorial Página Personal... 2

1. Tutorial Página Personal... 2 Índice 1. Tutorial Página Personal... 2 1.1. Introducción... 2 1.2. Tutorial de edición de páginas web con Kompozer... 2 1.2.1. Descarga del programa... 2 1.2.2. Edición de la página web... 4 1.3. Como

Más detalles

1. Servidor Web. (apache). 2. PHP. 3. Manejador de base de datos (mysql, postgress).

1. Servidor Web. (apache). 2. PHP. 3. Manejador de base de datos (mysql, postgress). COMO DESARROLLAR UN SISTEMA EN PHP PASO A PASO. (Guía practica). La presente guía esta diseñada para orientar a los programadores que se están iniciando en el mundo del php, a desarrollar una aplicación

Más detalles

Crear presentaciones con PREZI

Crear presentaciones con PREZI 2012 Crear presentaciones con PREZI Manual de creación y manejo de la HERRAMIENTA WEB 2.0 PREZI. JAVIER FERNÁNDEZ ÁLVAREZ www.masqueunlapiz.com Crear una presentación con PREZI PREZI es una herramienta

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

Departamento CERES Área de Tarjetas Inteligentes Manual de Usuario

Departamento CERES Área de Tarjetas Inteligentes Manual de Usuario 14 CORREO SEGURO. Hay aplicaciones de correo que permiten enviar y recibir correos cifrados y firmados digitalmente utilizando criptografía. Estas operaciones garantizan el intercambio seguro de información,

Más detalles

Plantilla de texto plano

Plantilla de texto plano Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en

Más detalles

CÓMO CREAR NUESTRO CATÁLOGO

CÓMO CREAR NUESTRO CATÁLOGO CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,

Más detalles

Manual de integrador

Manual de integrador Bit4id Ibérica C/ Marie Curie, 8-14 Forum Nord de Tecnología 08042 Barcelona España Tel. +34 935 35 35 18 info.es@bit4id.com Bit4id Portugal Alameda Bonifácio Lázaro Lozano Nº 13, Ed. B, 1º E 2780-125

Más detalles

Intranet de Corredores

Intranet de Corredores Intranet de Corredores (Manual de Uso) (manual Herramientas para Corredores y Corredurías de Seguros, de 1 Índice 1. Introducción. 2. Ventajas. 3. Requisitos del sistema. 4. Acceso inicial "alta de empresa

Más detalles

III Congreso de Mathematica en España (3CM) webmathematica: Interactuando con Mathematica desde Internet

III Congreso de Mathematica en España (3CM) webmathematica: Interactuando con Mathematica desde Internet III Congreso de Mathematica en España (3CM) webmathematica: Interactuando con Mathematica desde Internet J. Guillermo Sánchez León Cada vez es más demandado que las aplicaciones informáticas se puedan

Más detalles

http://itcformacionyconsultoria.com Página 1 de 6

http://itcformacionyconsultoria.com Página 1 de 6 DIS006. DISEÑO DE PÁGINAS WEB CON DREAMWEAVER. NIVEL PERFECCIONAMIENTO DESTINATARIOS El curso está dirigido a todas aquellas personas que, sin tener nociones previas, ni experiencia, desean adquirir los

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

Más detalles

EL CORREO ELECTRÓNICO 2.0

EL CORREO ELECTRÓNICO 2.0 EL CORREO ELECTRÓNICO 2.0 Comienza con esta entrega una revisión de los principales servicios web que ofrece Google y que pueden ser de utilidad en un centro educativo. Gmail es el servicio gratuito de

Más detalles

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este

Más detalles

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web 56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales

Más detalles

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO

Más detalles

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0

Manual de gestión de contenidos web en entorno Drupal. Versión sitio maestro para servicios 1.0 Manual de gestión de contenidos web en entorno Drupal Versión sitio maestro para servicios 1.0 Contenido Gestión de contenidos... 5 Crear contenidos... 5 Tipos de contenido... 5 Página básica o basic

Más detalles

Configuración de un sitio local

Configuración de un sitio local Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes

Más detalles

9. Composer: Bugs y consejos.

9. Composer: Bugs y consejos. 9. Composer: Bugs y consejos. Composer: bugs y consejos 9.1. Sobre la barra de herramientas de formato Elegir color para remarcar texto En la actualidad existe un lenguaje complementario a las etiquetas

Más detalles

UF1303 Elaboración de hojas de estilo

UF1303 Elaboración de hojas de estilo UF1303 Elaboración de hojas de estilo TEMA 1. Hojas de estilo en la construcción de páginas web TEMA 2. Diseño, ubicación y optimización de los contenidos de una página web OBJETIVOS: - Describir las características

Más detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto

Más detalles

Descripción del tutorial. Contenidos. www.facebook.com/codigonexogr. @codigonexo. www.plus.google.com/+codigonexogr/

Descripción del tutorial. Contenidos. www.facebook.com/codigonexogr. @codigonexo. www.plus.google.com/+codigonexogr/ www.facebook.com/codigonexogr @codigonexo www.plus.google.com/+codigonexogr/ Contenidos 1. Introducción al patrón MVC 1.1.Conceptos básicos Qué es un patrón 1.2.Estructura del patrón MVC 1.3.Cómo funciona

Más detalles

Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS

Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS Centro de Referencia en Accesibilidad y Estándares Web Mayo 2009 Copyright 2009 Instituto Nacional de la comunicación (INTECO) El presente documento

Más detalles

TRABAJANDO CON NUESTRO BLOG DE AULA

TRABAJANDO CON NUESTRO BLOG DE AULA TRABAJANDO CON NUESTRO BLOG DE AULA Tutorial sobre cómo crear un Blog de Aula mediante la plataforma Blogger Curso 2012/13 Daniel Mantilla Fernández Tutorial 1. Crear una cuenta de correo en Gmail Para

Más detalles

Nos situamos en la pestaña DISEÑO y encontraremos varios lugares donde añadir un gadget: columnas, debajo de la cabecera, en el pie del blog

Nos situamos en la pestaña DISEÑO y encontraremos varios lugares donde añadir un gadget: columnas, debajo de la cabecera, en el pie del blog TEMA 4 GADGETS 4.1. Añadir Gadgets. Se conoce el término gadget o widget como una serie de mini aplicaciones diseñadas para proveer información, interacción a través de internet que, en nuestro caso, se

Más detalles

ELABORACIÓN DE UNA PÁGINA WEB

ELABORACIÓN DE UNA PÁGINA WEB ELABORACIÓN DE UNA PÁGINA WEB AUTORÍA JESÚS BELLOT RUBIO TEMÁTICA TIC ETAPA ESO, BACHILLERATO Resumen En este artículo pretendo exponer el material que elaboré para la realización de una página web de

Más detalles

INSTALACIÓN DEL MÓDULO... 3 CONFIGURACIÓN DEL MÓDULO... 4 ACTIVACIÓN DEL MÓDULO EN LA ADMINISTRACIÓN:... 4 CONFIGURACIÓN DEL MÓDULO:...

INSTALACIÓN DEL MÓDULO... 3 CONFIGURACIÓN DEL MÓDULO... 4 ACTIVACIÓN DEL MÓDULO EN LA ADMINISTRACIÓN:... 4 CONFIGURACIÓN DEL MÓDULO:... MANUAL 2LABELS 3.3 INDICE DEL CONTENIDO INSTALACIÓN DEL MÓDULO... 3 INSTALACIÓN DEL MÓDULO... 3 CONFIGURACIÓN DEL MÓDULO... 4 CONFIGURACIÓN DEL MÓDULO... 4 ACTIVACIÓN DEL MÓDULO EN LA ADMINISTRACIÓN:...

Más detalles

ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009)

ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009) JOOMLA! ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009) Es necesario comentar que este manual ha sido diseñado en su mayor parte por comunidadjoomla.org. Este manual es una

Más detalles

Guía Reseller Onbile. Plan Reseller Pro

Guía Reseller Onbile. Plan Reseller Pro Guía Reseller Onbile Estimado Reseller, Tiene alguna duda sobre el funcionamiento del Panel de Administración del Plan Reseller de Onbile? Entonces, la Guía Reseller Onbile es lo que necesita! Las siguientes

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

Más detalles

Manual de usuario de Windows Live Writer

Manual de usuario de Windows Live Writer Manual de usuario de Windows Live Writer Índice 0.- Introducción. 3 1.- Descarga e Instalación. 4 2.- Conexión a un blog. 7 3.- Interfaz de Windows Live Writer. 12 4.- Creación de un Post. 13 5.- Creación

Más detalles

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando

Más detalles