WML. Internet para móviles. En esta Unidad aprenderás a: Descubrir las limitaciones de los dispositivos WAP.

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

Download "WML. Internet para móviles. En esta Unidad aprenderás a: Descubrir las limitaciones de los dispositivos WAP."

Transcripción

1 WML Internet para móviles En esta Unidad aprenderás a: Descubrir las limitaciones de los dispositivos WAP. Conocer la estructura que tiene un documento WML. Construir instrucciones en WML. Diseñar páginas WML. Incluir imágenes y formularios en las páginas WML. Añadir eventos a las páginas WML.

2 . La tecnología móvil. La tecnología móvil En 99, tres compañías de telefonía móvil Motorola, Nokia y Ericsson y otra de software Phone.com crearon una empresa llamada WAP Forum. Ésta debía desarrollar y poner en marcha el llamado WAP (Wireless Aplication Protocol), un conjunto o pila de protocolos para dispositivos inalámbricos como los teléfonos móviles o las PDA. En el año 000, el WAP Forum se convirtió en Open Mobile Alliance y agrupaba ya a más de 00 empresas del sector de las telecomunicaciones. Los esfuerzos combinados de éstas permitieron la mejora de la antigua tecnología GSM, añadiéndole un nuevo subsistema de conmutación de paquetes por radio (GPRS) que posibilitaba la transmisión eficiente de datos. Internet acababa de llegar a las pantallas de los móviles. A Internet y la telefonía móvil El hecho de que Internet sea accesible desde un dispositivo inalámbrico, ya sea un móvil o una PDA, no quiere decir que el usuario pueda navegar por la red como si utilizase el ordenador de su casa. Un móvil no es un ordenador ni viceversa. Existen una serie de cuestiones que hay que tener en cuenta en este sentido: Movilidad. Con un dispositivo WAP, el usuario se puede conectar independientemente del lugar donde se encuentre. Como contrapartida, el pequeño tamaño de estos dispositivos hace imposible integrar en ellos potentes procesadores, cargarlos del último software o acoplarles una gran pantalla. Velocidad. En teoría, GPRS permite alcanzar una velocidad de transmisión de datos de hasta Kbps (kilobits por segundo). En la práctica, ésta se reduce a entre y Kbps en sentido descendente (red-terminal) y entre 9 y Kbps en sentido ascendente (terminal-red). Es decir, su velocidad es comparable a la de una línea fija de k, aceptable pero insuficiente si se compara con las conexiones de banda ancha existentes en la actualidad. coste añadido. Sin embargo, la conexión desde teléfonos móviles no suele ser muy habitual entre consumidores particulares y el precio de dicho tráfico puede resultar elevado a pesar de los bonos y ofertas de las compañías de telefonía móvil. Estas características implican una serie de diferencias importantes entre las tecnologías web tradicionales y las adaptadas al mundo inalámbrico. Los móviles y PDA, por ejemplo, no utilizan el protocolo http sino el protocolo WAP, no hablan HTML sino WML. Tanto WAP como WML son en realidad versiones reducidas de sus «hermanas» de la web y adaptadas a los microprocesadores y micronavegadores insertados en el pequeño espacio físico y de memoria que poseen estos dispositivos. Para que los dos mundos puedan «hablar» entre sí, ha sido necesario implementar una tecnología de red que traduzca las comunicaciones entre ambos. Al dispositivo que permite dicha comunicación se le llama gateway o pasarela. Si un sitio web quiere que sus contenidos HTML sean visibles para los móviles, debe recurrir a una pasarela que traduzca sus páginas a WML (véase la Figura.). Por desgracia, este tipo de tecnología no es fiable totalmente. A veces, la traducción de contenidos es imposible debido a la complejidad de la propia web (PHP, ASP, etc.); otras veces, la traducción acaba generando páginas inmensas, algo muy negativo cuando se habla de dispositivos en los que se tarifica por flujo de datos. Debido a esto, cada vez es más frecuente que las empresas interesadas en los usuarios de móviles se decanten por hacer versiones de sus páginas directamente en WML. De hecho, en 00 se aprobó la creación de los dominios.mobi, específicos para las páginas diseñadas para terminales móviles. Es aquí donde WML jugará un papel verdaderamente relevante. Fig... Esquema del sistema de comunicaciones tradicional entre un terminal WAP y un servidor web. Tarificación por volumen. Con GPRS se paga según la cantidad de bytes transferidos, no según la duración de la llamada. La información puede mantenerse en pantalla el tiempo que sea necesario sin Móvil Documento WML Gateway Documento HTML Servidor

3 . Estructura básica del lenguaje WML. Estructura básica del lenguaje WML Como ya se ha comentado, los desarrolladores tuvieron que adaptar el mundo web al pequeño espacio de los móviles y PDA. El lenguaje de marcas para dispositivos inalámbricos que «inventaron» fue WML (Wireless Markup Language). WML podría definirse como el lenguaje que se utiliza para realizar páginas destinadas a dispositivos WAP. Está basado en XML (extensible Markup Language, Lenguaje de marcas extensible; véase la Unidad ) y su estructura es muy similar al HTML aunque con diversas peculiaridades que pasaremos a ver a continuación. El proceso es similar al que se sigue en HTML, donde existen una serie de etiquetas (<html>, <head> y <body>), con sus correspondientes cierres (</body>, </head> y </html>) que determinan la estructura del documento. En este caso, la primera será, obviamente,. Una vez completado este paso, se tiene que declarar una carta. Para ello, simplemente tendremos que asignarle un título y un identificador por si se quiere referenciar posteriormente. A Estructura básica A diferencia del HTML, en WML se pueden tener varias páginas dentro de un mismo fichero de datos. Es decir, si en HTML debíamos crear un fichero por cada «objeto enlazable», en WML podemos tener varias páginas web dentro de un mismo archivo. Esto se debe a que en WML, un fichero es lo que se denomina una baraja (deck), la cual puede contener tantas cartas (cards, lo equivalente a páginas HMTL) como se quiera. El hecho de que se puedan tener varias cartas dentro de una baraja, no quiere decir que todo lo que se haga tenga que estar dentro de la misma. Con WML es posible organizar un sitio web en diferentes barajas (con sus correspondientes cartas) dado que se pueden crear enlaces entre ellas. Para ver la estructura básica de un documento WML, lo mejor es hacer una página simple. Nosotros empezaremos con uno de los clásicos de los ejercicios de programación: el famoso Hola Mundo. Dado que WML está basado en XML, primeramente hay que indicar qué versión de XML vamos a utilizar. <?xml version=".0"?> A continuación, se añade la etiqueta que indica que empieza la parte correspondiente a un documento WML. Ahora podemos ya crear el contenido correspondiente a la carta. Si lo único que queremos insertar es Hola Mundo, entonces deberíamos escribir: <p>hola Mundo</p> Finalmente, sólo queda cerrar las etiquetas abiertas. Para ello se sigue el orden inverso al que se crearon, es decir, primero cerramos la de la carta y después la de WML. Así quedarán «balanceadas» o equilibradas. Con eso, ya se tendría la primera página WML completa. Aunque simple, comprender su estructura es esencial para escribir en lenguaje WML ya que, como se verá en los casos prácticos, es de gran utilidad a la hora de organizar el trabajo. Su esquema servirá de plantilla para páginas más complicadas. La estructura básica de una baraja WML se corresponde con el siguiente esquema: <?xml version=".0"?> <card id="id" title="título "> Contenido <card id="carta" title="hola Mundo">

