UF1. NF2. JQUERY M2.UF1.NF1 CGA 1/22

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

Download "UF1. NF2. JQUERY M2.UF1.NF1 CGA 1/22"

Transcripción

1 UF1. NF2. JQUERY Índex 1.Què és jquery? Historia Utilizar jquery jQuery al cargar la web Funciones Eventos Selectores y principios de uso Acceso a los elementos HTML Modificar y leer contenido HTML Modificar y leer contenido de tipo text Modificar y leer los atributos Mover elementos HTML Añadir y eliminar elementos HTML Copiar elementos HTML Práctica Acceso a los estilos CSS Obtenir i establir propietats Establecer y eliminar estilos Cambiar la hoja de estilos...22 M2.UF1.NF1 CGA 1/22

2 1. Què és jquery? jquery es un framework de JavaScript, es decir, una librería compuesta por cientos de métodos JavaScript que realizan funciones útiles y muy potentes. El uso de jquery librera al programador de tener que implementar los métodos JavaScript que el framework contiene. Entre otras facilidades, jquery tiene implementados todos métodos para detectar el navegador del usuario y adaptar las funciones a cada uno de ellos. Con jquery es posible realizar y simplificar la manipulación de objetos y eventos de la página Web debido a las funcionalidades que nos ofrece, entre las que se encuentran: Permite una interacción completa con el documento HTML utilizando el árbol DOM de objetos. Provee de un mecanismo para la captura de eventos. Ahorra muchas líneas de código. Permite manipular las hojas de estilo CSS. Aporta un conjunto de funciones para animar el contenido de la página de forma muy sencilla. Integra funcionalidades para trabajar con AJAX. Facilita la compatibilidad entre de las funciones entre los distintos navegadores, etc. Ejemplos jquery: Entre los sitios Web que utilizando jquery podemos destacar los siguientes gestores de contenidos (CMS o Content Management System) DoNetNuKe: es un gestor de contenidos Web Open Source basado en.net. Wordpress: es un gestor de contenidos que se utiliza para crear blogs. Drupal: es otro gestor de contenido modular multipropósito que permite muchos tipos de archivos y utilizar servicios de valor añadido a foros, encuestas, blogs, etc. Wordpress: es un gestor de contenidos para sitios dinámicos que permite crear sitios Web y facilita su administración en línea Historia La primera versión de jquery estable apareció en el año 2006 y fue presentada en el BarCamp NYC, desde entonces se puede acceder al contenido de su código en la URL. jquery es software libre y de código abierto creado inicialmente por John Resig. El hecho de que sea código abierto permite a los desarrolladores acceder a su código original y participar en el desarrollo de la librería, además por ser software libre está disponible para su utilización gratuita en cualquier Web. Existe la posibilidad de participar en numerosos foros relacionados con jquery para iniciarse en el uso del framework, para conocer aplicaciones avanzadas, para participar en el desarrollo, etc. En el caso de querer participar en el desarrollo del framework jquery o resolver dudas sobre M2.UF1.NF1 CGA 2/22

3 sus aplicaciones se puede acceder a la web en español o en inglés. jquery está evolucionando muy rápidamente ya que muchos desarrolladores invierten su tiempo en ampliar y mejorar su código. Este intenso trabajo da lugar a la aparición de nuevas versiones de forma periódica. Actualmente, jquery es la librería más utilizada en la Web e importantes empresas como Microsoft han apostado por su uso. Microsoft incluye en los proyectos realizados con Visual Studio 2010 la librería jquery de forma automática cuando se desarrollan proyectos Web. jquery está en constante crecimiento y su adaptación a las nuevas tecnologías es prácticamente inmediata, hoy en día gran parte del esfuerzo de los desarrolladores se está centrando en la Web móvil llamada jquery Mobile Framework. La versión jquery para móviles está adaptada a HTML5 y tiene como objetivo lograr que Internet proporcione abundante información adaptada a estos soportes. El rápido desarrollo y aceptación de jquery Mobile Framework convierte a jquery en un framework actual y con mucho futuro Utilizar jquery Para utilizar la librería es necesario hacer una descarga del fichero correspondiente del sitio oficial. Se puede descargar una versión comprimida o una descomprimida que ocupa 229 KB y se corresponde con el archivo jquery-<version>.min.js. El archivo debe ser almacenado en el servidor Web con el objetivo de estar disponible para todas las webs que así lo requieran. En cada página Web donde ser utilice jquery es necesario introducir una línea como la siguiente en el bloque <head> : <script src="jquery-<version>.min.js"></script> Se debe que tener en cuenta que es necesario complementar la referencia al fichero con la ruta relativa del framework respecto a nuestro documento Web. Por ejemplo, si la librería jquery reside en la carpeta httpdocs/js y la página Web donde se utiliza (index.html) está en httpdocs la llamada al fichero jquery quedaría como se muestra a continuación: <script src="js/jquery-<version>.min.js"></script> Cuando ya está referenciada la librería jquery en una página Web, entonces es posible utilizar código jquery. Existen dos formas de utilizar instrucciones jquery en una Web: Introduciendo las instrucciones jquery en un fichero con extensión js Introduciendo las instrucciones jquery entre las etiquetas <script> y </script> del bloque head de la página Web. A continuación se muestra una plantilla de una página Web indicando el lugar donde se debe introducir la llamada a la librería jquery, la referencia a un fichero con órdenes jquery y las instrucciones jquery que podemos añadir directamente en la página Web. M2.UF1.NF1 CGA 3/22

