Imágenes y objetos IMÁGENES
|
|
- Alejandro Franco Arroyo
- hace 8 años
- Vistas:
Transcripción
1 IMÁGENES Y OBJETOS
2 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 usuario. Pero no se debe abusar de su uso. Etiquetas para imágenes: <img > <map > <area >
3 Imágenes y objetos 3 IMÁGENES Dos tipos: De contenido: proporcionan información y complementan la información textual. Se incluyen directamente en el código HTML mediante la etiqueta <img> De adorno: se utilizan para hacer bordes redondeados, para mostrar pequeños iconos en las listas de elementos, para mostrar fondos de página, etc. No se deberían incluir en el código HTML, sino que deberían emplearse hojas de estilos CSS para mostrarlas.
4 4 Imágenes y objetos
5 Imágenes y objetos: Etiqueta <img> 5 IMÁGENES Muestra una imagen en el lugar en donde se sitúa esta etiqueta. Atributos: SRC: Indica el nombre y la ruta de la imagen que queremos incluír. És el único atributo obligatorio para esta etiqueta. <img src= fichero.jpg >
6 Imágenes y objetos: Etiqueta <img> 6 IMÁGENES: Otros atributos ALT: especifica una breve descripción de la imagen. Es muy útil durante la carga de la imagen. <img src= fichero.jpg alt= veremos una imagen > NAME: se usa principalmente para manejo desde scripts, de esta manera se le da un único nombre a la imagen de manera que quede referida de manera única.
7 Imágenes y objetos: Etiqueta <img> 7 IMÁGENES: Otros atributos WIDTH: define el ancho de la imagen en píxels o porcentaje. HEIGHT: define el alto de la imagen en píxels o en porcentaje. Si los usamos, el usuario podrá leer el texto sin que se le mueva cada vez que carga una imagen el navegador, ya que este reserva el espacio indicado. Además, es interesante dimensionar correctamente la imagen para que no quede desproporcionada o con una definición incorrecta. <img src= fichero.jpg width= 20 height= 80 >
8 Imágenes y objetos: Etiqueta <img> 8 IMÁGENES: Otros atributos ALIGN: permite alinear la imagen con relación al texto u otro contenido de la página que la bordea. Permite los siguientes valores: ALIGN=LEFT imagen a la izquierda del texto <img src= fichero.jpg align= left > ALIGN=RIGHT imagen a la derecha <img src= fichero.jpg align= right >
9 Imágenes y objetos: Etiqueta <img> 9 IMÁGENES: Otros atributos ALIGN=TOP coloca en la parte más alta de la línea, si hay imágenes de distinto tamaño se alinean a los bordes superiores <img src= fichero.jpg align= top > ALIGN=TEXTTOP compatibilidad para otros navegadores, hace lo mismo que TOP <img src= fichero.jpg align= texttop >
10 Imágenes y objetos: Etiqueta <img> 10 IMÁGENES: Otros atributos ALIGN=BOTTOM ajusta la parte baja de la imagen al texto ALIGN=ABSBOTTOM igual que BOTTOM ALIGN=BASELINE en la mayoría de los navegadores hace lo mismo que BOTTOM <img src= fichero.jpg align= bottom >
11 Imágenes y objetos: Etiqueta <img> 11 IMÁGENES: Otros atributos ALIGN=MIDDLE alinea el medio del texto con el medio de la imagen, pero no en todos los navegadores, en algunos alinea el fondo del texto con el medio de la imagen <img src= fichero.jpg align= middle > ALIGN=ABSMIDDLE hace lo mismo que MIDDLE, alinear el medio del texto con el medio de la imagen <img src= fichero.jpg align= absmiddle >
12 Imágenes y objetos: Etiqueta <img> 12 IMÁGENES: Otros atributos BORDER: define en píxels el tamaño del cuadro o marco que rodea a la imagen. Es útil para eliminar el borde si no nos interesa poniendo este atributo con valor igual a 0. <img src= fichero.jpg border= 0 > HSPACE: marca el espacio libre a la izquierda y derecha que debe haber entre la imagen y los otros elementos de la página que la rodean. VSPACE: marca el espacio libre arriba y abajo que debe haber entre la imagen y los otros elementos de la página que la rodean.
13 Imágenes y objetos: Ejemplo 13 Ejemplo de los atributos HSPACE y VSPACE <img src= imagen.jpg" border="0" alt="textoalternativo" align="left" vspace="5" hspace="5">
14 14 Imágenes y objetos
15 Imágenes y objetos 15 En principio la etiqueta <img> puede incluir cualquier formato gráfico existente. Sin embargo, si la imagen utiliza un formato poco habitual, todos o algunos navegadores no serán capaces de mostrar esa imagen. Se recomienda GIF, JPG y PNG. Los atributos width y height son la excepción a la norma de que el código HTML no haga referencia al aspecto de los contenidos.
16 Imágenes y objetos 16 Es posible indicar la anchura y altura en forma de porcentaje. Si solamente se establece la altura de la imagen, el navegador calcula la anchura necesaria para que se mantenga la proporción de la imagen. De la misma forma, si sólo se establece la anchura de la imagen, el navegador calcula la altura que hace que la imagen se siga viendo con las mismas proporciones.
17 Imágenes y objetos 17 Se dice que una imagen vale más que mil palabras. Pero en web, la sobrecarga de imágenes o la utilización de pocas mal empleadas, son desesperantes. Te ha pasado de entrar en un sitio web con fondo de color estridente, letras fluorescentes, una plaga de GIF s animados, applets Java, marquesinas, etc? Cuánto tiempo demoras antes de cerrarla? Debemos limitar el uso de GIF s animados y no poner imágenes indiscriminadamente. Recuerda poner sólo las que sean necesarias, las que aporten, las que sumen, y por otro lado ahorrarás en ancho de banda de tu servidor.
18 18 Imágenes y objetos: Ejemplo
19 Imágenes y objetos: Resultado del Ejemplo 19
20 Imágenes y objetos 20 Su uso se ha reducido drásticamente. La mayoría de mapas se realiza hoy en día mediante Flash. Un mapa de imagen permite definir diferentes zonas "pinchables" dentro de una imagen. Las zonas o regiones que se pueden definir en una imagen se crean mediante rectángulos, círculos y polígonos. Para crear un mapa de imagen, en primer lugar se inserta la imagen original mediante la etiqueta <img>. A continuación, se utiliza la etiqueta <map> para definir las zonas o regiones de la imagen. Cada zona se define mediante la etiqueta <area>.
21 Imágenes y objetos 21 USEMAP= nombre indica que la imagen es un mapa de imágenes y usa un mapa de definición llamado con este atributo. El nome del mapa se indica en la etiqueta <map >. Es necesario referirlo anteponiendo la rejilla (#) al nombre del mapa
22 Imágenes y objetos 22 Si una imagen utiliza un mapa de imagen, debe indicarlo mediante el atributo usemap. El valor del atributo debe ser el nombre del mapa de imagen definido en otra parte del mismo documento HTML:
23 Imágenes y objetos: <MAP > </MAP> 23 Crea un mapa de imágenes. Es otra forma de navegación, al incorporar dentro de una misma imagen zonas de sirven de enlace a otras páginas. Estos enlaces se definen como figuras geográficas y funcionan como el resto de enlaces.
24 Imágenes y objetos: <MAP > </MAP> 24 Tiene un solo atributo obligatorio: NAME= nombre Será el nombre que referiremos desde la imagen asociada.
25 Imágenes y objetos: <AREA > 25 Define una sección activa del mapa de imagen. Debe estar siempre anidada (dentro) de la etiqueta <MAP>. Atributos: HREF= URL que activará esta zona. ALT= texto Texto que se muestra cuando el ratón está sobre esa área. TITLE= texto Pequeña descripción sobre el área.
26 26 Imágenes y objetos
27 Imágenes y objetos: <AREA >. Atributos 27 SHAPE= forma Forma del área activa a definir. Posibles valores de forma: RECT: se incluyen las coordenadas de las esquinas superior izquierda e inferior derecha. CIRCLE: se crea con las coordenadas del centro y la longitud del radio. POLYGON/POLY: Se deben especificar las coordenadas de los vértices consecutivos. Default: sección que se activará cuando el punto seleccionado no esté incluido en ninguna zona activa.
28 Imágenes y objetos: <AREA >. Atributos 28 SHAPE= forma COORDS=" " Coordenadas necesarias para la forma elegida; es una secuencia de números (medidas en pixels) separados por comas. El borde superior izquierdo se corresponde a 0,0.
29 Imágenes y objetos: <AREA >. Ejemplo 29 Shape <area shape="rect" coords="x1,y1,x2,y2" href="#"> <area shape="circle" coords="x1,y1,r" href="#"> <area shape="poly" coords=" X1,Y1, X2,Y2, X3,Y3, X4,Y4" href="#">
30 Imágenes y objetos 30 Las áreas se definen mediante el atributo shape que indica el tipo de área y coords que es una lista de coordenadas cuyo significado depende del tipo de área definido. El enlace de cada área se define mediante el atributo href, con la misma sintaxis y significado que para los enlaces normales. Ejemplo:
31 Imágenes y objetos: <AREA >. Atributos 31 NOHREF indica que esa área no es un enlace. No tiene mucho sentido, pero podría valer para eliminar trozos que estén contenidos dentro de una área que sirva de enlace. TARGET marco en donde se debe mostrar al pulsar la imagen.
32 Imágenes y objetos: EJEMPLO MAPA DE IMÁGENES 3 32 Se definen las áreas Se activa el mapa, haciendo uso de la etiqueta <img>
33
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 detallesCursito 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 detallesEl lenguaje HTML. IV. Las imágenes (Duckett cap. 3) Sylvain Hallé Ÿ 8GIF128 Diseño y programación web
El lenguaje HTML IV. Las imágenes (Duckett cap. 3) Insertar imágenes El elemento serve para añadir imágenes en un documento, a través del texto: - El
Más detallesGUIA RAPIDA PRIMEROS PASOS CONSTRUCTOR DE SITIOS IPLAN PROFESIONAL CONTENT
GUIA RAPIDA PRIMEROS PASOS CONSTRUCTOR DE SITIOS IPLAN PROFESIONAL CONTENT INTRODUCCION... 3 Beneficios... 3 Descripción General y Alcance... 3 GUIA RAPIDA PRIMEROS PASOS... 4 Cómo elijo la estructura
Más detalles1 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 detallesgenerar columnas de texto y números disponer texto en columnas paralelas (para traducciones por ejemplo) situar imágenes junto a textos.
Módulo 3 Herramientas de Cómputo Tablas y Gráficos Las tablas de Word tienen una función similar a las tabulaciones pero con muchas más opciones de formato permitiendo mejores acabados. Mediante tablas
Más detallesVamos a continuar viendo los distintos elementos que podemos insertar en nuestras páginas.
Tema 6.- Continuamos insertando elementos Vamos a continuar viendo los distintos elementos que podemos insertar en nuestras páginas. Teniendo en cuenta siempre nuestro objetivo educativo vamos a ver para
Más detallesManual de iniciación Aula Virtual del IES El Greco
Manual de iniciación Aula Virtual del IES El Greco www.ieselgreco.es/moodle Basado en el manual de J.A. Espejo para el IES Jovellanos IES El Greco 1 César Rangil QUÉ ES EL AULA VIRTUAL Es un servicio basado
Más detallesMicrosoft FrontPage XP
XP El conjunto de páginas escritas en formato HTML (Hyper Text Markup Lenguaje) recibe el nombre de Web, el lugar en el que se almacena se denomina sitio Web. En estos documentos podemos incluir archivos
Más detallesPlantilla 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 detallesDiseño de páginas web
Diseño de páginas web Utilidades en Dreamweaver Ricardo Esteban Alonso Preferencias. Edición En el menú Edición > Preferencias...,podemos modificar a nuestro gusto las opciones que de forma predeterminada
Más detallesPASOS PARA CREAR UNA PÁGINA WEB
http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura
Más detalles3) Aprender a insertar archivos adjuntos y llamarlos desde la presentación.
Objetivos: 1) Aprender a crear hipervínculos. 2) Aprender a insertar sonidos asignados a objetos. 3) Aprender a insertar archivos adjuntos y llamarlos desde la presentación. 4) Aprender a utilizar el clasificador
Más detallesDiseño de páginas web
Diseño de páginas web Formularios Ricardo Esteban Alonso Insertar Formularios (1) Permiten que el visitante envíe información al servidor web, que la procesa y la almacena o bien se nos envía a través
Más detalles9. Composer: Bugs y consejos.
9. Composer: Bugs y consejos. Composer: bugs y consejos 9.1. Sobre la barra de herramientas de formato Elegir color para remarcar texto En la actualidad existe un lenguaje complementario a las etiquetas
Más detallesTEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)
TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar
Más detallesBiografía en Facebook
Biografía en Facebook Qué es la biografía de Facebook? Tu biografía es una colección de las fotos, historias y experiencias que componen tu vida. Al principio de tu biografía aparece tu actividad organizada
Más detallesDibujos creados con Word. Mediante autoformas, líneas, rectángulos, elipses, etc.
Centro Politécnico Particular de Conchalí Laboratorio de Computación Apuntes de Laboratorio (Manejo de Imágenes) Introducción Hoy en día un documento para que sea considerado como un buen documento debe
Más detallesCAPAS 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 detallesMANUAL BÁSICO DE WRITER
MANUAL BÁSICO DE WRITER Los contenidos que vamos a tratar en este pequeño manual son los siguientes: 1. 2. 3. 4. 5. 6. 7. 8. Qué es OpenOffice y qué es Writer? Cómo accedemos a Writer? Principales opciones
Más detallesSESIÓN 6 INTRODUCCIÓN A WORD.
SESIÓN 6 INTRODUCCIÓN A WORD. I. CONTENIDOS: 1. La pantalla de Word. 2. Partes de la pantalla de Word. 3. Funcionamiento de los menús. 4. Distintas formas de ver un documento. 5. Trabajar con varios documentos
Más detallesAdobe Dreamweaver CS6 Mi Sitio Web
Adobe Dreamweaver CS6 Mi Sitio Web Mg. Carlos Antonio Huamán Terrazas. Presentación Una de las reglas que se debe respetar en la creación de un Sitio Web es ordenar lar páginas web y los archivos a utilizar
Más detallesAmnistí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 detallesTEMA 5: HOJAS DE CÁLCULO. Edición de hojas de cálculo con OpenOffice Calc
TEMA 5: HOJAS DE CÁLCULO Edición de hojas de cálculo con OpenOffice Calc Qué vamos a ver? Qué es una hoja de cálculo y para qué sirve El entorno de trabajo de OpenOffice Calc Edición básica de hojas de
Más detallesAnálisis de la accesibilidad del sitio web. Ayuntamiento de El Campello (http://www.elcampello.es)
Análisis de la accesibilidad del sitio web Ayuntamiento de El Campello (http://www.elcampello.es) Alexandre López Berenguer Sergio Luján Mora Fecha de realización:24-3-2011 Esta obra está bajo una licencia
Más detallesCÓMO CREAR UN SITIO WEB CON GOOGLE SITES
CÓMO CREAR UN SITIO WEB CON GOOGLE SITES Vamos a analizar las características de una herramienta que ofrece google y que posibilita la creación de páginas sencillas y personales y que se denomina google
Más detallesComponente com_weblinks para listados de enlaces web a modo de directorio en Joomla. (CU00442A)
aprenderaprogramar.com Componente com_weblinks para listados de enlaces web a modo de directorio en Joomla. (CU00442A) Sección: Cursos Categoría: Curso creación y administración web: Joomla desde cero
Más detallesCÓMO CREAR UNA PÁGINA WEB v.1
CÓMO CREAR UNA PÁGINA WEB v.1 Índice 1 Introducción 1 2 Diseño gráfico 1 3 El lenguaje HTML 1 4 Alojamiento y publicación 2 5 Promoción 5 1 Introducción 2 Diseño gráfico Una página web es un espacio virtual
Más detallesManual 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 detallesCAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3
ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una
Más detallesIntroducción a la Informática Aplicada a la Filología TABLAS
Su creación. Filas y columnas TABLAS Las tablas representan el formato más adecuado para organizar múltiples datos que deben aparecer relacionados. Las tablas constan de casillas de entradas de datos,
Más detallesProfesor: Víctor Cárdenas Schweiger
Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de
Más detalles1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES
Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho
Más detallesLa 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 detallesGUÍA RÁPIDA DE TRABAJOS CON ARCHIVOS.
GUÍA RÁPIDA DE TRABAJOS CON ARCHIVOS. 1 Direcciones o Ubicaciones, Carpetas y Archivos Botones de navegación. El botón Atrás permite volver a carpetas que hemos examinado anteriormente. El botón Arriba
Más detallesMATERIAL 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 detallesCOMO CREAR UN ÁLBUM DE FOTOGRAFÍAS EN MICROSOFT OFFICE POWERPOINT?
COMO CREAR UN ÁLBUM DE FOTOGRAFÍAS EN MICROSOFT OFFICE POWERPOINT? Para crear tu propio álbum de fotografías, el cual contenga las fotos que tú quieras, con música de fondo, con un video que te identifique
Más detallesINSTRUCTIVO PARA VOTAR
INSTRUCTIVO PARA VOTAR Para votar por una obra de una de las categorías expuestas en la página web http://akc.com.co/page/ en la sección SALÓN DE ARTES INFANTILES, tener en cuenta los siguientes pasos:
Más detallesPaso 1 Define los objetivos.
Paso 1 Define los objetivos. El objetivo del sitio y el público objetivo Todo proyecto requiere de un plan que nos permita comprobar si avanzamos de manera correcta en el desarrollo y cumplimiento del
Más detallesUnidad: Representación gráfica del movimiento
Unidad: Representación gráfica del movimiento Aplicando y repasando el concepto de rapidez Esta primera actividad repasa el concepto de rapidez definido anteriormente. Posición Esta actividad introduce
Más detallesCó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 detallesTUTORIAL DE WORDPRESS
TUTORIAL DE WORDPRESS Editado por Cristina Alejos. www.pinturayartistas.com ACCESO AL BLOG EDICIÓN Y CREACIÓN DE ENTRADAS CREAR UN ENLACE A OTRA PÁGINA MÁS OPCIONES DEL EDITOR CREACIÓN Y EDICIÓN DE PÁGINAS
Más detallesServicio de Enseñanza Virtual Pabellón 8, El Carmen. tutoria.virtual@eduh.uhu.es
Guía Rápida Course Genie Servicio de Enseñanza Virtual Pabellón 8, El Carmen. 959 21 93 29 / 95 06 tutoria.virtual@eduh.uhu.es COURSE GENIE Los nombres de los documentos de Word, no pueden contener espacios
Más detallesManual del alumno Aula Virtual Puertos de Tenerife. http://apt-rhformacion.puertosdetenerife.org/
Manual del alumno Aula Virtual Puertos de Tenerife http://apt-rhformacion.puertosdetenerife.org/ 1 Índice 1. Introducción.... 3 2. Acceso al Campus virtual.... 3 3. Estructura General de un curso... 4
Más detallesSEO: Elementos HTML. solo nos hemos de centrarnos en Google. 1 / 19
Las técnicas SEO, optimización para motores de búsqueda, consisten en adaptar la estructura y el contenido de nuestras páginas web para facilitar el rastreo y la indexación de tu contenido por parte de
Más detalles!"#$%!&&'(#%')"*#++,%-.-!*'/0%
!"#$%!&&'(#%')"*#++,%-.-!*'/0% Jesús Rodríguez Barrueco Proxecto Abalar IES Carlos Casares (Viana do Bolo) Tabla de contenido '$+#*('1$%2#%.$/%"!*-/2/%,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,%3!
Más detallesInstructivo 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 detallesDOCUMENTACIÓN COMMUNITY SERVER. Personalizada para Grupo Zeta
DOCUMENTACIÓN COMMUNITY SERVER Personalizada para Grupo Zeta Por: Román Casado Internet Pag.1 de 20 Grupo Zeta INDICE 1.- Acceder al panel de control... 3 2.- Ruta para acceder a crear un nuevo post (artículo)...
Más detallesPersonalización de la apariencia de la revista. Maquetación y plantillas
Personalización de la apariencia de la revista. Maquetación y plantillas Taller de Introducción a OJS Universidad de Salamanca Banner de la revista Como se mostró en los puntos anteriores del taller, se
Más detallesUNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
Más detallesHTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es
HTML-5 / DIVS + IFRAMES Prof: Moisés Mañas Moimacar@esc.upv.es Básico Define una división o sección en un documento Atributos: align= left/right/center/justify Alineación de la división
Más detallesH T M L. Marquesinas y Listas U.A.C.M COMPUTACIÓN II. Prácticas
Prácticas H T M L U.A.C.M COMPUTACIÓN II Marquesinas y Listas Práctica VII HTML Básico El objetivo es trabajar con dos elementos que nos darán un mejor aspecto a la información que se visualice en nuestra
Más detalles1.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 detallesEn muchas ocasiones resulta muy útil que la información contenida en un libro de Excel se visualice gráficamente.
Un grafico es una representación de los datos de una hoja de cálculo a través de figuras o líneas que permiten un análisis e interpretación más claros de los mismos. En muchas ocasiones resulta muy útil
Más detallesMó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 detallesMenú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 detallesPara 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 detallesMANUAL ÁREA PRIVADA PROFESOR
MANUAL ÁREA PRIVADA PROFESOR ÍNDICE 1. Creación de equipos 2. Partes del Área privada 2.1. ZONA DE INFORMACIÓN Y TRABAJO 2.1.1. CREAR UN NUEVO EQUIPO 2.1.2. GESTIONAR EQUIPOS 2.1.3. REPOSITORIO 2.1.4.
Más detalles**NOTA** las partes tachadas todavía no están escritas, se ira actualizando poco a poco el documento
Simple tutorial we riseup Pequeña introducción a We Riseup #Qué es we.riseup o Crabgrass? #Como esta estructurado We.riseup? Lo Esencial Unirse a un grupo Metodo 1 Metodo 2 Crear contenido #1 ) Crear la
Más detallesCapítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Más detalles2011-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 detallesCARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5. La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan:
CARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5 La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan: Subir al servidor tantos archivos de imagen como se necesiten para
Más detallesManual del Administrador del Sitio del Gestor de Contenidos de Revistas Científicas de Grupo Aula Médica
Manual del Administrador del Sitio del Gestor de Contenidos de Revistas Científicas de Grupo Aula Médica Luis Vicente Vacas Diciembre 2013 Gestor de Contenidos de Grupo Aula Médica Manuales / 03-Administrador
Más detallesUso del programa CALC
Uso del programa CALC 1. Introducción. Podemos considerar una hoja de cálculo como una tabla en la que tenemos texto, números y fórmulas relacionadas entre si. La ventaja de usar dicho programa radica
Más detallesFigura 1 Abrir nueva hoja de cálculo
1. DISEÑO DE UNA HOJA Para abrir una hoja de cálculo existente en el espacio de trabajo del usuario, debe ir al menú Archivo > Abrir, o bien desde el botón Abrir archivo de la barra de herramientas, o
Más detalles3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.
3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc
Más detalleshttp://www.hikashop.com/en/component/updateme/doc/page-...
español Contenido de visualización en el extremo delantero Descripción Página del producto con un menú Listado de productos con un menú Listado de categorías con un menú Los productos con un módulo Categorías
Más detallesCreació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 detallesPá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 detallesNavegación. Capítulo 11. Photo: http://www.flickr.com/photos/62904109@n00/5214296452 CC BY 2.0. Joomla! 2.5 - Beginner s Guide
Joomla! 2.5 - Beginner s Guide Capítulo 11 Navegación Photo: http://www.flickr.com/photos/62904109@n00/5214296452 CC BY 2.0 Todo sitio necesita una navegación fácil de entender, o de otra forma no será
Más detallesInformá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 detallesPrograma Tracker : Cómo generar Vectores y sumarlos
Programa Tracker : Cómo generar Vectores y sumarlos Esta guía explica cómo usar vectores, la posibilidad de sumarlos, presentar los resultados directamente en pantalla y compararlos de forma gráfica y
Más detallesEJERCICIO 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Í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 detalles5.2.1 La Página Principal
5.2 Las Páginas WEB Una página Web es un documento electrónico escrito en un lenguaje de ordenador llamado HTML, o Hypertext Markup Language (lenguaje de marcación de hipertexto). Como ya hemos dicho,
Más detallesUn kilobyte (KB) son 1024 bytes, un Megabyte (MB) son 1024 KB, un Gigabyte son 1024 Mb
El Explorador de Windows es la herramienta básica en un Sistema Operativo porque con ella controlaremos toda la información que tenemos guardada en nuestro disco duro, disquete, CD, USB, etc. Terminología
Más detallesEXTRACTO Descripción del uso y manejo de SIRAIS 1.2
Manual de usuario EXTRACTO Descripción del uso y manejo de ELABORADO POR Dr. Javier Rodríguez Suárez Director General de Difusión e Investigación Ing. José Joel Lucero Morales Jefe de Enseñanza de la Dirección
Más detallesDiseño de páginas web
Diseño de páginas web Capas. Objetos en movimiento Ricardo Esteban Alonso Creación de capas en la página web Las capas son rectángulos transparentes, donde podemos insertar datos y hacer que éstos aparezcan
Más detallesCurso 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 detallesQUÉ ES Y QUÉ ESTUDIAR PARA SER PROGRAMADOR WEB? ITINERARIO DE FORMACIÓN, PLAN DE ESTUDIOS O DE CARRERA. (CE00302D)
APRENDERAPROGRAMAR.COM QUÉ ES Y QUÉ ESTUDIAR PARA SER PROGRAMADOR WEB? ITINERARIO DE FORMACIÓN, PLAN DE ESTUDIOS O DE CARRERA. (CE00302D) Sección: Cómo empezar Categoría: Orientación académica Fecha revisión:
Más detallesGuía de Plantillas de Word
Guía de Plantillas de Word Una guía de cómo funcionan Documento de funcionamiento de plantillas en Word es muy sencillo y le ofrece toda una serie de opciones totalmente personalizable. Una vez que las
Más detallesCUESTIONARIOS AUTOCORREGIBLES
CÓMO CREAR CUESTIONARIOS AUTOCORREGIBLES CON GOOGLE DOCS Las posibilidades didácticas de Google Docs son incuestionables. Además de sus posibilidades colaborativas, sus formularios pueden utilizarse para
Más detallesMANUAL DE AYUDA MÓDULO GOTELGEST.NET PREVENTA/AUTOVENTA
MANUAL DE AYUDA MÓDULO GOTELGEST.NET PREVENTA/AUTOVENTA Fecha última revisión: Septiembre 2014 MANUAL DE AYUDA MÓDULO GOTELGEST.NET PREVENTA/AUTOVENTA MÓDULO GOTELGEST.NET MÓVIL... 3 1. INTRODUCCIÓN A
Más detallesPlataforma 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 detallesS I S T E M A E N L Í N E A
S I S T E M A E N L Í N E A El Sistema en Línea de AGROIDEAS - Programa de Compensaciones para la Competitividad es la herramienta mediante la cual las Organizaciones de Productores Agrarios podrán inscribirse
Más detallesAparece una ventana interactiva que nos permite ver una presentación preliminar del aspecto que tendrá un gráfico al generarlo.
SPSS: GRÁFICOS GRÁFICO DE BARRAS En el Menú Gráficos podemos utilizar el procedimiento para creación de gráficos, ésos gráficos pueden ser de diferentes tipos (de barras, de sectores, diagramas de caja
Más detallesLECCIÓN 10 DASHBOARD. Cómo añadir Gráficos al Dashboard?
LECCIÓN 10 DASHBOARD Cómo añadir Gráficos al Dashboard? Agregar Gráficos al Dashboard es muy fácil, simplemente debemos ingresar al Dashboard que hayamos creado, y en el navegador de configuración en la
Más detallesCORREO WEB DE CNICE (Centro Nacional de Información y Comunicación Educativa)
CORREO WEB DE CNICE (Centro Nacional de Información y Comunicación Educativa) José M. Lorés Documento de ayuda para el uso del correo de CNICE a través de la web. Acceso al correo y configuración Paso
Más detallesGoogle Docs: acceda, cree, edite e imprima
Google Docs: acceda, cree, edite e imprima Hay varios tipos de documentos de Google Docs: documentos de texto, hojas de cálculo, presentaciones, diagramas y formularios. Usaremos un documento de texto
Más detallesPHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani
PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas
Más detallesTienda Virtual Synergy (Parte 2)
Tienda Virtual Synergy (Parte 2) El catálogo electrónico de productos es la base de toda la aplicación por lo que siempre será necesario instalarlo. Los siguientes dos módulos (tienda virtual y módulo
Más detallesMANEJANDO FICHEROS Y CARPETAS
Tutorial 1 MANEJANDO FICHEROS Y CARPETAS 1.1.- Creando carpetas Para organizar la información que almacenamos en nuestros ordenadores, tenemos una elemento denominado carpeta. Vamos a ver cómo, usando
Más detallesENTORNO DE TRABAJO DE WORD 2007
ENTORNO DE TRABAJO DE WORD 2007 Esta nueva versión de Office no contiene las 4 barras que son comunes a versiones anteriores, en esta ocasión solo contiene una barra llamada barra de título, una banda
Más detallesPresentaciones en línea (II). Prezi y Slideshare
3 Presentaciones en línea (II). Prezi y Slideshare 1) Qué es Prezi. Como registrarse y acceder. 2) Crear una presentación con Prezi. 3) Ver la presentación de Prezi. 4) Exportar la presentación de Prezi.
Más detallesCORREO ELECTRÓNICO GMAIL. 1 Enviar correo electrónico... 2. 1.2 Acceder a una cuenta de correo electrónico... 2
CORREO ELECTRÓNICO GMAIL 1 Enviar correo electrónico... 2 1.2 Acceder a una cuenta de correo electrónico.... 2 1.3 Destacar el propósito principal de las carpetas de correo electrónico: Recibidos, Bandeja
Más detallesMANUAL 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 detallesPromoción y comercialización online de experiencias turísticas en España a través del portal oficial de turismo de España www.spain.
Promoción y comercialización online de experiencias turísticas en España a través del portal oficial de turismo de España www.spain.info Manual de usuario EXPERIENCIAS TURÍSTICAS Manual de usuario de la
Más detallesSistema de Inscripciones en Línea de la Olimpiada Mexicana de Matemáticas, Delegación Yucatán MANUAL DE USUARIO
Sistema de Inscripciones en Línea de la Olimpiada Mexicana de MANUAL DE USUARIO CONTENIDO 1. Introducción.... 3 2. Ventana Inicial.... 3 3. Registro de un usuario.... 4 4. Iniciar sesión... 6 5. Inscribir
Más detallesEXTENSIÓN DE UML PARA APLICACIONES WEB
EXTENSIÓN DE UML PARA APLICACIONES WEB 1. Descripción Esta extensión de UML define un conjunto de estereotipos, valores etiquetados y restricciones que nos permiten modelar aplicaciones web. Los estereotipos
Más detallesCÓ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