4 . Estructura básica del lenguaje WML El editor Para editar WML se puede utilizar cualquier herramienta que sea capaz de guardar texto plano sin incluir códigos de control. Es decir, el bloc de notas serviría pero Word, no. En cualquier caso, siempre será preferible utilizar un editor adecuado como es UltraEdit (puedes descargártelo del CD o de ya que puede ser configurado para que trate el fichero.wml como XML (el lenguaje sobre el que se basa WML) y resalte la sintaxis del documento. El navegador También será necesario comprobar que la página ha quedado como se deseaba. Una sencilla forma de hacerlo es abriendo la página en algún navegador web compatible. De los navegadores tradicionales más extendidos, esto es, Internet Explorer (www.microsoft.com), Firefox (www.mozilla.org) y Opera (www.opera.com), se podrán usar los dos últimos para comprobar que las páginas se muestran correctamente ya que las actuales versiones de Internet Explorer no soportan WML. En cuanto a Firefox, soporta WML siempre que tenga instalada la extensión (plugin) adecuada pero no representa la información exactamente como el diseñador espera ni como lo representan los terminales móviles en realidad. No obstante, puede servir para comprobar que la sintaxis de la página está bien. Es por esta razón que, en esta Unidad, se utilizará Opera. Este navegador representa la información de forma parecida a como lo haría un terminal móvil y, además, avisa de los fallos cometidos en el código, indicando la línea aproximada en la que se encuentran. El simulador Aunque usando los navegadores tradicionales, se puede comprobar si la página se ve bien, esto no acaba con todos los problemas. Al fin y al cabo, la pantalla de un móvil es mucho más pequeña que un monitor y, por tanto, los diseños válidos para uno y para otro serán distintos. Para evitar este problema y facilitar el trabajo del diseñador, existen simuladores de navegadores de móviles que presentan la información de forma parecida a la real, es decir, de acuerdo al tamaño de las pantallas de los móviles de verdad. Un kit de desarrollo o simulador válido y sencillo de utilizar es Openwave SDK.. para Windows, el cual se encuentra en el CD del alumno o se puede descargar de Para otras plataformas será necesario utilizar otros simuladores, como SmartPhone Emulator Developer Edition.0 (www.yospace.com/spede.html). Fig... UltraEdit, el navegador Opera y el simulador Openwave, tres herramientas de gran utilidad para trabajar con WML.

5 . Estructura básica del lenguaje WML Realización de una pequeña página WML Se pide Realizar una página WML titulada Hola mundo, que consista en una baraja con una carta. Ésta debe contener un pequeño texto. Solución Paso. Se escribe la estructura básica de una baraja WML definiendo sólo una carta. <?xml version=".0"?> <card id="id" title="título "> Contenido Paso. En la parte correspondiente al contenido de la baraja, se escribe un texto, por ejemplo, Mi primera carta, el cual debe ir dentro, al menos, de una etiqueta de párrafo (<p></p>). <?xml version=".0"?> <card id="id" title="título "> <p>mi primera carta</p> Paso. Para ponerle el título, por ejemplo CP (o Caso práctico ) se debe editar la línea <card id="id" title="título ">. En su lugar se pondrá: <card id="id" title="cp"> Paso. Finalmente, se coloca todo el código en el esquema de la baraja y se comprueba, con ayuda del simulador, si el resultado es el idóneo (véase la Figura.). <?xml version=".0"?> <card id="id" title="cp"> <p>mi primera carta</p> Fig... Solución del Caso práctico. Caso práctico B Enlaces Como ya se ha comentado, en WML es posible tener varias cartas en una misma baraja. Para ello, simplemente tienen que definirse una detrás de otra según el modelo proporcionado anteriormente. <?xml version=".0"?> <card id="id" title="título "> Contenido <card id="id" title="título "> Contenido 9 Siempre que se cargue una baraja, aparecerá su primera carta. Para acceder a la segunda, será necesario usar enlaces. Como en HTML, en WML se pueden utilizar «anclas» o links directamente. El primer caso serviría para enlazar dos cartas dentro de una misma baraja; el segundo, para enlazar desde una baraja o carta a otra baraja o sitio externo. La forma que debe seguir un enlace de tipo ancla será <a href = "#identificador"> siendo el identificador el de la carta a la que se quiera enlazar. Para los links a otras barajas, se usa <a href = "URL"> siendo URL la dirección en la cual se puede acceder a la nueva baraja o sitio. Un ejemplo sería el siguiente código: 9 0 <?xml version=".0"?> <card id="cartauno" title="carta "> <p>ésta es la carta.</p> <p><a href="#cartados">link a la carta </a></p> <card id="cartados" title="carta "> <p>ésta es la carta.</p> <p><a href="#cartauno">link a la carta </a></p> <p><a href="hola_mundo.wml">ir a otro sitio</a></p>

6 . Contenidos: texto, tablas e imágenes. Contenidos: texto, tablas e imágenes La creación de barajas y cartas así como la inserción de anclas y links sirve para crear la estructura básica de la página web. Sin embargo, ésta está vacía de contenidos. A continuación, se estudiará cómo añadir texto, tablas e imágenes, es decir, los contenidos básicos de la página. A Formato de texto En el Caso práctico se ha visto cómo poner una frase en una página WML (<p>frase</p>). El siguiente paso consiste en ver cómo se puede formatear ese texto, es decir, darle el estilo que se desea. Muchas de las etiquetas coinciden con las de HTML (<p>, <b>, <u>, etc.) pero otras son diferentes (en el CD se halla una pequeña guía de referencia rápida donde se pueden consultar dichas diferencias). En la Tabla. se muestran algunos de los atributos que se pueden aplicar a los textos. <br/> Etiquetas <big></big> Salto de línea Tamaño grande Significado y no <br> como en HTML. En algunos dispositivos, esta etiqueta hay que ponerla obligatoriamente delante de cada línea, por lo que será mejor que siempre se haga así para evitar problemas de compatibilidad. En segundo lugar, es conveniente evitar el uso de la etiqueta <b> ya que puede dar errores en algunos dispositivos que no lo admiten. Para usar un tamaño de letra más grande es mejor utilizar <strong></strong> pero siempre con moderación porque las pantallas de los dispositivos a los que va dirigido WML suelen tener un tamaño limitado. Los caracteres especiales Un aspecto también a tener en cuenta es el relacionado con los caracteres especiales que tanto nos afecta por la cuestión de los acentos y la «ñ». Dependiendo de la configuración del servidor o incluso del propio terminal, puede ocurrir que este tipo de caracteres no se visualicen correctamente en algunas ocasiones. Reglas básicas de WML <em></em> <small></small> <strong></strong> Enfatizado Pequeño Negrita a la vez que enfatizada La mayoría de etiquetas tienen que abrirse y cerrarse. Aquellas etiquetas que no necesitan cerrarse (<access>, <br/> o <img>, por ejemplo), suelen tener una barra al final de la cadena (por ejemplo, <br/> o <img src="url" alt="texto alternativo"/>). Tabla.. Algunos formatos de texto. Aun a riesgo de ser repetitivos, hay que recalcar una vez más que estas páginas van dirigidas, principalmente, a móviles y, por ello, existen algunas particularidades relacionadas con la pantalla. Puede ser que algunos terminales no muestren ciertos estilos que se hayan aplicado a un texto debido a que no lo implementan por motivos de espacio en pantalla. Por ejemplo, suponiendo que se pone la fuente grande, en negrita y enfatizada, es posible que el usuario no vea la página como el diseñador espera. Por ello, en este tipo de lenguaje está bien visto el diseño poco recargado y la sobriedad. Por otra parte, WML tiene ciertas características a tener en cuenta. En primer lugar, el salto de línea es <br/> WML es case sensitive (sensible a mayúsculas y minúsculas) por lo que, al cerrar una etiqueta, hay que escribirla igual que cuando se abrió. Por eso, no es igual que <Wml>. Todo texto debe estar dentro de una etiqueta, aunque sea una simplemente de párrafo (<p>). Todos los valores de los parámetros que van dentro de una etiqueta, deben ir entre comillas. Por ejemplo: <card id="c" title="t"> Para insertar un comentario en el código y que este no aparezca en pantalla al ser interpretado por el navegador, deberemos escribirlo de la siguiente forma: <!-- Esto es un comentario -->

7 . Contenidos: texto, tablas e imágenes Si no se muestran los acentos u otros caracteres especiales correctamente, la solución es escribirlos usando unos códigos. En algunos casos, dichos códigos coinciden con los que ya se vieron anteriormente en HTML (véase la Unidad ) aunque otros son totalmente diferentes. (Veáse la Tabla.). La etiqueta <p> y el ajuste de texto Código $$ &#; &#; Símbolo $ á é Código &#; &#0; Símbolo ñ Ñ Á É Para evitar posibles problemas de visualización de un texto en la pantalla de un móvil, WML incorpora la opción de párrafo wrap (envolver). Ésta se puede usar como parámetro opcional para decir si se quiere que el texto aparezca en una sola línea o bien se quiere que se ajuste automáticamente según el ancho de la pantalla. Para obtener lo primero, se escribirá, dentro de la etiqueta de apertura de párrafo, mode="nowrap": &#; &#; í ó &#0; &#; Í Ó <p mode="nowrap">este texto es largo y a lo mejor no se verá entero en la pantalla</p> &#0; ú &#; Tabla.. Algunos caracteres especiales y sus códigos propios en WML. Ú De esta manera, el texto no se ajustará al ancho de la pantalla y puede que no se lea la frase entera si no cabe en una línea del terminal en el que se está visualizando. Caso práctico Los formatos y sus efectos Se pide Escribir una baraja con una carta y un texto que incluya todos los formatos de texto vistos anteriormente. Solución Paso. Se escribe el esquema de una baraja con una carta (se puede utilizar el ejemplo del Caso práctico ). Paso. Se escribe un párrafo con los formatos que hay en la Tabla.. Por ejemplo: Este <b>texto</b> es <big>largo</big> y <em>sirve</em> para <i>probar</i> los <strong> diferentes</strong> formatos <u>aplicables</u> a un <small>texto</small>. Paso. Se inserta dicho texto dentro de etiquetas de párrafo <p></p> y se organiza dentro del esquema de la baraja. <?xml version=".0"?> <card id="id" title="cp"> <p>este <b>texto</b> es <big>largo</big> y <em>sirve</em> para <i>probar</i> los <strong>diferentes</strong> formatos <u>aplicables</u> a un <small>texto</small>.</p> Paso. Sólo queda comprobar el resultado (véase la Figura.). Fig... Solución del Caso práctico.

8 . Contenidos: texto, tablas e imágenes Para evitarlo, deberemos escribir mode="wrap": <p mode="wrap">este texto es largo y seguro, se verá entero en la pantalla</p> El texto se ajustará automáticamente y tendrá tantas líneas como sean necesarias para mostrar todo el texto. En la Figura. se puede observar el resultado de aplicar las opciones wrap y nowrap. src="url_imagen". Indica la URL de la imagen. alt="texto alternativo". Este texto es de carácter descriptivo y aparece en pantalla en el caso de que un dispositivo no pueda mostrar la imagen. Se trata de un parámetro obligatorio. align="valor". Sirve para fijar la alineación de la imagen con respecto a la línea base que lleva el texto. Puede tomar uno de los siguientes valores: top (arriba), middle (mitad) o bottom (abajo), siendo este último el valor que adoptará Align por defecto. vspace="n". Indicará la separación vertical de la imagen en relación con el texto. hspace="m". Indicará la separación horizontal de la imagen en relación con el texto. Fig... Ejemplo de texto en modo no wrap (izquierda) y wrap (derecha). B Imágenes Todos los dispositivos móviles tienen pantallas y a medida que pasa el tiempo, con mayores prestaciones. Esto ha provocado que cada vez sea más frecuente la incorporación de imágenes a las páginas WML. Este lenguaje, al igual que HTML, permite usar imágenes para enriquecer las páginas destinadas a los navegadores compatibles aunque con evidentes limitaciones. Por ejemplo, el formato de imagen que reconocen todos los dispositivos que soportan WML es WBMP (Wireless Bit- Map, Mapa de bits para dispositivos inalámbricos), un formato que sólo admite las imágenes en blanco y negro. Las continuas mejoras en la telefonía móvil están permitiendo el uso de otros formatos como GIF o JPEG, aunque todavía no son aceptados por muchos dispositivos. Para insertar una imagen, al igual que ocurre en HTML, se usa la etiqueta <img>. Esta etiqueta no necesita estar «balanceada» con otra de cierre y bastará con escribir <img XXX />. Las X, en este caso, son los parámetros que acompañan a la etiqueta <img> y que se describen a continuación (sólo los dos primeros son obligatorios): height="n". Sirve para indicar que la imagen debe tener una altura determinada. width="m". Sirve para indicar que la imagen debe tener un ancho determinado. Tanto al usar height como width, hay que tener en cuenta que se puede modificar el aspecto de la imagen respecto al original. Es posible que la imagen resultante no esté proporcionada en sus nuevas dimensiones. Por ello, es importante que cuando se modifique el tamaño de la misma, haciéndola más grande o más pequeña, se respeten las proporciones originales. Conociendo la estructura básica de una baraja y los parámetros de la etiqueta <img>, es muy sencillo crear una página con una imagen (véase la Figura.): <?xml version=".0"?> <card id="id" title="ejemplo"> <img src="paloma.wbmp" alt="paloma" align="middle"/> En este caso, la URL hace referencia a una imagen (paloma.wbmp) que se encuentra en la misma carpeta que el código. Fig... Inserción de una imagen en una página WML. 9

9 . Contenidos: texto, tablas e imágenes Tablas en WML Se pide Realizar una tabla de dos filas y dos columnas que contenga nombres de personas en la primera fila y su edad en la segunda. Solución Paso. Escribimos el esquema de una baraja con una carta. Paso. Realizamos el código relacionado con la tabla: <table id="tabla" columns="" title="tabla" align="ccc" border=""> </table> Paso. Definimos dentro de la tabla las dos filas, la primera con los nombres y la segunda con las edades: <tr> <td>juan</td> <td>lara</td> </tr> <tr> <td></td> <td></td> </tr> Paso. Juntamos todo el código correspondiente a la tabla en la zona de contenido del esquema de la carta y comprobamos el resultado: 9 0 <?xml version=".0"?> <card id="id" title="cp"> <table id="tabla" columns="" title="tabla" align="ccc" border=""> <tr> <td>juan</td> <td>lara</td> </tr> <tr> <td></td> <td></td> </tr> </table> Fig... Solución del Caso práctico. Caso práctico C Tablas Las tablas son útiles para mostrar datos de forma clara y estructurada. En WML se pueden hacer tablas sencillas con las etiquetas <table></table> aunque, a diferencia de HTML, no se admite la anidación de las mismas. La etiqueta <table> admite los siguientes parámetros: columns="n". Sirve para definir el número de columnas que tendrá la tabla por lo que n debe ser un número entero y mayor o igual que. Se trata de un parámetro obligatorio. title="título". Sirve para especificar el título de la tabla. Dependiendo del navegador que incorpore el terminal móvil, se representará en pantalla o no. No es un parámetro obligatorio. align="xx...x". Con este parámetro no obligatorio se especifica la alineación de cada columna. Aquí X es una letra que especifica la alineación de cada columna L (left, izquierda), C (center, centrada) o R (right, derecha) teniendo que haber tantas letras como columnas tenga la tabla. id="identificador". Se utiliza para identificar la tabla, siendo un parámetro no obligatorio. En cuanto a lo que es el contenido en sí de la tabla, es igual que en HTML. Para delimitar las filas de la tabla se usarán las etiquetas <tr></tr> y, dentro de cada fila, se delimitarán las celdas con las etiquetas <td></td>. Si se quisiera que la tabla tuviera bordes, se tendría que añadir la opción border al igual que se hace en HTML: <table id="tabla" columns="" title="tabla" align="ccc" border=""> Así mismo, también se puede añadir cierto color a la tabla con la opción bgcolor. <table id="tabla" columns="" title="tabla" align="ccc" bgcolor="red"> En este caso, habrá que tener en cuenta la legibilidad del texto ya que el diseño nunca debería impedir la visualización de la información que se proporciona. 0

10 . Variables, tareas y eventos. Variables, tareas y eventos Hasta ahora se ha visto cómo crear una baraja con sus cartas, enlazar cartas entre sí o con otros sitios web y cómo enriquecer las páginas creadas mediante la inserción de elementos como textos o imágenes. Sin embargo, es posible hacer cosas más complejas, como añadir formularios o introducir procesos similares a los scripts. A Variables El lenguaje WML permite la utilización de variables, cadenas de texto a las que se les puede asignar un valor preestablecido, dejar que el usuario lo defina a través de la interfaz de un formulario, etc. Tienen diversas utilidades, desde las basadas en formularios (como un login) a las que permiten dividir el contenido de una página en varios «pantallazos» (algo extremadamente útil teniendo en cuenta el tamaño de las pantallas de los dispositivos inalámbricos). Creación de variables Para crear una variable y asignarle un valor se deben utilizar las etiquetas establecidas para ello en WML y sus correspondientes parámetros. Éstas son <setvar>, <input>, <select> y <postfield>. Además, se debe recordar que las variables son case sensitive (distinguen entre mayúsculas y minúsculas) y su nombre puede empezar por el guión bajo o una letra, seguida de una o más letras, números o guiones bajos. Nunca empezarán por aquellos símbolos susceptibles de ser utilizados como parte del código (por ejemplo $). se le asigna un valor; posteriormente será el usuario quien le asigne el valor que debe tener. Por ejemplo, si se desea crear un campo donde el usuario consigne sus apellidos (por ejemplo en un login), se puede escribir: <p>apellidos: <input name="apellidos" size="" format="*x"/></p> En este ejemplo, se pueden observar ya algunos parámetros que adopta la etiqueta <input>. El primero de ellos es name, con el que se especifica el nombre de la variable que recogerá el dato que se introduzca en ese campo. El siguiente parámetro es size y con él se especifica el tamaño que se le quiere dar al recuadro en el cual el usuario tiene que escribir la información. Para finalizar, está el parámetro format, con el que se especifica exactamente el formato que debe tener la información que introduzca el usuario (véase la Tabla.). Valor A a N X x M Carácter alfabético (en mayúsculas) o de puntuación. Carácter alfabético (en minúsculas) o de puntuación. Carácter numérico. Carácter en mayúsculas. Carácter en minúsculas. Significado Tabla.. Valores aceptados por el parámetro format. Cualquier carácter. El navegador puede suponer, por simplicidad, que serán mayúsculas pero permitirá la entrada de cualquier carácter. La etiqueta <setvar> Con <setvar> se crea la variable a la vez que se le asigna un valor fijo, es decir, es el desarrollador quien decide que valor darle. Esto es útil algunas veces para poder inicializar variables que posteriormente se van a utilizar en un formulario. Por ejemplo, en la siguiente línea, es el valor de la variable edad. <setvar name="edad" value=""/> m *f nf Cualquier carácter. El navegador puede suponer, por simplicidad, que serán minúsculas pero permitirá la entrada de cualquier carácter. Cualquier número de caracteres, siendo f uno de los formatos vistos anteriormente (A, a, N, etc.). Este formato sólo puede aplicarse una vez y debe aparecer al final de la cadena de formatos. Un número determinado de caracteres, siendo n un número y f uno de los formatos explicados (salvo *f, ya que no se puede poner n*a, por ejemplo). Este formato sólo puede aplicarse una vez y debe aparecer al final de la cadena de formatos. La etiqueta <input> La etiqueta <input> se utiliza a menudo en la creación de formularios. Con ella se declara una variable pero no Especificar el tipo de formato es útil para que el teléfono sepa cómo reproducir en pantalla la información introducida por el usuario. Por ejemplo, si se le dice que

11 . Variables, tareas y eventos el formato de un campo es numérico, al pulsar una tecla se escribirá el número correspondiente, mientras que si es texto, escribirá letras directamente. Así se evita que el usuario tenga que estar cambiando el formato en el que está escribiendo ya que es el propio terminal el que lo interpreta y lo cambia automáticamente según corresponda. En cualquier caso, a veces la captura del formato no da los resultados esperados debido a que algunos navegadores no implementan estrictamente el estándar. Los tres parámetros vistos anteriormente son los más utilizados ya que permiten crear formularios tradicionales como el que se muestra a continuación. 9 0 <?xml version=".0"?> <card id="id" title="ejemplo"> <p> Nombre: <input name="nombre" size=""/> <br/> Apellidos: <input name="apellidos" size="" format="*x"/> <br/> Edad: <input name="edad" size="" format="n"/> <br/> </p> Con este, sencillamente, se pediría al usuario el nombre, los apellidos y la edad (esta última debería estar en formato numérico y con un máximo de tres números). Por supuesto, también hay otro tipo de opciones de format más avanzadas. Por ejemplo, cómo se haría para decir que un campo no puede quedar vacío? O cómo sería si se quiere acotar la longitud del texto? Algunas de las opciones avanzadas de la etiqueta <input> son: emptyok. Este parámetro sólo puede tomar los valores true o false. El primero indica que la entrada puede quedar vacía (aunque se le especifique un formato). Por defecto, cualquier format es emptyok=false, es decir, no se puede dejar vacío. maxlength. Indica el número máximo de caracteres permitidos en la entrada de texto. La diferencia entre maxlength y size es que con el primero se está limitando la cantidad de texto que se puede introducir en un cuadro, mientras que con el segundo se puede introducir el texto que se quiera aunque sea más largo que el cuadro. type="password". Sirve para que aparezcan asteriscos en el recuadro en vez de lo que está escribiendo el usuario, evitando así que otras personas puedan averiguar que es lo que se está introduciendo en el formulario. Como su propio nombre indica, es especialmente útil a la hora de pedir la introducción de una contraseña. La etiqueta <select> Con esta etiqueta, al igual que la anterior, también se puede asignar un valor a una variable. La diferencia está en que con <select> se le ofrece al usuario la lista de posibles valores que se quieren capturar. Por ejemplo, en el código que viene a continuación, se puede ver como en la variable alumno se almacenará Pepe o Juana dependiendo de lo que seleccione el usuario de la lista conformada por las opciones José García y Juana Díaz. <select name="alumno"> <option value="pepe">josé García </option> <option value="juana">juana Díaz </option> </select> Como se puede observar en este ejemplo, la variable <select> va acompañada por otras etiquetas como son <option></option>. Es decir, con la variable <select> definimos la ventana desplegable o lista de items entre los que deberá elegir el usuario. Dichas opciones vienen marcadas por <option>, a la que además se la ha añadido un valor. Aunque el usuario vea una lista compuesta por las opciones José García y Juana Díaz, en realidad estará escogiendo entre los valores Pepe y Juana. Además, es importante darse cuenta de que mientras que con las otras variables no era necesaria la etiqueta de cierre, con <select> sí. En este caso, </select> irá al final del conjunto de opciones que se han definido.

(Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm)

(Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm) COMO HACER PÁGINAS WAP (Recopilado de: http://www.zonagratuita.com/a-cursos/internet/paginaswap.htm) La creación de una pagina WAP se puede hacer en cualquier editor de texto, si bien, hay editores y herramientas

Más detalles

TRUCOS UTILIZADOS EN WML...

TRUCOS UTILIZADOS EN WML... Tutorial de WML Tabla de contenidos TUTORIAL DE WML...1 EMPEZANDO CON WML... 1 EL FORMATEO DE LOS TEXTOS... 2 LA ETIQUETA CARD... 4 LA ETIQUETA TEMPLATE... 4 LA ETIQUETA ACCESS... 5 LA ETIQUETA DO... 6

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

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

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009)

ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: domingo, 15 de febrero de 2009) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: domingo, 15 de febrero de 2009) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos

Más detalles

www.pildorasinformaticas.com Página 1

www.pildorasinformaticas.com Página 1 Capítulo 1. CREACIÓN DE BBDD Y VALIDACIÓN DE DATOS... 4 1.1. Crear una BBDD... 4 1.2. Formulario de entrada de datos... 5 1.3. Importación de datos... 7 1.4. Ordenación de registros... 10 1.5. Autofiltros...

Más detalles

SERVICIO CREA TU WEB TELEFÓNICA NET. (Manual de usuario)

SERVICIO CREA TU WEB TELEFÓNICA NET. (Manual de usuario) SERVICIO CREA TU WEB TELEFÓNICA NET (Manual de usuario) 1 ÍNDICE 1. INTRODUCCIÓN... 3 2. CÓMO CREAR UNA TIENDA... 4 Paso 1: registro nuevo comerciante... 4 Paso 2: datos básicos web.... 5 Paso 3: diseño

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

Mi Mensa-Red edición web

Mi Mensa-Red edición web Aplicaciones de Mensajería Vodafone: Mi Mensa-Red edición web Manual de Usuario España, Octubre de 2006 1 Descripción La aplicación Mi Mensa-Red edición Web, te permite enviar Mensajes Cortos (SMS) y Mensajes

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)

Más detalles