4 En la plantilla se ha considerado que tanto el framework jquery como el fichero con instrucciones residen en la carpeta js, que está dentro de httpdocs, que es el lugar donde está la plantilla del documento Web jquery al cargar la web Cuando en JavaScritp se requiere de que una función se ejecute una vez que la página se haya cargado se utiliza la siguiente sintaxis: window.onload = function() { /*órdenes JavaScript*/ jquery dispone de una función característica para referenciar los elementos de la página Web. Esta función es $(), que puede recibir como parámetro, entre otros, un elemento del DOM, un selector CSS o el nombre de una etiqueta HTML y devuelve todos los elementos que concuerdan con la expresión. Así, para implementar el código que permite ejecutar una función al cargar la página jquery utiliza la siguiente sintaxis: $(document).ready(function(){ /*órdenes jquery/javascript*/ ) La gran ventaja de la función de jquery, es que la página se puede manipular en cuanto se ha cargado su código HTML (y por tanto, se ha construido el árbol DOM de la página) mientras que la función de JavaScript espera a que se carguen todos los elementos de la página, incluyendo todas las imágenes. De esta forma, las aplicaciones realizadas con jquery pueden responder de forma mucho más rápida que las aplicaciones JavaScript tradicionales. Ejemplo El ejemplo que se va a realizar tiene como objetivo mostrar una ventana de bienvenida al cargar la página Web. Los códigos de los ficheros a utilizar se muestran a continuación Practica1.html <!DOCTYPE HTML> <html> <head> <meta charset= utf-8"> <title>practica1</title> <! Llamada a la librería jquery que se supone almacenada en la misma carpeta que este documento html--> <script src="js/jquery min.js"></script> <! Llamada al fichero donde está el código jquery para este documento--> <script src="js/funciones.js" ></script> </head> <body> <h1> Comenzando...</h1> </body> </html> Funciones.js $(document).ready(function(){ M2.UF1.NF1 CGA 4/22

5 ); a mi página"); Se ha utilizado la orden JavaScript alert( mensaje ) que muestra un cuadro de diálogo con el mensaje indicado. Navegador 1.4. Funciones En principio, la sintaxis que se utiliza para declarar y llamar a una función es la misma que en JavaScript. El ejemplo visto en el apartado anterior va a ser útil para analizar el comportamiento de las funciones en jquery. $(document).ready(function(){ alert("bienvenid@ a mi página"); ); Si analizamos exhaustivamente el código: $(document) se refiere al objeto document que es el nodo raíz del árbol DOM..ready hace referencia al evento que se produce al cargar el DOM del documento Web. Las instrucciones que se deben ejecutar cuando se produce el evento las encierra entre paréntesis (). function() es la función que se ejecutará al producirse el evento ready de document. Las instrucciones que contiene están delimitadas por una llave abierta { y otra cerrada. alert ( Bienvedid@ a mi página ); Esta instrucción está dentro de la función que se ejecuta al cargar el documento. Es una instrucción JavaScript. El código analizado se podría haber escrito de la siguiente forma: $(document).ready(fbienvenida); function fbienvenida(){ alert( Bienvendid@ a mi página ); M2.UF1.NF1 CGA 5/22

6 Donde: $(document).ready(fbienvenida); indica que se llamará a la función fbienvenida al producirse el evento ready sobre el objeto document. function jbienvenida() {alert(. ); es la declaración de la función fbienvenida. Como hemos visto la declaración y la llamada a la función siguen la misma sintaxis que JavaScript, pero se producen en un entorno jquery Eventos Un evento (event) es un suceso que ocurre debido a la intervención del usuario (hacer un click, mover el cursor, cerrar una ventana, etc.) o el entorno de ejecución de un programa (cargar la página web, etc.). A continuación se muestra algunos ejemplos de eventos: Evento click focus blur change resize Cuando se produce Cuando se pulsa con el botón derecho un objeto Cuando el foco está sobre el objeto Cuando el foco abandona el objeto Cuando se modifica el contenido del objeto Cuando se modifica el tamaño de la ventana Es posible enlazar un evento con la ejecución de una función, en este caso la función es denominada controlador de evento (event handler). Cuando un evento ocurre, su controlador de eventos se ejecuta. La sintaxis a utilizar para enlazar un objeto con un evento y un controlador de evento es la siguiente: selector. evento(controlador de evento) Las instrucciones jquery deben estar incluidas o ser llamadas desde el manejador de eventos $(document).ready. $(document).ready(function() { /*instrucciones o llamadas a funciones*/ Ejemplo: Comprueba que al hacer clic sobre el texto se muestra el cuadro de diálogo correspondiente: $( h1 ).click (function(){alert( Se ha hecho clic sobre un elemento h1 );) Recuerda introducir la instrucción de este ejercicio dentro del controlador de eventos de $(document).ready (entre las llaves, en sustitución del comentario /* */) M2.UF1.NF1 CGA 6/22

7 En jquery, como en JavaScript, se puede utilizar indistintamente la comilla simple ( ) y la comilla doble ( ). Se debe tener en cuenta que, en el caso de ser necesario poner comillas dentro de comillas, las comillas simples y la dobles se deben intercalar. Correcto alert( $( #noticia ).addclass( parrafo1 ) ) alert( $( #noticia ).addclass( parrafo1 ) ) Incorrecto alert( $( #noticia ).addclass( parrafo1 ) ) alert( $( #noticia ).addclass( parrafo1 ) ) Ejercicio: Accede a la web para conocer distintos efectos que se pueden lograr utilizando jquery Selectores y principios de uso La gran potencia de jquery está determinada por su amplia capacidad de acceso a distintos elementos de la Web. La biblioteca soporta gran parte de los selectores de CSS3 y varios más no estandarizados. tabla. Para ver una muestra de los selectores básicos se exponen algunos ejemplos en la siguiente Función $("#cabecera") $(".destacado") $("div") $("p.viajes a") Elementos que devuelve Devuelve el elemento HTML con id="cabecera" Devolverá un array de elementos HTML con class="destacado Devuelve un array con todos los bloques div de HTML Devuelve un array con todos los enlaces (a) que hay dentro de los párrafos (p) que pertenecen a la clase viajes Una vez obtenidos los elementos, se les puede aplicar cualquiera de las funciones que facilita la biblioteca, por ejemplo: Código Funcionamiento $(".destacado").removeclass("destacado").addclass("nodestacado"); Con la expresión $(".destacado") se seleccionan todos los elementos HTML que contengan el atributo class= destacado. En todos los elementos seleccionados se deja de aplicar la regla de estilo.destacado (removeclass()) y en su lugar se aplica la regla.nodestacado (addclass()) Aún sin comprender bien las instrucciones jquery, podemos probar el ejemplo que se expone a continuación. Para analizar su funcionamiento es necesario crear un documento web y pulsar el botón que se muestra en el navegador. Entonces veremos como cambia el color del texto debido a la modificación de la regla de estilo que se aplica sobre el bloque <div class= destacado > <!DOCTYPE HTML> <html> <head> <meta charset= utf-8 > <title>documento sin título</title> <! Llamada a la librería jquery que se supone almacenada en la misma carpeta que este documento html--> <script src="js/jquery min.js"></script> M2.UF1.NF1 CGA 7/22

8 <! Código query--> <script> $(document).ready(function(){ //se ejecuta cuando se carga el documento $("#elboton").click(function (event){ //se ejecuta al hacer click sobre el botón $(".destacado").removeclass("destacado").addclass("nodestacado"); ) ) </script> <! Hoja de estilos interna--> <style>.destacado {color:red;.nodestacado {color:black; </style> </head> <body> <div class="destacado"> Este es el verso del inicio </div> <input type="button" id="elboton" value="cambiar color"> </body> </html> El efecto se puede ver en la siguiente imagen: 2. Acceso a los elementos HTML jquery ayuda a los desarrolladores a manipular cualquiera de los componentes de una página Web, para ello ofrece mecanismos sencillos y rápidos de acceso a todos los elementos HTML para consultar o modificar cualquiera de sus características. Existen muchos motivos por los cuales se puede requerir la modificación o lectura de las características de un elemento HMTL, por ejemplo, para modificar o leer el contenido de sus atributos. También existen funciones para mover, copiar y eliminar elementos HTML, esto permite modificar la estructura y el contenido de una página Web mientras se está mostrando en el navegador. El dinamismo que puede aportar jquery no se limita a modificar los elementos existentes, también posee funciones que permiten crear nuevos elementos, alcanzando con esta característica la potencia para crear contenidos y elementos on-line. Existen nuevos eventos y nuevos selectores: Evento hover (funcion1, funcion2) Descripción Detecta el evento que se produce cuando el ratón entra o sale de un objeto. Este evento admite dos funciones, la primera se activa cuando el evento mouseenter sucede y la segunda cuando lo hace le evento mouseleave. mousemove (funcion1) Detecta el evento que se produce al mover el ratón encima M2.UF1.NF1 CGA 8/22

9 Evento Descripción de un elemento de la página. Selector elemento:nth-child(n) Descripción Selecciona el elemento indicado que es el enésimo hijo de su padre elemento:first-child elemento:last-child elemento:only-child Selecciona el elemento indicado que es el primer hijo de su padre Selecciona el elemento indicado que es el último hijo de su padre Selecciona el elemento indicado que es hijo único de su padre, si el elemento tiene algún hermano en el árbol DOM no se selecciona Modificar y leer contenido HTML El método html() permite leer o modificar el contenido de un elemento HTML como se describe en la siguiente tabla. Descripción Sintaxis Ejemplo Leer el contenido html de un elemento html() Mostrar (leer) el contenido html del elemento con id= noticia alert($( #noticia ).html() Modificar el contenido html de un elemento html() Modificar el contenido HTML del elemento con id= noticia $( #noticia ).html( Esta es la nueva noticia ). El contenido html no puede tener saltos de línea Una característica opcional de los navegadores es la ejecución de código JavaScript por lo que es posible que existan usuarios que no tengan acceso a dichas características. Debido a esta circunstancia se debe tener cuidado al incluir instrucciones que creen nuevos elementos HMTL de forma on-line ya que es posible que no puedan ejecutarse. El siguiente ejemplo crea unos campos de formulario u otros en función del botón pulsado (Acceder o Subscripción). Por otro lado, el botón con el texto Ver muestra el contenido actual del formulario. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica html()</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery --> <! Llamada al fichero donde está el código jquery para este documento--> <script src="ejemplo_html.js" ></script> </head> M2.UF1.NF1 CGA 9/22

10 <body> <input type="button" id="acceder" value="acceder"> <input type="button" id="subscribir" value="subscripcion"><br> <form id="formulario"> <! contenido variable en función del botón pulsado--> </form> </body> </html> Código del fichero Ejemplo_html.js $(document).ready(function(){ //Definición de detectores y enlace con sus controladores de evento $("#acceder").click(paraacceder); $("#subscribir").click(parasubscribirse); $("#ver").click(paraver); ) //Controlador para el evento click del botón con id= acceder function ParaAcceder(){ //Añade campos al formulario $("#formulario").html("login<input type='text'><br>contraseña<input type='password'><br><input type='submit' value='enviar'>"); //Controlador para el evento click del botón con id= subscribir function ParaSubscribirse(){ //Añade campos al formulario $("#formulario").html( "Nombre<input type='text' id='nombre'><br> Apellidos<input type='text' id='apellidos'><br> Login<input type='text'><br>clave<input type='password'><br> Repita la clave <input type='password'><br> <input type='submit' value='enviar'>"); //Controlador para el evento click del botón con id= ver function ParaVer(){ //Muestra el contenido actual del bloque form alert($("#formulario").html()); 2.2. Modificar y leer contenido de tipo text A diferencia del método html(), el método text() permite leer y modificar el contenido de tipo texto de un elemento, como se puede ver a continuación: Descripción Sintaxis Ejemplo Leer el contenido de tipo texto de un elemento Modificar el contenido de tipo texto de un elemento text() text ("nuevo texto") Modificar Mostrar (leer) el contenido del elemento con class="nombre" alert($(".nombre").text()) el contenido de tipo texto del elemento con id="apellidos" $("#apellidos").text("pereira Castaño") Cuando se aplica una función jquery sobre un comando $("selector") que ha devuelto un array de elementos, debemos tener en cuenta que la función sólo actúa sobre el primero de ellos. Por ejemplo, la instrucción $("div").html() muestra el contenido HTML de la primera etiqueta div del bloque body. El siguiente ejemplo modifica el contenido de los elementos de dos listas al pasar el ratón M2.UF1.NF1 CGA 10/22

11 sobre cualquiera de ellas. Cabe destacar el uso del evento hover(funcion1 y funcion2) que ejecuta una función cuando el ratón entra en la zona del elemento seleccionado (funcion1) y cuando el ratón sale de la misma zona (funcion2). <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica text()</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery--> <! Llamada al fichero donde está el código jquery para este documento--> <script src="text.js" ></script> </head> <body> <ul> <li>primer elemento</li> <li>segundo elemento</li> <li>tercer elemento</li> </ul> <ul> <li>elemento solitario</li> </ul> </body> </html> Fichero text.js //Definición de detectores de eventos y enlace con sus correspondientes //controladores de evento $(document).ready(function(){ $("ul").hover(cambiarlista, CambiarLista2); ) //Controlador para el evento hover de la lista que se ejecuta cuando se //produce el evento mouseenter sobre los elementos ul. function CambiarLista(){ //Modifica los elementos de la lista //Modifica el primer elemento li de las dos listas $("li:first-child").text("opción 1"); //Modifica el segundo elemento li de la primera lista $("li:nth-child(2)").text("opción 2"); //Modifica el último elemento li de la primera lista $("li:last-child").text("opción 3"); //Modifica solo el elemento de la última lista $("li:only-child").text("cambio dual"); //Controlador para el evento hover de la lista que se ejecuta cuando se //produce el evento mouseleave sobre los elementos ul. function CambiarLista2(){ //Modifica los elementos de la lista a su situación original $("li:first-child").text("primer elemento"); $("li:nth-child(2)").text("segundo elemento"); $("li:last-child").text("tercer elemento"); $("li:only-child").text("elemento solitario"); M2.UF1.NF1 CGA 11/22

12 2.3. Modificar y leer los atributos El método attr() permite acceder a cualquier atributo de un elemento para leer y modificar su contenido. Su funcionamiento se describe a continuación: Descripción Sintaxis Ejemplo Leer un atributo attr("atributo") Mostrar del destino (atributo href) de un enlace. alert($("a").attr("href")) Modificar el destino (atributo href) de un Modificar un atributo attr("atributo", "nuevovalor") enlace $("a").attr("href", "http;//google.com) El método attr() devuelve undefined para los atributos que no existen, además este método no se debe utilizar en arrays, en la ventana o en el documento de una página Web. El siguiente ejemplo muestra un botón y un enlace. Al pulsar doble clic sobre el enlace el atributo value del botón se modifica. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica text()</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery--> <! Llamada al fichero donde está el código jquery para este documento--> <script src="attr.js" ></script> </head> <body> <input type="button" id="boton" value="un valor"><br> alt="enlace" /><a href="#" id="cambiar">cambiar</a> </body> </html> Fitxer attr.js //Definición de detectores de eventos y enlace con sus correspondientes controladores de evento $(document).ready(function(){ $("#cambiar").dblclick(cambiarvalue); ) //Controlador para el evento dblclick del elemento con id="cambiar" //Modifica el atributo value de un botón alternativamente function CambiarValue (){ var valor=$("input").attr("value"); if (valor=="un valor") //Si tiene como atributo value="un valor" lo cambia por "Otro valor" $("input").attr("value","otro valor"); else //Si tiene como atributo value="otro valor" lo cambia por "Un valor" $("input").attr("value","un valor"); M2.UF1.NF1 CGA 12/22

13 2.4. Mover elementos HTML Existen numerosas funciones para alterar la estructura de un documento Web, a continuación veremos aquellos métodos que permiten mover un elemento de un lugar a otro del DOM. Descripción Sintaxis Ejemplo Mueve el elemento amover antes del elemento destino Mueve el elemento amover después del elemento destino. $ (amover).insertbefor e(destino) $ (amover).insertafter( destino) Mueve el elemento a (enlace) antes del elemento p (párrafo) $(a).insertbefore(p) Mueve el elemento a (enlace) después del elemento p (párrafo) $(a).insertafter(p) El siguiente ejemplo muestra cuatro capas div. Al pasar el cursor sobre las capas hacer1 y hacer2 cambia la posición de las capas contenido1 y contenido2. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica text()</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery--> <! Llamada al fichero donde está el código jquery para este documento--> <script src="insert.js" ></script> </head> <body> <div id="contenido1">primera línea</div> <div id="contenido2">segunda línea</div> <br> <div id="hacer1">poner segunda en primer lugar</div> <br> <div id="hacer2">poner primera en primer lugar</div> </body> </html> Fitxer insert.js //Definición de detectores de eventos y enlace con sus correspondientes //controladores de evento $(document).ready(function(){ $("#hacer1").mousemove(insertarantes); $("#hacer2").mousemove(insertardespues); ) //Controladores para el evento mousemove de las capas con id="hacer1" e //id="hacer2" //Cambia el orden de las capas con id="contenido1" e id="contenido2" function InsertarAntes(){ $("#contenido2").insertbefore("#contenido1") function InsertarDespues(){ $("#contenido2").insertafter("#contenido1") M2.UF1.NF1 CGA 13/22

14 2.5. Añadir y eliminar elementos HTML En ocasiones, puede ser necesario añadir nuevos elementos al DOM de una página Web o eliminarlos; para ello utilizaremos los métodos append y remove: Descripción Sintaxis Ejemplo Añade el elemento nuevoelemento dentro de destino Elimina el elemento contenido. $ (nuevoelemento).appendto(des tino) $(borrarelemento).remove() Añade <h1>titulo</h1> dentro del bloque header $"<h1>titulo</h1>")").appendto("heade r") Elimina el elemento con id="marca" $("#marca ").remove() El siguiente ejemplo muestra dos textos (article) y dos enlaces que permiten añadir un párrafo (<p>..</p>) a cada elemento de la clase artículos y posteriormente eliminarlos. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica text()</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery--> <! Llamada al fichero donde está el código jquery para este documento--> <script src="append.js" ></script> </head> <body> <section class="contendor"> <h2> Titulo </h2> <article class="articulos"> Hola </article> <article class="articulos"> Adiós </article> </section> <section class="operacion"> alt="enlace" /><a href="#" id="añadir">añadir elemento</a><br> alt="enlace" /><a href="#" id="eliminar">eliminar elemento</a><br> </section> </body> </html> Fitxer append.js //Definición de detectores de eventos y enlace con sus correspondientes //controladores de evento $(document).ready(function(){ $("#añadir").click(añadirelemento); $("#eliminar").click(eliminarelemento); ) //Controladores para el evento click de los elementos con id="añadir" e //id="eliminar" //Añade nuevos elementos y los borra function AñadirElemento(){ M2.UF1.NF1 CGA 14/22

15 var paraañadir="<p>elemento añadido</p>" $(paraañadir).appendto(".articulos"); function EliminarElemento(){ $("p").remove(); 2.6. Copiar elementos HTML En ocasiones, puede ser necesario replicar un elemento del DOM dentro de una página Web y, para ello, utilizaremos el método clone: Descripción Sintaxis Ejemplo $ Copia el elemento <h1> al final del bloque header Copia el elemento "acopiar" (acopiar).clone().a al final del elemento destino ppendto(destino) $("h1").clone().appendto("header") El siguiente ejemplo muestra dos textos (article) y un enlaces que permite clonar o copiar el título <h2> dentro de cada uno de los elementos de clase artículos. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica text()</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery--> <! Llamada al fichero donde está el código jquery para este documento--> <script src="clone.js" ></script> </head> <body> <section class="contendor"> <h2> Titulo </h2> <article class="articulos"> Hola </article> <article class="articulos"> Adiós </article> </section> <section class="operacion"> alt="enlace" /><a href="#" id="clonar">clonar elemento</a><br> </section> </body> </html> Fitxer clone.js //Definición de detectores de eventos y enlace con sus correspondientes //controladores de evento $(document).ready(function(){ $("#clonar").click(clonarelemento); ) //Controladores para el evento click de los elementos con id="clonar" //Copia el elemento <h2> dentro de los elementos con class="artículos" function ClonarElemento(){ $("h2").clone().appendto(".articulos"); M2.UF1.NF1 CGA 15/22

16 2.7. Práctica Dado el siguiente código HTML, crea el fichero Practica.js de tal forma que los enlaces realicen las funciones que describen. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>practica</title> <script src="js/jquery min.js"></script> <! Llamada a la librería jquery--> <! Llamada al fichero donde está el código jquery para este documento--> <script src="practica.js" ></script> </head> <body> <table border="1"> <tr><td>primera fila</td></tr> <tr><td>segunda fila</td></tr> <tr><td>tercera fila</td></tr> <tr><td>cuarta fila</td></tr> <tr><td>quinta fila</td></tr> <tr><td>sexta fila</td></tr> </table> <br> <p> alt="enlace" /><a href="#" id="modificarhtml">modificar contenido html de la primera fila</a> </p> <p> alt="enlace" /><a href="#" id="leerhtml">mostrar el contenido html de la primera fila</a></p> <p> alt="enlace" /><a href="#" id="modificartext">modificar el contenido de texto de la segunda fila</a></p> <p> alt="enlace" /><a href="#" id="leertext">mostrar el contenido de texto de la segunda fila</a></p> <p> alt="enlace" /><a href="#" id="modificaratributo">alternar el borde de la tabla</a></p> <p> alt="enlace" /><a href="#" id="moverbelemento">mover la tercera fila al primer lugar</a></p> <p> alt="enlace" /><a href="#" id="moveraelemento">mover la primera fila al tercer lugar</a></p> <p> alt="enlace" /><a href="#" id="añadirelemento">añadir una fila al final de la tabla</a> M2.UF1.NF1 CGA 16/22

17 </p> <p> <p> alt="enlace" /><a href="#" id="eliminarelemento">elimina la última fila de la tabla</a></p> alt="enlace" /><a href="#" id="copiarelemento">copia la primera fila al final de la tabla</a> </p> </body> </html> 3. Acceso a los estilos CSS tag.laclase :radio Selector Descripción Seleccionar los elementos tag (etiquetas HTML) que pertenezcan a la clase denominada laclase. Selecciona todos los elementos radio de formulario :radio[name= namegrupo ] :checked Selecciona todos los elementos radio de formulario cuyo atributo name= namegrupo Selecciona todos los elementos de formulario cuya propiedad checked=true Obtenir i establir propietats Descripción Sintaxis Ejemplo Mostrar el tamaño de letra asignado a div. Permite obtener el valor css( pcss ) de la propiedad CSS que alert($( div ).css( font-size )); se pasa por parámetro Permite asignar el valor a css( pcss, la propiedad CSS que se valor ) pasa por parámetro. Modificar el tamaño de letra asignado a div $("div").css('font-size','29px'); Modificar el alto y el ancho de un bloque div. css({ pcss1 : Permite asignar varios valor1, valores a distintas pcss2 : valor2, $ propiedades CSS..) ("div").css({'width':'9px', height : 8px ); Al utilizar las propiedades CSS en jquery se debe utilizar el nombre de la propiedad en el formato CamelCase de tal forma que border-color se debe escribir bordercolor. Tan sólo en la propiedad css( propiedad CSS ) se puede utilizar el nombre original de la propiedad, por ejemplo, $ ( div ).css( border-color ). M2.UF1.NF1 CGA 17/22

18 Ejemplo En este ejemplo se trabajará a partir de la posibilidad que aporta HTML5 de visualizar parte del texto contenido de una capa en una sola línea y finalizando en puntos suspensivos. Se utilizará jquery para ver alternativamente el texto completo y el texto parcial cuando se hace clic sobre el texto. Se recomienda el uso de Chrome para realizar este ejemplo. HTML <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="js/jquery min.js" ></script> <script src="ejemplo_css.js" ></script> <style> h1 { background-color:#66f; color:#ccc; text-align:center; footer { background-color:#999; color:#333; text-align:center; section.contenido{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; height: 25px; background-color:#ededed; border: 1px solid #990000; </style> </head> <body> <section class= titulo > <header><h1>el Quijote</h1></header> </section> <section class= contenido > El <em>quijote</em> ha sufrido, como cualquier obra clásica, todo tipo de interpretaciones y críticas. Miguel de Cervantes proporcionó en 1615, por boca de Sancho, el primer informe sobre la impresión de los lectores, entre los que «<em>hay diferentes opiniones: unos dicen: 'loco, pero gracioso'; otros, 'valiente, pero desgraciado'; otros, 'cortés, pero impertinente'</em>» (capítulo II de la segunda parte). Pareceres que ya contienen las dos tendencias interpretativas posteriores: la cómica y la seria. M2.UF1.NF1 CGA 18/22

19 </section><p></p> <footer> Miguel de Cervantes </footer> </body> </html> CSS //Definición de detectores de eventos y enlace con sus correspondientes //controladores de evento $(document).ready(function(){ $("section").toggle(vertexto,ocultartexto); ) //Controlador que se ejecuta al hacer clic alternativamente sobre el //bloque section //Permite ver todo el contenido del bloque section function VerTexto(){ //Selecciona la etiqueta section que tiene como clase contenido $("section.contenido").css({'width':'auto','height':'auto','whitespace':'normal'); //Controlador que se ejecuta las al hacer clic alternativamente sobre el //bloque section //Oculta parte del texto contenido en section function OcultarTexto(){ $("section.contenido").css({'width':'150px','height':'25px','whitespace':'nowrap'); 3.2. Establecer y eliminar estilos Desde jquery se pueden manipular el estilo que se aplica al elemento seleccionado para establecer o eliminar el estilo mediante los siguientes métodos: Descripción Sintaxis Ejemplo Asigna un estilo al elemento seleccionado addclass() Aplicar la clase clase parrafo1 al elemento con id= noticia. $( #noticia ).addclass( parrafo1 ); Suprime la asignación de removeclass() un estilo al elemento seleccionado. Suprimir la asignación de la clase parrafo1 al elemento con id = noticia. $( #noticia ).removeclass( parrafo1 ); Ejemplo En este ejemplo se va a utilizar jquery para dar funcionalidad a dos botones con el objetivo de ver el texto en una columna, dos columnas o en tres columnas. Se recomienda el uso de uno de los siguientes navegadores: Opera (en este navegador se verá el fondo amarillo en el botón radio pulsado), Firefox, Chrome o Safari. M2.UF1.NF1 CGA 19/22

20 HTML <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>documento sin título</title> <script src="js/jquery min.js" ></script> <script src="ejemplo_addclass.js" ></script> <link href="ejemplo_addclass.css" rel="stylesheet"> </head> <body> <h1>probando columnas</h1> <div> HTML 5 no es solo un lenguaje de etiquetas orientado al contenido y el formato, como las otras versiones de HTML, sino que pretende ser una tecnología que permita crear aplicaciones de todo tipo. Para ello se están desarrollando unas APIs que permitan trabajar con todos los elementos de la página utilizando para ello atributos y métodos específicos de cada uno. Para que estas APIs sean realmente útiles tendrán que ser desarrolladas por todos los navegadores del mercado. </div><br> <form> <input type="radio" name="columnas" value="1c" checked>1 Columna<br> <input type="radio" name="columnas" value="2c">2 Columnas<br> <input type="radio" name="columnas" value="3c">3 Columnas </form> </body> M2.UF1.NF1 CGA 20/22

21 </html> Ejemplo_addClass.css columnas2{ -moz-column-count: 2; -moz-column-gap: 2em; -moz-column-rule: 1px solid black; -webkit-column-count: 2; -webkit-column-gap: 2em; -webkit-column-rule: 1px solid black; column-count: 2; column-gap: 2em; column-rule: 1px solid black;.columnas3{ -moz-column-count: 3; -moz-column-gap: 1em; -moz-column-rule: 1px solid black; -webkit-column-count: 3; -webkit-column-gap: 1em; -webkit-column-rule: 1px solid black; column-count: 3; column-gap: 1em; column-rule: 1px solid black; form{ color:#fff; background-color: #666699; width:100px; margin-left:300px; input[type="radio"]:checked{ background:#ff0; /*se ven en el navegador Opera*/ Ejemplo_addClass.js //Definición de detectores de eventos y enlace con sus correspondientes //controladores de evento $(document).ready(function(){ /*Selecciona los elementos type="radio" cuyo atributo name="columnas"*/ $(":radio[name='columnas']").click(cambiarcolumnas); ) //Controlador que se ejecuta al hacer clic sobre algún elemento radio del //formulario //Modifica las columnas en las que se distribuye el texto function CambiarColumnas(){ /*Si el atributo value del elemento radio chequeado es igual a "2C"*/ if ($(":radio[name='columnas']:checked").val()=="2c") $("div").removeclass('columnas3').addclass('columnas2') else /*Si el atributo value del elemento radio chequeado es igual a "3C"*/ if ($(":radio[name='columnas']:checked").val()=="3c") M2.UF1.NF1 CGA 21/22

22 $ ("div").removeclass('columnas2').addclass('columnas3') else /*En cualquier otro caso (value= 1C )*/ $("div").removeclass('columnas2').removeclass('columnas3'); 3.3. Cambiar la hoja de estilos Como ya hemos visto, jquery nos facilita la modificación de los estilos y las propiedades que se aplican sobre los distintos elementos de una página Web. Pero el soporte de jquery va mucho más allá, dando la posibilidad de cambiar la hoja de estilos que actúa sobre un documento Web. Descripción Sintaxis Modifica la hoja de estilos actual por la hoja llamada NuevaHojaEstilos.css $("link").attr('href', NuevaHojaEstilos.css ) El cambio de hoja de estilos con una simple instrucción jquery permite el uso de plantillas de forma on-line dando al usuario-cliente la posibilidad de cambiar todo el aspecto de un sitio Web con un solo clic. Ejemplo En el siguiente ejemplo disponemos de dos hojas de estilo para aplicar a una página Web, un enlace será el elemento que permita intercambiar las hojas de estilo. Se utilizará el evento toggle con dos funciones para que un mismo enlace permita intercambiar dos hojas de estilo en un mismo documento. M2.UF1.NF1 CGA 22/22

Tema 6 Parte III. Frameworks web para dispositivos móviles

Tema 6 Parte III. Frameworks web para dispositivos móviles Tema 6 Parte III Frameworks web para dispositivos móviles 2 1 Introducción Frameworks web para dispositivos móviles Frameworks web para móviles Frameworks web para móviles 3 Nos permiten desarrollar un

Más detalles

CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)

CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:

Más detalles

RECUPERAR DATOS DE UN FORMULARIO HTML USANDO PHP. USO DE $_GET. EJEMPLOS Y EJERCICIOS RESUELTOS. (CU00833B)

RECUPERAR DATOS DE UN FORMULARIO HTML USANDO PHP. USO DE $_GET. EJEMPLOS Y EJERCICIOS RESUELTOS. (CU00833B) APRENDERAPROGRAMAR.COM RECUPERAR DATOS DE UN FORMULARIO HTML USANDO PHP. USO DE $_GET. EJEMPLOS Y EJERCICIOS RESUELTOS. (CU00833B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP desde

Más detalles

XAJAX: una librería de AJAX para PHP (parte 1)

XAJAX: una librería de AJAX para PHP (parte 1) XAJAX: una librería de AJAX para PHP (parte 1) AJAX es el acrónimo de Asynchronous Javascript And XML o Javascript y XML asíncronos dicho en nuestro idioma. Se trata de una combinación de tecnologías que

Más detalles

1.1.- Introducción a la Web Vemos una introducción al medio donde se encajan los lenguajes que vamos a tratar: la web.

1.1.- Introducción a la Web Vemos una introducción al medio donde se encajan los lenguajes que vamos a tratar: la web. Sesión 01: Introducción a los lenguajes web COMPUTACION E INFORMATICA WEB DEVELOPPER III Competencias a Conseguir: - Introducción general a la programación web. - Conocer y diferenciar el concepto de páginas

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

Cursito 28: Curso de HTML Parte 4

Cursito 28: Curso de HTML Parte 4 Por Roxana Bassi rox@roxanabassi.com.ar / http://www.roxanabassi.com.ar Publicado en la sección los cuadernos de Internet World en la revista Internet World Latinoamérica en el período 1995-1999 Cursito

Más detalles

Programa por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen

Programa por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen Curso CSS Clase 5 Programa por Clase 1. Repaso HTML. Introducción. Reglas CSS internas. 2. Etiquetas básicas de CSS (tipografía, subrayado, etc.) 3. Archivos CSS externos. Colores. Imágenes. 4. Modelo

Más detalles

Menús. Gestor de Menús

Menús. Gestor de Menús Menús Para dar acceso a las categorías, artículos y generar espacio para los módulos se deben crear menús, éstos son enlaces a determinado recurso en el portal Web, sin ellos no es posible visualizar ninguno

Más detalles

1 OBJETOS, DOM, JSON

1 OBJETOS, DOM, JSON OBJETOS, DOM, JSON 1 2 Objetos http://www.w3schools.com/js/js_obj_intro.asp Se delimitan con llaves. Contienen propiedades. Las propiedades del objeto: pares nombre: valor, separados por comas. var alumno

Más detalles

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE

HTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)

Más detalles

Noviembre 2013. Qué es jquery? Por: César Amauri Villarreal Fuentes QUÉ ES JQUERY? NOVIEMBRE 2013

Noviembre 2013. Qué es jquery? Por: César Amauri Villarreal Fuentes QUÉ ES JQUERY? NOVIEMBRE 2013 Qué es jquery? Noviembre 2013 Por: César Amauri Villarreal Fuentes 1 Qué es jquery? Es una biblioteca de JavaScript rápida y concisa que simplifica el documento HTML, manejo de eventos, animación y las

Más detalles

Creación de una página web accesible sencilla

Creación de una página web accesible sencilla Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una

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

CASO PRÁCTICO DISTRIBUCIÓN DE COSTES

CASO PRÁCTICO DISTRIBUCIÓN DE COSTES CASO PRÁCTICO DISTRIBUCIÓN DE COSTES Nuestra empresa tiene centros de distribución en tres ciudades europeas: Zaragoza, Milán y Burdeos. Hemos solicitado a los responsables de cada uno de los centros que

Más detalles

Centro de Capacitación en Informática

Centro de Capacitación en Informática Fórmulas y Funciones Las fórmulas constituyen el núcleo de cualquier hoja de cálculo, y por tanto de Excel. Mediante fórmulas, se llevan a cabo todos los cálculos que se necesitan en una hoja de cálculo.

Más detalles

7. Definición de un estilo en función del contexto.

7. Definición de un estilo en función del contexto. 7. Definición de un estilo en función del contexto. Este otro recurso que provee las CSS es la definición de un estilo para una marca HTML siempre y cuando la misma esté contenida por otra marca determinada.

Más detalles

PROGRAMA INFORMÁTICO PARA LA CUMPLIMENTACIÓN DE RECETAS EN FORMATO XML VERSIÓN: 1.0

PROGRAMA INFORMÁTICO PARA LA CUMPLIMENTACIÓN DE RECETAS EN FORMATO XML VERSIÓN: 1.0 PROGRAMA INFORMÁTICO PARA LA CUMPLIMENTACIÓN DE RECETAS EN FORMATO XML VERSIÓN: 1.0 MARZO 2013 1 Índice de contenido 1. Introducción......3 2. Instalación...5 3. Menú Opciones...6 3.1. Abrir directorio

Más detalles

Páginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS

Páginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS 49 1.7 Hojas de estilo CSS 50 1.7 Hojas de estilo CSS 1.7.1 Qué es una hoja de estilo? Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla

Más detalles

Cómo gestionar menús en Drupal 7

Cómo gestionar menús en Drupal 7 Cómo gestionar menús en Drupal 7 Los menús en Drupal son unas herramientas muy poderosas porqué proporcionan maneras para que los visitantes de nuestro sitio puedan llegar a páginas específicas. Estos

Más detalles

Microsoft Excel. El Documento Excel. Interfase de Programa. Celdas

Microsoft Excel. El Documento Excel. Interfase de Programa. Celdas Microsoft Excel Microsoft Excel (en adelante Excel) es una aplicación tipo Hoja de Cálculo destinada al diseño y generación de documentos a partir de datos numéricos. Podría entenderse como una calculadora

Más detalles

2011 - Copyright Arsys Internet S.L. Campañas Online Manual de Usuario

2011 - Copyright Arsys Internet S.L. Campañas Online Manual de Usuario Campañas Online Manual de Usuario Índice 1 Introducción 2 Acceso a Campañas Online 2.1 Acceso a través del Panel de Control de arsys.es 2.2 Acceso a través de la URL https://www.marketingpanel.es 3 Inicio

Más detalles

SEGUNDA PARTE: DOM y jquery

SEGUNDA PARTE: DOM y jquery SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos

Más 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

MANUAL DE USUARIO DEL SISTEMA PARA EL REDACTOR

MANUAL DE USUARIO DEL SISTEMA PARA EL REDACTOR MANUAL DE USUARIO DEL SISTEMA PARA EL REDACTOR Conceptos Básicos. Drupal es un sistema de gestión de contenido que permite manejar artículos, fotos, archivos, etc. Es un sistema dinámico que administra

Más detalles

La ventana de Microsoft Excel

La ventana de Microsoft Excel Actividad N 1 Conceptos básicos de Planilla de Cálculo La ventana del Microsoft Excel y sus partes. Movimiento del cursor. Tipos de datos. Metodología de trabajo con planillas. La ventana de Microsoft

Más detalles

LABORATORIO Nº 2 GUÍA PARA REALIZAR FORMULAS EN EXCEL

LABORATORIO Nº 2 GUÍA PARA REALIZAR FORMULAS EN EXCEL OBJETIVO Mejorar el nivel de comprensión y el manejo de las destrezas del estudiante para utilizar formulas en Microsoft Excel 2010. 1) DEFINICIÓN Una fórmula de Excel es un código especial que introducimos

Más detalles

Tema 3.1: Principios de diseño web accesibles

Tema 3.1: Principios de diseño web accesibles Tema 3.1: Principios de diseño web accesibles Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando las barreras de accesibilidad en

Más detalles

PHP: Interacción con HTML

PHP: Interacción con HTML Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Variables En algunas ocasiones es necesario saber si una variable tiene

Más detalles

Manual de adminitración web www.accioncosteira.es

Manual de adminitración web www.accioncosteira.es Manual de adminitración web www.accioncosteira.es Manual de administración Accioncosteira.es Contenidos 1. Presentación de la página...3 2. Tipos de contenido...5 2.1. Tipos de contenido...5 2.2. Categorías...5

Más detalles

Estimado usuario. Tabla de Contenidos

Estimado usuario. Tabla de Contenidos Estimado usuario. El motivo del presente correo electrónico es mantenerle informado de las mejoras y cambios realizados en el software Orathor (Athor/Olimpo) en su versión 5.7.041 la cual ha sido recientemente

Más detalles

Manual Usuario Wordpress. Índice

Manual Usuario Wordpress. Índice 2 Índice 1. Manual usuario...2 1.1 Zona de mensajes...2 1.2 Zona de usuarios...5 1.2.1 Identificarse...5 1.2.2 Registrarse...6 1.3 Categorías...6 1.4 Subscribirse...6 1.5 Archivos...7 1.6 Calendario...7

Más detalles

FeriaOnline.com C/Llamaquique Nº 4 Tfno: 985256655 33005 Oviedo mail: info@feriaonline.com Url: www.feriaonline.com

FeriaOnline.com C/Llamaquique Nº 4 Tfno: 985256655 33005 Oviedo mail: info@feriaonline.com Url: www.feriaonline.com FeriaOnline.com C/Llamaquique Nº 4 Tfno: 985256655 33005 Oviedo mail: info@feriaonline.com Url: www.feriaonline.com 6.1 Creación de materiales con MS Office ÍNDICE: 1.- DOCUMENTACIÓN CON WORD 1.1 Los Hipervínculos

Más detalles

Guía de usuario web. hermandad@hermandadvirgendelmar.es www.hermandadvirgendelmar.es [EL RECUERDO DE LA TIERRA Y EL AMOR A NUESTRA VIRGEN DEL MAR]

Guía de usuario web. hermandad@hermandadvirgendelmar.es www.hermandadvirgendelmar.es [EL RECUERDO DE LA TIERRA Y EL AMOR A NUESTRA VIRGEN DEL MAR] Guía de usuario web [EL RECUERDO DE LA TIERRA Y EL AMOR A NUESTRA VIRGEN DEL MAR] 1 ANTES DE EMPEZAR La Hermandad de la Santísima Virgen, quiere estar presente en las vidas de sus Hermanos y Hermanas,

Más detalles

Instructivo de Microsoft Excel 2003

Instructivo de Microsoft Excel 2003 Instructivo de Microsoft Excel 2003 El presente instructivo corresponde a una guía básica para el manejo del programa y la adquisición de conceptos en relación a este utilitario. Que es Microsoft Excel?

Más detalles

MATERIAL 2 EXCEL 2007

MATERIAL 2 EXCEL 2007 INTRODUCCIÓN A EXCEL 2007 MATERIAL 2 EXCEL 2007 Excel 2007 es una planilla de cálculo, un programa que permite manejar datos de diferente tipo, realizar cálculos, hacer gráficos y tablas; una herramienta

Más detalles

Desarrollo Web en Entorno Servidor

Desarrollo Web en Entorno Servidor Desarrollo Web en Entorno Servidor Tema 1: Introducción 1. Tipos de páginas Web. 2. Instalación del software. (XAMPP) 1 Tipos de páginas Web. Páginas estáticas. Páginas dinámicas. 2 Tipos de páginas Web.

Más detalles

SEGUIMIENTO EDUCATIVO. Comunicaciones

SEGUIMIENTO EDUCATIVO. Comunicaciones SEGUIMIENTO EDUCATIVO Comunicaciones Diciembre 2013 Índice 1.INTRODUCCIÓN...1 2.ACCESO...1 3.MENSAJERÍA...2 3.1 Grupos a los que pertenezco...3 3.2 Enviar mensaje...4 3.3 Mis mensajes...7 3.4 Papelera

Más detalles

MANUAL DE USO http://www.arsliber.com/ Octubre 2011. CLIENTE: Liber Ediciones AUTOR: 2.0 DISEÑO _

MANUAL DE USO http://www.arsliber.com/ Octubre 2011. CLIENTE: Liber Ediciones AUTOR: 2.0 DISEÑO _ MANUAL DE USO http://www.arsliber.com/ Octubre 2011 PROYECTO: MANUAL DE USO - Página Web PAG: 1 INDICE 1. INICIO DE SESIÓN:... 3 2. AÑADIR Y MODIFICAR LAS PÁGINAS:... 5 2.1. Añadir un nuevo libro a bibliofilia...

Más detalles

Partes del formulario

Partes del formulario Partes del formulario Etiqueta La etiqueta presenta los siguientes atributos: Comando ACTION METHOD ENCTYPE Descripción El valor de este parámetro es la URL del programa o script en el Servidor

Más detalles

Tutorial Servicios Web

Tutorial Servicios Web Tutorial Servicios Web 1. Servicios Web con REST Como ya hemos usado SOAP para WebService, podemos afirmar que es bien fácil de diseñar, pero algo complicado de consumir: se necesita toda una API para

Más detalles

Para acceder al campus virtual de Espiral debes realizar los siguientes pasos:

Para acceder al campus virtual de Espiral debes realizar los siguientes pasos: 1. Acceso... 2 2. El aula virtual... 3 Los bloques... 4 Los caminos... 6 Recursos y actividades... 7 Herramientas para la comunicación... 8 Herramientas para el seguimiento... 9 Actualización del perfil...

Más detalles

Combinar comentarios y cambios de varios documentos en un documento

Combinar comentarios y cambios de varios documentos en un documento Combinar comentarios y cambios de varios documentos en un documento Si envía un documento a varios revisores para que lo revisen y cada uno de ellos devuelve el documento, puede combinar los documentos

Más detalles

El proceso de edición digital en Artelope y CTCE

El proceso de edición digital en Artelope y CTCE El proceso de edición digital en Artelope y CTCE Carlos Muñoz Pons Universitat de València carlos.munoz-pons@uv.es Introducción Una de las cuestiones más importantes a la hora de trabajar en proyectos

Más detalles

Desarrollo de software para navegación web desde terminales celulares de 3ª generación

Desarrollo de software para navegación web desde terminales celulares de 3ª generación Desarrollo de software para navegación web desde terminales celulares de 3ª generación Registro SIP 2008-0796 Resumen Como parte de un Programa generador de páginas web para celulares, se desarrolló un

Más detalles

Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas.

Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas. Formularios TEMA: FORMULARIOS. 1. INTRODUCCIÓN. 2. CREACIÓN DE FORMULARIOS. 3. INTRODUCIR DATOS EN UN FORMULARIO. 4. MODIFICAR UN FORMULARIO 5. MANERAS DE GUARDAR UN FORMULARIO. 6. IMPRIMIR FORMULARIOS.

Más detalles

Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos

Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos 1. Objetivos Este tema de introducción es el primero que debe seguir un alumno para asegurar que conoce los principios básicos de informática, como el manejo elemental del ratón y el teclado para gestionar

Más detalles

CÓMO DESCARGAR E INSERTAR O INSTALAR PLUGINS O BOTONES DE FACEBOOK EN NUESTRA PÁGINA WEB: ME GUSTA. (DV00503A)

CÓMO DESCARGAR E INSERTAR O INSTALAR PLUGINS O BOTONES DE FACEBOOK EN NUESTRA PÁGINA WEB: ME GUSTA. (DV00503A) APRENDERAPROGRAMAR.COM CÓMO DESCARGAR E INSERTAR O INSTALAR PLUGINS O BOTONES DE FACEBOOK EN NUESTRA PÁGINA WEB: ME GUSTA. (DV00503A) Sección: Divulgación Categoría: Servicios web gratuitos Fecha revisión:

Más detalles

Proyectos de Innovación Docente

Proyectos de Innovación Docente Proyectos de Innovación Docente Manual de Usuario Vicerrectorado de Docencia y Profesorado Contenido INTRODUCCIÓN... 3 DATOS PERSONALES... 6 Modificar email... 6 Modificar contraseña... 7 GESTIÓN PROYECTOS...

Más detalles

Instalación del programa PSPP y obtención de una distribución de frecuencias.

Instalación del programa PSPP y obtención de una distribución de frecuencias. Práctica 2. Instalación del programa PSPP y obtención de una distribución de frecuencias. Con esta práctica instalaremos el programa PSPP. El programa es un software específico para el análisis estadístico

Más detalles

MACROS Y FORMULARIOS

MACROS Y FORMULARIOS MACROS Y FORMULARIOS Para poder realizar formularios en Excel es necesario ubicar el menú programador Qué hacer si no aparece el menú programador? En algunos equipos no aparece este menú, por lo que es

Más detalles

Amnistía Internacional Sección Española

Amnistía Internacional Sección Española Amnistía Internacional Sección Española Webs locales Manual para editores Diciembre 2007 Versión 1.0 INTERNO SECRETARIADO ESTATAL. FERNANDO VI, 8, 1º IZDA. 28004 MADRID Telf.: + 34 91 310 12 77 Fax: +

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. Sistema De. Plataforma Virtual. Docente. Estudiante MANUAL MANUAL DE MANUAL. del Usuario. Coordinador. MICROSOFT PowerPoint 2007. v2.

Manual. Sistema De. Plataforma Virtual. Docente. Estudiante MANUAL MANUAL DE MANUAL. del Usuario. Coordinador. MICROSOFT PowerPoint 2007. v2. Plataforma Virtual Learning Management System MANUAL DE Sistema De Trámites Versión 2.0 Manual MANUAL DE MANUAL DE del Usuario MICROSOFT MICROSOFT WORD EXCEL 2007 2007 PowerPoint 2007 Estudiante Coordinador

Más detalles

Que es Velneo vdataclient V7?

Que es Velneo vdataclient V7? Página 1 de 14 Que es Velneo vdataclient V7? Es el cliente de datos que nos permitirá de una forma remota acceder como administrador a una base de datos, observar el estado de la información e interactuar

Más detalles

Proyecto Rediseño de los webs públicos de OMIE. Aplicación de resultados del mercado. Uso

Proyecto Rediseño de los webs públicos de OMIE. Aplicación de resultados del mercado. Uso Proyecto Rediseño de los webs públicos de OMIE Aplicación de resultados del mercado Uso Índice Índice... 2 0 Introducción... 3 1 Visión general de la aplicación... 3 2 Navegación por los informes... 4

Más detalles

e-conocimiento Manual de uso

e-conocimiento Manual de uso 2 Índice 1. Qué es e-conocimiento?... 3 Web del I+CS... 3 Web de los profesionales... 4 2. Cómo puedo acceder a la Web de los profesionales?... 6 3. Qué puedo encontrar en la Web de los profesionales?...

Más detalles

Informática I Notas del curso

Informática I Notas del curso EXCEL Objetivo: Identificar la funcionalidad general de Excel, sus herramientas y recursos Excel Objetivo Particular: Conocer los métodos básicos de trabajo de Excel, para el manejo de registros, datos

Más detalles

Otros tipos de Consultas

Otros tipos de Consultas Otros tipos de Consultas Tabla de contenidos 1.- CONSULTA DE SELECCIÓN INTERACTIVA... 3 2.- CONSULTAS DE ACCIÓN... 4 3.- CONSULTAS DE TABLAS DE REFERENCIAS CRUZADAS... 6 Universidad de Salamanca Facultad

Más detalles

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA OFIMATICA Y AUXILIAR DE SISTEMAS II-A GESTORES DE CONTENIDO INSTALACIÓN DE JOOMLA Y CREACIÓN DE

Más detalles

Manual de ayuda para la utilización del Correo Interno en el Campus Virtual

Manual de ayuda para la utilización del Correo Interno en el Campus Virtual Manual de ayuda para la utilización del Correo Interno en el Campus Virtual Página 1 de 12 Contenido 1. INTRODUCCIÓN... 3 2. CONFIGURACIÓN DEL BLOQUE DE CORREO INTERNO... 3 3. GESTIÓN DEL CORREO... 4 4.

Más detalles

Manual de OpenOffice Impress

Manual de OpenOffice Impress Manual de OpenOffice Impress. Capítulo 4. Trabajando con gráficos, esquemas y plantillas 1 Manual de OpenOffice Impress Capítulo 4: Trabajando con gráficos, esquemas y plantillas Este material es una adaptación

Más detalles

Operación de Microsoft Excel. Guía del Usuario Página 79. Centro de Capacitación en Informática

Operación de Microsoft Excel. Guía del Usuario Página 79. Centro de Capacitación en Informática Manejo básico de base de datos Unas de las capacidades de Excel es la de trabajar con listas o tablas de información: nombres, direcciones, teléfonos, etc. Excel puede trabajar con tablas de información

Más detalles

OBTENER DATOS EXTERNOS

OBTENER DATOS EXTERNOS La herramienta Obtener datos externos nos va a permitir llevar a Excel datos que proceden de otras fuentes de datos, como archivos de texto o bases de datos, para su posterior tratamiento y análisis con

Más detalles

Transformación de documentos XML con

Transformación de documentos XML con Transformación de documentos XML con X S L T Necesidad de las transformaciones XML se presenta como un estándar para transmitir datos a través de Internet. Ante la posibilidad de que distintos centros

Más detalles

TUTORIAL. Edición de contenido y creación de entradas y páginas Wordpress

TUTORIAL. Edición de contenido y creación de entradas y páginas Wordpress TUTORIAL Edición de contenido y creación de entradas y páginas Wordpress Su sitio web ha sido realizado con la última versión estable de WordPress. WordPress funciona como un Sistema Gestor de Contenidos

Más detalles

Imágenes y objetos IMÁGENES

Imágenes y objetos IMÁGENES IMÁGENES Y OBJETOS Imágenes y objetos 2 IMÁGENES Uno de los elementos más vistosos e importantes de las páginas web. Su introducción puede explicar de manera más fácil y agradable nuestra información al

Más detalles

UNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET

UNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET UNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET DOCENTE: Ing. CARLOS ARTURO RUANO. INSTRUCTOR: Tec. DANIEL EDENILSON

Más detalles

VAST: Manual de usuario. Autores: Francisco J. Almeida-Martínez Jaime Urquiza-Fuentes

VAST: Manual de usuario. Autores: Francisco J. Almeida-Martínez Jaime Urquiza-Fuentes VAST: Manual de usuario Autores: Francisco J. Almeida-Martínez Jaime Urquiza-Fuentes Índice general Índice general 2 1. Introducción 4 2. Representación intermedia del AST 5 2.1. Funcionamiento del VAST

Más detalles

Microsoft Word 2010. Los formatos son las características que le asignamos a cualquier carácter, a un conjunto de caracteres o a otros elementos.

Microsoft Word 2010. Los formatos son las características que le asignamos a cualquier carácter, a un conjunto de caracteres o a otros elementos. Microsoft Word 2010 Estilos y Formatos A continuación les voy a explicar como utilizar los estilos y formatos en Word, pero antes de esto necesitamos tener en claro que son los estilos y que son los formatos.

Más detalles

Manual del Profesor Campus Virtual UNIVO

Manual del Profesor Campus Virtual UNIVO Manual del Profesor Campus Virtual UNIVO Versión 2.0 Universidad de Oriente UNIVO Dirección de Educación a Distancia INDICE 1. Campus Virtual. 03 1.1 Accesos al Curso 04 1.2 Interfaz del Curso...06 1.3

Más detalles

Módulo II - PowerPoint

Módulo II - PowerPoint Módulo II - PowerPoint Índice Copiando diapositivas Menú Edición... 2 Copiando diapositivas utilizando la barra de herramientas... 3 Copiando diapositivas utilizando el menú contextual... 3 Copiando diapositivas

Más detalles

Cálculo Simbólico también es posible con GeoGebra

Cálculo Simbólico también es posible con GeoGebra www.fisem.org/web/union ISSN: 1815-0640 Número 34. Junio de 2013 páginas 151-167 Coordinado por Agustín Carrillo de Albornoz Cálculo Simbólico también es posible con GeoGebra Antes de exponer las posibilidades

Más detalles

GENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B)

GENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B) APRENDERAPROGRAMAR.COM GENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde cero Fecha

Más detalles

Plataforma Helvia. Manual de Administración. Bitácora. Versión 6.06.04

Plataforma Helvia. Manual de Administración. Bitácora. Versión 6.06.04 Plataforma Helvia Manual de Administración Bitácora Versión 6.06.04 ÍNDICE Acceso a la administración de la Bitácora... 3 Interfaz Gráfica... 3 Publicaciones... 4 Cómo Agregar una Publicación... 4 Cómo

Más detalles

EJERCICIO 3: DOCUMENTO MAESTRO

EJERCICIO 3: DOCUMENTO MAESTRO EJERCICIO 3: DOCUMENTO MAESTRO 1. Crear una plantilla de documento basándose en la normal con las siguientes características MÍNIMAS: Títulos en esquema numerado hasta 3 niveles: T_Nivel 1, T_ Nivel 2,

Más detalles

Introducción a Visual Studio.Net

Introducción a Visual Studio.Net Introducción a Visual Studio.Net Visual Studio es un conjunto completo de herramientas de desarrollo para la generación de aplicaciones Web ASP.NET, Servicios Web XML, aplicaciones de escritorio y aplicaciones

Más detalles

Bootstrap: Introducción práctico en el Diseño Web

Bootstrap: Introducción práctico en el Diseño Web Bootstrap: Introducción práctico en el Diseño Web Originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web

Más detalles

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers Barra de navegación vertical con Botones rollovers_tic 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2 1.3

Más detalles

Primeros pasos para una configuración rápida de la tienda.

Primeros pasos para una configuración rápida de la tienda. Manual de usuarios Primeros pasos para una configuración rápida de la tienda. Cómo obtener, en pocos pasos, una tienda lista para poder vender: le mostramos lo rápido y sencillo que resulta crear una tienda

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

La visualización de la ventana de Word tiene las siguientes partes:

La visualización de la ventana de Word tiene las siguientes partes: TRABAJANDO CON WORD Ventanas de Word La visualización de la ventana de Word tiene las siguientes partes: Visualización de página Barra de título, Barra de Menús, donde se indica el nombre de la aplicación

Más detalles

Manual del software para la creación de mapas conceptuales MIND42. Maria José Ciudad Mas

Manual del software para la creación de mapas conceptuales MIND42. Maria José Ciudad Mas Manual del software para la creación de mapas conceptuales MIND42 Maria José Ciudad Mas Índice Introducción a Mind42 Necesidades de instalación Mind42 o Para acceder a Mind42 o Inicio: Crear un mapa conceptual

Más detalles

DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES

DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES Presentación José Alberto Rodríguez Castañeda Universidad Tecnológica de Aguascalientes http://ww.betiux.com.mx betordz@gmail.com Temas. 1) Javascript

Más detalles

Para ingresar a la aplicación Microsoft PowerPoint 97, los pasos que se deben seguir pueden ser los siguientes:

Para ingresar a la aplicación Microsoft PowerPoint 97, los pasos que se deben seguir pueden ser los siguientes: Descripción del ambiente de trabajo Entrar y salir de la aplicación Para ingresar a la aplicación Microsoft PowerPoint 97, los pasos que se deben seguir pueden ser los siguientes: A través del botón :

Más detalles

2.5. Manipular objetos y formularios en una página Web.

2.5. Manipular objetos y formularios en una página Web. 2.5. Manipular objetos y formularios en una página Web. Un formulario es una página web en la cual el usuario puede introducir información que posteriormente recibiremos para que sea procesada, por alguna

Más detalles

Descarga Automática. Manual de Usuario. Operador del Mercado Ibérico de Energía - Polo Español Alfonso XI, 6 28014 Madrid

Descarga Automática. Manual de Usuario. Operador del Mercado Ibérico de Energía - Polo Español Alfonso XI, 6 28014 Madrid Descarga Automática Manual de Usuario Operador del Mercado Ibérico de Energía - Polo Español Alfonso XI, 6 28014 Madrid Versión 5.2 Fecha: 2008-10-15 Ref : MU_DescargaAutomática.doc ÍNDICE 1 INTRODUCCIÓN...

Más detalles

Manual de usuario de Solmicro BI. Página 1

Manual de usuario de Solmicro BI. Página 1 Manual de usuario de Solmicro BI Página 1 Índice 1. Estructura general del sistema, 2. Estructura de presentación de la información, 3. Acceso a Solmicro BI y los diferentes cuadros de mando, 4. Partes

Más detalles

2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU

2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU 2011-2012 RESOLUCIÓN DE ERRORES EN MOODLE CAMPUS VIRTUAL-BIRTUALA UPV-EHU Antecedentes:... 2 1. Introducción... 3 2. Imágenes que no se visualizan... 3 3. URLs de recursos o actividades que no son autocontenido...

Más detalles

EJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA.

EJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA. DOCUMENTOS HTML QUÉ SON? Los documentos HTML son archivos creados con etiquetas en lenguaje de hyper text markup language (lenguaje de hipertexto). Estos documentos son interpretados por los programas

Más detalles

Manual de usuario de Parda Programa de Almacenamiento y Recuperación de Datos Automático

Manual de usuario de Parda Programa de Almacenamiento y Recuperación de Datos Automático Programa de Almacenamiento y Recuperación de Datos Automático CONSEJERÍA DE EDUCACIÓN Dirección General de Participación e Innovación Educativa Centro de Gestión Avanzado de Centros TIC Fecha: 20/04/10

Más detalles

Región de Murcia Consejería de Educación, Ciencia e Investigación. Manual Usuario FCT

Región de Murcia Consejería de Educación, Ciencia e Investigación. Manual Usuario FCT . Manual Usuario FCT Murcia, 9 de Julio de 2007 Manual de Usuario FCT v1.0 pág. 2 de 73 ÍNDICE Manual Usuario FCT...1 1. Tipos de usuarios... 4 2. Modelo de navegación... 5 3. Servicios... 6 3.1. Convenios...

Más detalles

GUIA COMPLEMENTARIA PARA EL USUARIO DE AUTOAUDIT. Versión N 02 Fecha: 2011-Febrero Apartado: Archivos Anexos ARCHIVOS ANEXOS

GUIA COMPLEMENTARIA PARA EL USUARIO DE AUTOAUDIT. Versión N 02 Fecha: 2011-Febrero Apartado: Archivos Anexos ARCHIVOS ANEXOS ARCHIVOS ANEXOS Son los documentos, hojas de cálculo o cualquier archivo que se anexa a las carpetas, subcarpetas, hallazgos u otros formularios de papeles de trabajo. Estos archivos constituyen la evidencia

Más detalles

CLASS JAVASCRIPT CLASES? OBJETOS PREDEFINIDOS. WINDOW, OBJETO GLOBAL. NUMBER, MATH, DATE, REGEXP, ERROR. (CU01144E)

CLASS JAVASCRIPT CLASES? OBJETOS PREDEFINIDOS. WINDOW, OBJETO GLOBAL. NUMBER, MATH, DATE, REGEXP, ERROR. (CU01144E) APRENDERAPROGRAMAR.COM CLASS JAVASCRIPT CLASES? OBJETOS PREDEFINIDOS. WINDOW, OBJETO GLOBAL. NUMBER, MATH, DATE, REGEXP, ERROR. (CU01144E) Sección: Cursos Categoría: Tutorial básico del programador web:

Más detalles

Instructivo Asesoría Básica Comunidad Virtual SharePoint 2010

Instructivo Asesoría Básica Comunidad Virtual SharePoint 2010 Instructivo Asesoría Básica Comunidad Virtual SharePoint 2010 CONTENIDO 1. Qué es? 2. Cómo crear y acceder a la Comunidad Virtual en Microsoft SharePoint 2010? Ejemplo. 3. Qué tengo en la página de inicio

Más detalles

Google Calendar. Google Calendar

Google Calendar. Google Calendar Google Calendar Tabla de contenido Tabla de contenido... 2 Introducción... 3 Qué es Google Calendar?... 3 Acceder y crear una cuenta de Google Calendar... 4 Creación de eventos... 11 Envío de invitaciones...

Más detalles

Elementos de Microsoft Word

Elementos de Microsoft Word Contenido 1. Distintas formas de iniciar Word 2007... 2 2. Ayuda de Word... 2 3. Las barras de herramientas... 3 4. Funcionamiento de las pestañas. Cómo funcionan?... 4 5. Personalizar barra de acceso

Más detalles

Para poder acceder al sistema sólo deberá ingresar la siguiente liga desde el navegador de su preferencia: http://funcionpublica.ceneval.edu.

Para poder acceder al sistema sólo deberá ingresar la siguiente liga desde el navegador de su preferencia: http://funcionpublica.ceneval.edu. MANUAL DEL USUARIO DE SAC... 1 REQUERIMIENTOS MÍNIMOS... 1 ACCESO AL SISTEMA... 1 FUNCIONALIDAD DEL SISTEMA... 1 ENTRADA AL SISTEMA... 2 NAVEGACIÓN... 3 BARRA DE HERRAMIENTAS... 4 0-1 Manual del usuario

Más detalles

Curso de TIC educativas JITICE 2015

Curso de TIC educativas JITICE 2015 Curso de TIC educativas Nombre del curso: Taller de Pizarra Digital Interactiva con SMART Notebook Nombre profesor: Jorge Castellanos Correo: jorge.castellanos@urjc.es INDICE Actividad 1: Trabajando con

Más detalles

Índice general de materias LECCIÓN 7 74

Índice general de materias LECCIÓN 7 74 Índice general de materias LECCIÓN 7 74 BUSCAR 74 BUSCAR CON FORMATO 77 REEMPLAZAR 78 REEMPLAZAR CON FORMATO 79 NOTAS AL PIE DE PÁGINA 79 CONFIGURAR LAS NOTAS 81 INSERTAR NOTAS AL PIE 83 MODIFICAR NOTAS

Más detalles