Curso de Visual Basic 6.0 - Lección 1 Area Interactiva - www.areaint.com. www.areaint.com CURSO DE. Visual Basic 6.0 WWW.AREAINT.

Curso de Visual Basic 6.0 - Lección 1 Area Interactiva - www.areaint.com. www.areaint.com CURSO DE. Visual Basic 6.0 WWW.AREAINT. www.areaint.com CURSO DE Visual Basic 6.0 Pág. 1 LECCIÓN 1 En esta lección de introducción aprenderemos las principales características de un lenguaje de programación para crear aplicaciones bajo Windows.

Más detalles

Manual de uso Plataforma SMS Community

Manual de uso Plataforma SMS Community 1 Manual de uso Plataforma SMS Community Índice Como empezar Pág. 2 Dentro de SMS Community Pág. 2 Enviar SMS Simple Pág. 3 - Remitente Pág. 3 - Plantillas Pág. 3 - Números Pág. 3 - Texto Pág. 3 - Envío

Más detalles

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites 1. INTRODUCCIÓN Google Sites es una aplicación gratuita que se enmarca dentro de la filosofía Web 2.0. Permite crear el sitio que puede adaptarse a cualquier situación: web personal, informativa, educativa,

Más detalles

Introducción a macros en Excel 2007

Introducción a macros en Excel 2007 MACROS CON EXCEL Capítulo 1 Introducción a macros en Excel 2007 A lo largo de este primer capítulo comenzaremos a recorrer el camino de las macros en Excel 2007. Para eso, conoceremos las herramientas

Más detalles

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO

Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO Nueva Web de los SCTs http://www.sct.uniovi.es MANUAL DEL USUARIO 1 ÍNDICE DE CONTENIDOS 1 Acceso a la edición de contenidos...3 1.1 Noticias...3 1.2 Utilización del editor de contenidos...6 1. Formato...6

Más detalles

Tècnic Auxiliar en Disseny Industrial - Manual Autocad 2011. Atributos. Un atributo es un objeto que se crea e incluye con una definición de bloque.

Tècnic Auxiliar en Disseny Industrial - Manual Autocad 2011. Atributos. Un atributo es un objeto que se crea e incluye con una definición de bloque. ATRIBUTOS Un atributo es un objeto que se crea e incluye con una definición de bloque. Los atributos pueden almacenar datos como números de serie, nombres de productos, etc. Ejemplos de algunas aplicaciones

Más detalles

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH Con Google Docs puedes crear, compartir y editar documentos online con facilidad. A continuación te indicamos algunas acciones

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

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011)

JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO (Parte I) (Última revisión: miércoles, 2 de marzo de 2011) JOOMLA! ADMINISTRACIÓN MI PRIMER ARTÍCULO () (Última revisión: miércoles, 2 de marzo de 2011) Cuando nos introducimos en el mundo de las páginas Web nuestro objetivo fundamental es poder comunicarnos con

Más detalles

APLICACIÓN DE ACCESO REMOTO PARA POCKET PC. MANUAL DE USUARIO (Release 1.42)

APLICACIÓN DE ACCESO REMOTO PARA POCKET PC. MANUAL DE USUARIO (Release 1.42) APLICACIÓN DE ACCESO REMOTO PARA POCKET PC MANUAL DE USUARIO () Índice INTRODUCCIÓN... 3 MANUAL INSTALACIÓN DEL SOFTWARE... 4 GUIA USUARIO... 5 Iniciar la Aplicación Control Remoto... 5 Bienvenido... 5

Más detalles

DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML

DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML DISEÑOS DE PÁGINAS WEB CON N.V.U. E INICIACIÓN AL CÓDIGO HTML Una página web es un documento escrito empleando un lenguaje denominado HTML (Hyper text Markup language; Lenguaje de marcas de hipertexto).

Más detalles

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página ADMINISTRACIÓN DEL SITIO WEB Todos los jefes de Departamento, coordinadores de proyectos y directivos del Centro somos administradores de la página web. Cada uno tendrá la responsabilidad de administrar

Más detalles

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas

Más detalles

INSTALACIÓN DE MEDPRO

INSTALACIÓN DE MEDPRO 1 Estimado Cliente: Uno de los objetivos que nos hemos marcado con nuestra nueva plataforma de gestión, es que un cliente pueda instalar MedPro y realizar su puesta en marcha de forma autónoma. Siga paso

Más detalles

CÓMO CREAR UNA WEBQUEST Paso a Paso

CÓMO CREAR UNA WEBQUEST Paso a Paso CÓMO CREAR UNA WEBQUEST Paso a Paso 1.- Lo primero que tenemos que hacer es acceder a la página del instituto usando Mozilla (no usar el navegador Firefox que puede dar problemas) URL: www.ieseltablero.org

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

Introducción a Mozilla Navegador

Introducción a Mozilla Navegador 20021125 Universidad de Navarra Introducción a Mozilla Navegador Versión 1.1. cti Centro de Tecnología Informática Tabla de contenidos 1. Mozilla Navegador...3 1.1.Establecer las preferencias de Navigator...4

Más detalles

Manual CMS Mobincube

Manual CMS Mobincube Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una

Más detalles

2_dar formato al texto / documentos I

2_dar formato al texto / documentos I Es posible ejecutar el comando tantas veces como copias se desee hacer, ya que tras pegar el texto, una copia del mismo sigue en el Portapapeles. Se dispone de varios caminos para llegar a estas opciones:

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

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER 2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por

Más detalles

Manual de Administrador de Entidades

Manual de Administrador de Entidades Manual de Administrador de Entidades Tabla de contenido 1 INTRODUCCIÓN... 1 2 CREAR ENTIDADES... 2 3 RELACIÓN CON USUARIOS Y SALAS... 6 4 NOTICIAS... 8 5 ENCUESTA... 9 6 DOCUMENTOS... 11 7 EVENTO... 12

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 5: Report Builder Instituto de Tecnologías Educativas 2011 Informes con Oracle Report Builder En su configuración original, OpenOffice

Más detalles

Curso POWERPOINT 97. Introducción

Curso POWERPOINT 97. Introducción Curso POWERPOINT 97 Introducción El curso PowerPoint 97 está destinado a aquellos alumnos que necesiten crear presentaciones que informen de la evolución de un proyecto. PowerPoint es un programa de edición

Más detalles

Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1-

Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es -1- Versión: 1.0.0 Desarrollado por AloOnline Alojamiento Web http://www.aloonline.es soporte@aloonline.es -1- INDICE 1. Acceder al panel de WordPress... 3 2. Crear entradas en el Blog y páginas... 4 2.1.

Más detalles

Manual del Sistema de Acceso WEB para el Control Remoto de Regadíos

Manual del Sistema de Acceso WEB para el Control Remoto de Regadíos Manual del Sistema de Acceso WEB para el Control Remoto de Regadíos Índice 1. Introducción... 4 2. Requerimientos del sistema... 5 3. Configuración... 6 4. Versión texto... 8 5. Funcionamiento del servicio...

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Edición de formularios

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Edición de formularios Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 3: Edición de formularios Instituto de Tecnologías Educativas 2011 Edición de formularios Una vez creado el formulario nos pueden

Más detalles

GESTOR DE DESCARGAS. Índice de contenido

GESTOR DE DESCARGAS. Índice de contenido GESTOR DE DESCARGAS Índice de contenido 1. Qué es DocumentosOnLine.net?...2 2. Qué es el Gestor de Descargas?...3 3.Instalación / Configuración...5 4.Descarga de Documentos...9 5.Búsqueda / Consulta de

Más detalles

Prof. Luis Miguel Oliveros - Computación 3er Año

Prof. Luis Miguel Oliveros - Computación 3er Año NVU / KompoZer NVU es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source. Esta alternativa gratuita trae nuevas herramientas para facilitar el trabajo, convirtiéndola

Más detalles

Outlook Express. Manual de. GESIn. Grupo de Estudios y Servicios Informáticos. GESIn Grupo de Estudios y Servicios Informáticos.

Outlook Express. Manual de. GESIn. Grupo de Estudios y Servicios Informáticos. GESIn Grupo de Estudios y Servicios Informáticos. Manual de Outlook Grupo de Estudios y Servicios Informáticos Página 1 1. Abrir el programa Existen diversos programas para gestionar el correo electrónico. Los más conocidos y usados son Outlook, "Netscape

Más detalles

Los sistemas de explotación WINDOWS y MS-DOS

Los sistemas de explotación WINDOWS y MS-DOS Práctica 1 Los sistemas de explotación WINDOWS y MS-DOS En la primera práctica se introduce al alumno en el manejo de dos sistemas de explotación muy extendidos: WINDOWS y MS-DOS. El primero de ellos (y

Más detalles

1 Introducción. Home Station ADSL

1 Introducción. Home Station ADSL ÍNDICE 1 Introducción 1 2 Descripción general de la interfaz de usuario 2 3 Configuración LAN y WLAN 8 4 Configuración de la conexión a Internet 11 5 Configuración y estado de los dispositivos conectados

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

RECIBIR Y ENVIAR MENSAJES CON OUTLOOK EXPRESS

RECIBIR Y ENVIAR MENSAJES CON OUTLOOK EXPRESS RECIBIR Y ENVIAR MENSAJES CON OUTLOOK EXPRESS Outlook Express se puede ejecutar de varias formas. Las más inmediatas son hacer doble clic en el icono de Outlook Express situado en el escritorio, hacer

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

Person IP CRM Manual MOBILE

Person IP CRM Manual MOBILE Manual MOBILE División Informática BuscPerson Telecomunicaciones : Manual MOBILE 0.- Introducción 3 0.1 Configuración de los terminales 3 0.2 Acceso de Usuarios 3 1.- Funcionalidades CRM 5 1.1 Agenda del

Más detalles

Microsoft Outlook 2003

Microsoft Outlook 2003 Elementos básicos de Outlook... 3 Panel de exploración... 3 Outlook para Hoy... 3 Personalizar Outlook para hoy... 4 Carpetas de correo... 5 Bandeja de salida... 5 Borrador... 5 Correo electrónico no deseado...

Más detalles

5. Composer: Publicar sus páginas en la web

5. Composer: Publicar sus páginas en la web 5. Composer: Publicar sus páginas en la web Si nuestras páginas existen únicamente en el disco duro local, sólo nosotros podremos navegar por ellas, pero nadie más podrá hacerlo. Composer nos permite publicarlas

Más detalles

Manual de requisitos técnicos para la SEDE Electrónica del Ministerio de Economía y Competitividad en I+D+I

Manual de requisitos técnicos para la SEDE Electrónica del Ministerio de Economía y Competitividad en I+D+I Manual de requisitos técnicos para la SEDE Electrónica del Ministerio de Economía y Competitividad en I+D+I Configuraciones técnicas previas de Java y en los navegadores de Internet. Madrid, 24 Abril de

Más detalles

Índice de contenidos:

Índice de contenidos: Tutorial de wik.is Wik.is es el servicio en línea de Deki Wiki de Mindtouch: http://wiki.opengarden.org/deki_wiki Índice de contenidos: Registro para tener nuestro wiki... 2 Primeros cambios que debemos

Más detalles

Creación, configuración, formato y visualización de una presentación en Power Point

Creación, configuración, formato y visualización de una presentación en Power Point Módulo 3 Herramientas de Cómputo Creación, configuración, formato y visualización de una presentación en Power Point Cómo crear una diapositiva nueva? Para crear una diapositiva nueva tienes que ir al

Más detalles

TUTORIAL GOOGLE DOCS

TUTORIAL GOOGLE DOCS TUTORIAL GOOGLE DOCS Las principales ventajas de Google Docs son: Nuestros documentos se almacenan en línea: esto nos permite acceder a ellos desde cualquier ordenador con conexión a internet, y compartirlos

Más detalles

MANUAL DE USUARIO. Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es

MANUAL DE USUARIO. Versión: 1.0.0. Desarrollado por AloOnline Alojamiento Web. http://www.aloonline.es. soporte@aloonline.es MANUAL DE USUARIO Versión: 1.0.0 Desarrollado por AloOnline Alojamiento Web http://www.aloonline.es soporte@aloonline.es 1 ÍNDICE 1. ACCEDER AL PANEL DE PRESTASHOP. 3 2. ADMINISTRAR CATEGORÍAS: 4 2.1.Crear

Más detalles

OpenIRS DOCENTIA Módulo de Gestión. Manual de Usuario.

OpenIRS DOCENTIA Módulo de Gestión. Manual de Usuario. OpenIRS DOCENTIA Manual de Usuario. Versión 3.0.4 Diciembre 2013 Vicerrectorado de Evaluación de la Calidad 1 Contenido 1. INTRODUCCIÓN... 4 2. INSTALACIÓN DEL MÓDULO... 6 2.1. Requisitos Previos... 6

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

Cómo crear tu primer blog

Cómo crear tu primer blog Introducción a WordPress Alicia García Holgado GRupo de Investigación en interacción y elearning (GRIAL) Universidad de Salamanca http://grial.usal.es Tabla de contenido 1. WordPress.com... 2 2. Conceptos

Más detalles

Manual de Usuario Aplicación Web Registro de Pilas y Acumuladores

Manual de Usuario Aplicación Web Registro de Pilas y Acumuladores Manual de Usuario Aplicación Web Registro de Octubre, 2008 ÍNDICE 1. INTRODUCCIÓN... 3 2. MENÚ PRINCIPAL... 4 3. REGISTRO... 6 3.1. CÓMO REGISTRAR UN PRODUCTOR...6 3.2. CÓMO DAR DE ALTA UN SISTEMA INTEGRADO

Más detalles

Manual de Uso de la nueva solución de Gestión de. Peticiones Informáticas

Manual de Uso de la nueva solución de Gestión de. Peticiones Informáticas Manual de Uso de la nueva solución de Gestión de Peticiones Informáticas INDICE 1 INTRODUCCIÓN... 3 2 ACCESO A LA APLICACIÓN... 5 3 DESCRIPCIÓN DE LAS PANTALLAS... 7 3.1 CONSOLA DE GESTIÓN... 7 3.2 PANTALLA

Más detalles

Gestión Documental ERP

Gestión Documental ERP N. Documento Revisión Nº: 1.0 Fecha: 30/03/11 Introducción 1 Configuración de la Gestión Documental ERP 2 Funcionamiento de la Gestión Documental ERP 6 ÍNDICE Introducción El programa Ahora permite una

Más detalles

TEMA 2 WINDOWS XP Lección 3 PROGRAMA WORDPAD

TEMA 2 WINDOWS XP Lección 3 PROGRAMA WORDPAD TEMA 2 WINDOWS XP Lección 3 PROGRAMA WORDPAD 1) TRATAMIENTO DE TEXTOS Uno de los programas accesorios más útiles entre los que vienen con Windows XP es WordPad: un tratamiento de textos pequeño, pero potente,

Más detalles

5.- Crear páginas web con Nvu

5.- Crear páginas web con Nvu 5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas

Más detalles

Outlook Connector Manual

Outlook Connector Manual GFI MailArchiver para Exchange Outlook Connector Manual Por GFI Software http://www.gfi.com Correo electrónico: info@gfi.com La información del presente documento está sujeta a cambio sin aviso. Las empresas,

Más detalles

Guía de Configuración de Cuentas de Correo para PC y Dispositivos Móviles. Correo Empresas

Guía de Configuración de Cuentas de Correo para PC y Dispositivos Móviles. Correo Empresas Guía de Configuración de Cuentas de Correo para PC y Dispositivos Móviles. Correo Empresas Triara.com SA de CV Todos los derechos reservados Esta guía no puede ser reproducido ni distribuida en su totalidad

Más detalles

ICARO MANUAL DE LA EMPRESA

ICARO MANUAL DE LA EMPRESA ICARO MANUAL DE LA EMPRESA 1. ENTRANDO EN ICARO Para acceder al Programa ICARO tendremos que entrar en http://icaro.ual.es Figura 1 A continuación os aparecerá la página de Inicio del aplicativo ICARO.

Más detalles

Manual de publicación

Manual de publicación Manual de publicación Como se crea una nueva página Basta con pedir a comunicación el login y la contraseña para crear un nuevo autor. También la dirección postal

Más detalles

Manual de usuario del software de marketing de fidelización de clientes Hermes

Manual de usuario del software de marketing de fidelización de clientes Hermes Manual de usuario del software de marketing de fidelización de clientes Hermes Campus Telematika 1 0. Índice 1. Requisitos y recomendaciones... 3 2. Manejo de la aplicación... 3 2.1. Asistente... 3 2.2.

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

MANUAL DE USUARIO DEL PORTAL DE CUSTODIA SERVICIO e.fact

MANUAL DE USUARIO DEL PORTAL DE CUSTODIA SERVICIO e.fact MANUAL DE USUARIO DEL PORTAL DE CUSTODIA SERVICIO e.fact Realizado por: Consorci AOC Versión: 1.2 Fecha: 23/07/2013 Manual de usuario portal de custodia pàg 1/23 Control del documento Información general

Más detalles

Configuración y sincronización de Motorola V525 y adaptador Bluetooth Conceptronic

Configuración y sincronización de Motorola V525 y adaptador Bluetooth Conceptronic Configuración y sincronización de Motorola V525 y adaptador Bluetooth Conceptronic Jorge Benavente / Jose Pazos Versión 1 Enero del 2004 Índice general 1. Material necesario... 3 2. Activación del dispositivo

Más detalles

Sage CRM. 7.2 Guía de Mobile

Sage CRM. 7.2 Guía de Mobile Sage CRM 7.2 Guía de Mobile Copyright 2013 Sage Technologies Limited, editor de este trabajo. Todos los derechos reservados. Quedan prohibidos la copia, el fotocopiado, la reproducción, la traducción,

Más detalles

TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS

TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS 1) EL PEQUEÑO EDITOR El Bloc de notas de Windows XP es un básico editor de texto con el que podemos escribir anotaciones, de hasta 1024 caracteres por línea y

Más detalles

TALLER COMPUTACIÓN II

TALLER COMPUTACIÓN II Prof. Martín Ferreyra TALLER COMPUTACIÓN II MANEJO AVANZADO DE MS WORD COMBINAR CORRESPONDENCIA Combinar Correspondencia Instituto Secundario John Kennedy Unidad 2. Combinar correspondencia (I) Mediante

Más detalles

604 wifi. Entre en www.archos.com/manuals para descargar la versión más reciente de este manual.

604 wifi. Entre en www.archos.com/manuals para descargar la versión más reciente de este manual. 604 wifi FUNCIONES WIFI e Internet Complemento del manual de usuario de ARCHOS 504/604 Versión 1.0 Entre en www.archos.com/manuals para descargar la versión más reciente de este manual. Este manual contiene

Más detalles

APLICACIONES INFORMÁTICAS de BASE de DATOS

APLICACIONES INFORMÁTICAS de BASE de DATOS APLICACIONES INFORMÁTICAS de BASE de DATOS AUTOR: Juan Carlos Cambero Palmero EDITA: ACADEMIA BALANUS Reservados todos los derechos. Queda prohibido, sin el permiso del autor o editor, la reproducción

Más detalles

www.apliqr.com Manual de Usuario - v0.1 Manual de usuario v0.1

www.apliqr.com Manual de Usuario - v0.1 Manual de usuario v0.1 Manual de usuario v0.1 1 Índice de contenidos 1.Iniciar sesión...3 2.Crear una cuenta de usuario...4 3.Elegir un plan de servicio...5 4.Pasar a un plan de pago...7 5.Ver el plan contratado...8 6.Códigos

Más detalles

Mi Mensa-Red edición e-mail

Mi Mensa-Red edición e-mail Aplicaciones de Mensajería Vodafone: Mi Mensa-Red edición e-mail Manual de usuario España, Julio de 2007 Mi Mensa-Red edición email (Outlook2002 ) v2.doc 1/19 Bienvenido a la ayuda de Mi Mensa-Red edición

Más detalles

Servidor de las Carpetas Compartidas - Manual de Referencia

Servidor de las Carpetas Compartidas - Manual de Referencia Página 1 de 16 Índice 1. De qué trata éste manual Pág. 3 2. Para qué sirve/qué hace éste programa Pág. 3 3. Descripción de la Pantalla Principal del programa Pág. 3 4. Descripción de la Pantalla de gestión

Más detalles

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más

Más detalles

Páginas web ::: Documentos PDF en la web Diseño de materiales multimedia. Web 2.0. 1.11 Documentos PDF en la web

Páginas web ::: Documentos PDF en la web Diseño de materiales multimedia. Web 2.0. 1.11 Documentos PDF en la web 84 1.11 Documentos PDF en la web 85 1.11 Documentos PDF en la web 1.11.1 Introducción En un sitio web es frecuente poner a disposición de los usuarios documentos en formato PDF para la consulta de información.

Más detalles

PREGUNTAS FRECUENTES ATENEX

PREGUNTAS FRECUENTES ATENEX PREGUNTAS FRECUENTES ATENEX Instalación Espacio destinado para todo lo relacionado con la instalación de la herramienta. 1. He instalado atenex en windows y cuando pincho en el icono me aparece un mensaje

Más detalles

MANUAL DE USUARIO DE MENSAJERÍA WEB

MANUAL DE USUARIO DE MENSAJERÍA WEB MANUAL DE USUARIO DE MENSAJERÍA WEB 2003 Telefónica Investigación y Desarrollo, S.A. Unipersonal Reservados todos los derechos MANUAL DE USUARIO DEL SERVICIO MENSAJERÍA WEB DE MOVISTAR 1) Introducción

Más detalles

ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO

ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA (Tico 2.0) EDITOR TICO La idea principal que motivo este proyecto fue trasladar la definición tradicional de tablero de comunicación en

Más detalles

Fuente: http://www.kzgunea.net

Fuente: http://www.kzgunea.net APRENDE A NAVEGAR INTERNET EXPLORER El navegador Internet Explorer ya lo tenemos integrado en el Sistema Operativo, en sus diferentes versiones desde Windows 95, por lo cual no tendremos que instalarlo.

Más detalles

Apuntes de ACCESS. Apuntes de Access. Campos de Búsqueda:

Apuntes de ACCESS. Apuntes de Access. Campos de Búsqueda: Apuntes de ACCESS Campos de Búsqueda: Los campos de búsqueda permiten seleccionar el valor de un campo de una lista desplegable en lugar de tener que escribirlos. El usuario sólo tiene que elegir un valor

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

SOLUCIÓN CASO CÁLCULO DE GASTOS DE VIAJE

SOLUCIÓN CASO CÁLCULO DE GASTOS DE VIAJE SOLUCIÓN CASO CÁLCULO DE GASTOS DE VIAJE La cumplimentación del parte de dietas requerirá de la introducción de algunos datos como: el nombre del empleado, la fecha de inicio del viaje, la fecha de finalización,

Más detalles

SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es)

SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) 1. Arquitectura de SPIP SPIP es un sistema para la publicación digital de documentos en un sitio web. Tanto la creación de nuevos

Más detalles

Herramientas de Google

Herramientas de Google 1 Índice de contenido Licencia y condiciones de uso...3 Introducción...4 Crear sitio...5 Acceso a Google Sites...5 Registro del sitio...6 La página de inicio...8 Añadir páginas...9 Añadir páginas...9 Página

Más detalles

Manual del Usuario. Servicio de Correo Electrónico Oficial. Versión 03.0

Manual del Usuario. Servicio de Correo Electrónico Oficial. Versión 03.0 Manual del Usuario Servicio de Correo Electrónico Oficial Versión 03.0 Contenido 1. Servicio de Correo Electrónico Oficial: Webmail... 3 2. Ingreso... 3 3. Barra de Secciones... 4 4. Sección Correos...

Más detalles

Guía de usuario de Nokia Internet Modem

Guía de usuario de Nokia Internet Modem Guía de usuario de Nokia Internet Modem 9214078 1ª edición ES 2008 Nokia. Reservados todos los derechos. Nokia, Nokia Connecting People y el logotipo Nokia Original Accessories (accesorios originales de

Más detalles

Aula Virtual Diseño Funcional. Plataforma e-learning para Proyecto Hombre. Diseño Funcional. Aula Virtual. 1. Visión General

Aula Virtual Diseño Funcional. Plataforma e-learning para Proyecto Hombre. Diseño Funcional. Aula Virtual. 1. Visión General Plataforma elearning para Proyecto Hombre Aula Virtual 1. Visión General Versión: Fecha: Editor: Notas: 0.1 28/08/2008 Marta Rodríguez Borrador vision_general.doc Página 1 de 17 ÍNDICE Aula Virtual...1

Más detalles

Explorar. Impresora-copiadora WorkCentre C2424

Explorar. Impresora-copiadora WorkCentre C2424 Explorar Este capítulo incluye: "Exploración básica" en la página 4-2 "Instalar el controlador de exploración" en la página 4-4 "Ajustar opciones de exploración" en la página 4-5 "Recuperar imágenes" en

Más detalles

Correo ONO. Servicio Webmail

Correo ONO. Servicio Webmail Correo ONO Servicio Webmail La fibra no tiene competencia Contenido 1. INTERFAZ WEBMAIL 4 2. BARRA SUPERIOR 4 3. CORREO 5 3.1. Panel de lectura mensajes 5 3.2. Barra de herramientas de correo 6 3.3. Sección

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Controles de formulario

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Controles de formulario Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 3: Controles de formulario Instituto de Tecnologías Educativas 2011 Controles de formulario El control más habitual de un formulario

Más detalles

UAM MANUAL DE EMPRESA. Universidad Autónoma de Madrid

UAM MANUAL DE EMPRESA. Universidad Autónoma de Madrid MANUAL DE EMPRESA Modo de entrar en ÍCARO Para comenzar a subir una oferta de empleo, el acceso es a través del siguiente enlace: http://icaro.uam.es A continuación, aparecerá la página de inicio de la

Más detalles

JGCBusing Manual de Usuario v1.0

JGCBusing Manual de Usuario v1.0 JGCBusing Manual de Usuario v1.0 Agosto 2012 Tabla de Contenido 1. Introducción... 3 2. JGCBusing. Herramienta Web... 4 2.1. Descripción... 4 2.2. Creación de una configuración desde cero... 8 2.3. Generación

Más detalles

SIMULADOR DE SISTEMAS DE EVENTOS DISCRETOS

SIMULADOR DE SISTEMAS DE EVENTOS DISCRETOS SIMULADOR DE SISTEMAS DE EVENTOS DISCRETOS MANUAL DE USUARIO 1.1 Introducción. El simulador de sistemas de eventos discretos está compuesto por dos aplicaciones: el Simulador de redes de Petri y el Simulador

Más detalles

Manual de wiki Cap. 4. Insertar página con texto Pág. 1. Manual de wiki. Capítulo 4. Insertar páginas con texto

Manual de wiki Cap. 4. Insertar página con texto Pág. 1. Manual de wiki. Capítulo 4. Insertar páginas con texto Manual de wiki Cap. 4. Insertar página con texto Pág. 1 Manual de wiki Capítulo 4. Insertar páginas con texto Realizado por: http://creativecommons.org/licenses/by-sa/3.0 Rafael Palomo López (CEP de Málaga)

Más detalles

acensguías Guía de inicio rápido para crear una tienda online

acensguías Guía de inicio rápido para crear una tienda online Guía de inicio rápido para crear una tienda online Desea montar su propia tienda online? Ahora es más fácil que nunca. Siga los pasos de esta guía de inicio rápido y empiece a vender! Tenga preparado de

Más detalles