GUÍA DE OMEGA FRAMEWORK EN DRUPAL 7. RESPONSIVE DESIGN EN DRUPAL Por: Luis Dueñas

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

Download "GUÍA DE OMEGA FRAMEWORK EN DRUPAL 7. RESPONSIVE DESIGN EN DRUPAL Por: Luis Dueñas www.luisduenas.com"

Transcripción

1 GUÍA DE OMEGA FRAMEWORK EN DRUPAL 7 RESPONSIVE DESIGN EN DRUPAL Por: Luis Dueñas

2 Responsive Web Design con OMEGA FRAMEWORK La web no es, ni ha sido nunca, de ancho fijo. El primer contenido en la World Wide Web era sensible, pero de alguna manera a lo largo del tiempo se decidió forzar un ancho específico en los sitios que construimos. Con la actual explosión del tráfico de Internet desde móviles, tabletas, televisores, nosotros como diseñadores y desarrolladores somos responsables de entregar contenido relevante de una manera de fácil acceso, sin importar el dispositivo. De esa necesidad fue como nació el Diseño sensible (Responsive Design). Pero... Qué demonios es Responsive Design? Responsive Design es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hojas de estilo CSS, se consigue adaptar el sitio web al entorno del usuario, es decir, que nuestro flamantes sitio web podrá verse cool desde cualquier dispositivo como en la siguiente imagen. Todo se lo debemos a Ethan Marcotte, el creó y difundió esta técnica a partir de una serie de artículos en A List Part. Drupal nos provee muchas formas de hacer Responsive Desing, OMEGA FRAMEWORK es una de esas formas y que para mí personalmente es mi forma preferida de hacerlo con Drupal. OMEGA FRAMEWORK es un tema base que nos provee de un conjunto de herramientas que nos ofrece muchas de las características básicas que los diseñadores necesitan como: un sistema de grid, compatibilidad entre navegadores, base de clases CSS y más. Porque implementar theming en Drupal a veces no es tarea sencilla, pero la comunidad ha tratado de hacerlo cada vez más fácil y OMEGA nos provee de esa facilidad. En esta guía explicare Omega 3.x, cómo funciona y cuáles son las mejores prácticas establecidas para empezar a utilizar su propio subtema basado en Omega. Por favor, se paciente y empieza por el principio ya que el enfoque de Omega en el theming es diferente a otros temas. Si asume demasiado se puede encontrar complicaciones en la comprensión

3 que podría haber evitado mediante la comprensión de los conceptos básicos desde el principio. En esta guía he recopilado información de varios sitios webs en Ingles y en especial desde la misma documentación oficial de OMEGA FRAMEWORK, al final encontrara todos los links de las fuentes. Por qué Omega es un tema base? Es debido a que nunca cambia, usted construye su diseño sobre la base que Omega ofrece, sin modificar Omega como tal. Omega permanecerá igual cada vez que lo utilice, pero también puedes crear un sub-tema con regiones y bloques personalizados, diseños de columna y CSS. Como se ve en la imagen de abajo, un tema de una sola base puede soportar múltiples variantes: En esta guía voy a cubrir Instalación de Omega Framework Uso de Omega Tools para crear un subtema Entender el layout Las opciones básicas de configuración Comenzar a diseñar el tema (Es necesario tener conocimientos de CSS) Si no sabe CSS, no se preocupe, afortunadamente no necesita saberlo para saber instalarlo y tenerlo funcionando. Paso 1. Instalar algunos módulos necesarios para ayudante y hacerte la vida más fácil Recomiendo que descargue e instale los módulos siguientes con el fin de sacar el máximo provecho de su tema basado en Omega. Más sobre la instalación de módulos. Asegúrese de que está ejecutando las últimas versiones estables de todos los módulos para garantizar un funcionamiento correcto. Si está utilizando versiones dev de cualquiera de estos módulos, utiliza la versión dev para todos con el fin de mantener la compatibilidad.

4 Omega Tools (Requiere ctools) - Omega Tools es un gran conjunto de funciones que le ayudarán a crear y administrar fácilmente su subtema Omega. Esta herramienta es útil para el desarrollo, pero probablemente debería estar deshabilitado en entornos de producción. Delta Delta es una poderosa herramienta que le permite crear variaciones de una configuración de temas sin tener que crear un sub-tema nuevo. Cuando se utiliza con el contexto, Delta le permite editar la red omega, la zona y la configuración de región y crear todos los diseños nuevos basados en las condiciones disponibles en su contexto. Context (Requiere ctools) - Context le permite manejar las condiciones contextuales y las reacciones de diferentes partes de su sitio. Usted puede pensar en cada contexto como la representación de un "segmento" de su sitio. Para cada contexto, puede elegir las condiciones que desencadenan este contexto que se activa y elegir diferentes aspectos de Drupal que debe reaccionar ante este contexto activo, en ese "segmento". Piense en condiciones como un conjunto de reglas que se comprueban durante la carga de la página para ver qué contexto está activo. Cualquier reacción que se asocian a contextos activos son entonces disparado. Ctools Un conjunto de APIs que son requeridos por muchos módulos en Drupal. Es probable que usted ya tiene ctools habilitada para otros módulos. Views Es un sistema para hacer consultas a la base de datos y un generador de reportes personalizados. Se trata de un módulo muy potente. Nota de precaución: Algunos de estos módulos son bastante complicados de configurar y tiene su propia curva de aprendizaje que pasar. Si usted es un principiante, usted no tiene que hacer nada con ellos para experimentar con la creación de un sub-tema. Algunos de estos módulos se encuentran todavía en las primeras versiones, así que no experimente mucho en un sitio vivo. Use un sitio de pruebas para aprender. Siempre haga copias de seguridad de tu sitio en producción, si vas a hacer cambios o antes de instalar cualquiera de estos módulos.

5 Paso 2. Descargar e instalar Omega Puede descargar el Framework aquí: Para instalarlo, vaya a Apariencia> Instalar tema nuevo. Hay dos formas de hacerlo vía web desde el administrador de Drupal. 1. Copiar la url del archivo ftp desde la pagina del tema y click en el botón de Instalar. 2. Descargar el archivo y buscar en el equipo local y click en el botón de instalar.

6 También es posible hacerlo por vía FTP Es necesario tener acceso FTP de su sitio, siga estas instrucciones: 1. Descargar Omega 7.3 Release recomendado 2. Descomprimirlo (7-Zip o similar) 3. Coloque la carpeta Omega y su contenido en su sitio de Drupal /sites/all/themesor /sites/example.com/themes Después de la instalación usted verá dos nuevos temas disponibles Core y Core Alfa Omega.

7 No es necesario activar estos o establecer como predeterminados. De hecho, es mejor si no lo haces. Usted va a utilizar estos temas como base y hará toda su obra en los subtemas que se cree de los mismos. Si ha instalado el módulo de Omega Tools, context y Delta verá un enlace adicional en la página de Apariencia. Paso 3. Cree el Subtema Se recomienda crear un subtema de Omega en lugar de editar el tema básico en sí, Cuando se crea el subtema casi todas las características del tema base son heredados por el sub-tema. Es genial, porque cuando llega el momento de las actualizaciones de versión, sólo tienes que actualizar la base, y todos los sub-temas se actualizará con él. Cualquier personalización que haya realizado en el subtema no se verán afectados. Existen 3 formas de crear un subtema Creación de una Subtema Usando Omega Tools (recomendado para principiantes) Creación de una Subtema con Drush (Recomendado para usuarios avanzados) Creación de una Subtema - Versión Manual (Si todo lo demás falla) En esta guia explicare como hacerlo usando el módulo Omega Tools, puede dirigirse a los links si necesita hacerlo de las otras formas. Creación de una Subtema Usando Omega Tools (recomendado para principiantes) Primero debes de tener instalado y activado el módulo Omega Tools (admin / modules / omega_tools) Luego debes de ir a Apariencia y hacer clic en Crear nuevo subtema Omega.

8 Dar un nombre a su tema Elige tu tema básico. Elige tu kit de inicio. Omega le ofrece dos opciones de kit de arranque, Omega-html5 y Omega xhtml. HTML5 es una mejor opción en términos de compatibilidad a largo plazo con los estándares web modernos. Elige Omega-xhtml kit de inicio si usted tiene algún requerimiento especial XHTML.

9 Paso 4. Ir al asistente de configuración y Finalizar Esta a un paso del asistente para finalizar y tener funcionando su subtema. Si da click en el botón de finalizar del asistente, tendrá funcionando el subtema tal y como está escrito por default. Si da click en el botón de continuar, tendrá más opciones de configuración del sub-tema, podrá modificar el archivo.info si lo desea..

10 Marque la casilla para habilitar el tema.

11 Después haga clic en Activado, puedes elegir si desea que sea el tema predeterminado de su sitio web. También puede hacer clic en configuración avanzada para abrir más opciones, como mencionaba anteriormente si desea modificar el archivo.info. Cuando regrese a la página de Apariencia verá que el tema con el nombre que le dio y que es ahora el tema por defecto. Paso 5. Visite el sitio Esto es lo que verá cuando usted eche un vistazo en el sitio.

12 Omega incluye la capacidad de usar herramientas de depuración, tales como una superposición de cuadrícula y bloques de depuración para mostrar las diversas regiones configurados en la página. Las barras de color rosa son las columnas creadas por el sistema de rejillas (960 Grid). Las cajas son bloques que hay en las regiones. Usted puede ver fácilmente cómo las regiones se organizan y cuántas columnas estándar abarca. En la parte superior derecha de la pantalla podrá ver dos marcas de verificación verdes. Al pasar el ratón sobre ellos se abren y le dirá lo que se relaciona. Si hace clic en GRID, la marca cambiará a una X de color rojo y las barras de color rosa desaparecerá. Al hacer clic en bloques, cambiará los contornos de las regiones. Así es como se vé el sitio cuando las rejillas y los bloques de las regiones estan "apagados".

13 Paso 6. Configure el sub-tema que ha creado Una de las cualidades más deseables de Omega es la capacidad de tener configuración a un nivel profundo que estará a su alcance a través de la interfaz de usuario en la configuración del tema. Para acceder a la configuración del sub-tema (una vez que el sub-tema está habilitado), vaya a admin / apariencia / ajustes / sub-tema. En las opciones de configuración en la parte izquierda, se encuentra gran parte de lo que necesita para crear temas ricos y sensible todo con la facilidad de una interfaz interactiva para el usuario. Haga clic en Opciones situado junto al logo del tema en la página de Apariencia. Puede pasar por alto el vínculo Editar. Le llevará al asistente incompleto que no llegó a utilizar durante la instalación.

14 Elija su sistema de rejillas. Sus opciones son 960px (predeterminada) y Fluido. Si opta por Fluido, usted ya no tendrá columnas fijas, y la distribución se ampliará al 100% de la pantalla. Los ajustes de respuesta será marcada por defecto. Lo que ve en la imagen anterior ayudará a su sitio web a que se vea bien en dispositivos moviles. Ya que controla el zoom de su sitio web en los navegadores móviles, añadirá la etiqueta meta viewport que hará que su sitio se muestre correctamente sin importar el tamaño de la pantalla del dispositivo móvil. En casi todos los casos de uso usted no tendrá que tocar estos parámetros, la experiencia móvil sera óptima ya que fijara la vista en una escala haciendo que el sitio web se sienta nativo en el dispositivo. Para obtener más información sobre Viewport metatags haga clic aquí.

15 Distribución primaria Seleccione cual sera el diseño por defecto. Esta será también la vista predeterminada de tu sitio en IE7 / 8 o navegadores que no soportan media queries. "Diseño Normal" está activada por defecto ya que es el diseño web con estándares web de 960px de ancho. Configuración de diseño Aquí usted puede activar/desactivar los diferentes diseños como: narrow, normal y wide. También puede cambiar los diferentes media queries para cada tamaño, y su peso (es decir, el orden de la carga). Recuerde que cada diseño tiene una hoja de estilo correspondiente en la carpeta de css de su sub-tema para fines de tematización. El valor predeterminado de tamaño de los diseños es el siguiente (en base al tamaño de pantalla del dispositivo, no el tamaño de las rejillas): Movil: de 0px a 740px de ancho Narrow: de 741px a 979px de ancho - Tablet en posicion Portrait Normal: de 980px a 1219px de ancho - Escritorios Non-fullscreen y la mayoría de tabletas en Landscape Wide: de 1220px en adelante - Monitores de escritorio de pantalla ancha

16 Paso 7. Configuración de zona y región Lo primero es lo primero: Es muy importante entender que usted debe colocar su contenido en bloques, bloques en Regiones, Regiones en Zonas y las zonas en las secciones. En la interfaz de usuario del tema (UI) se puede hacer posicionamiento de bloques, regiones, zonas y secciones de forma muy simple. Usted debe suponer que la mayor parte de su estructura de la página / layout se puede hacer utilizando la interfaz de usuario. Por lo general hay muy poca necesidad de modificar el sub-tema mediante código personalizado en Tpls. Cada panel corresponde aquí a las filas de las secciones y las regiones que se muestran en la página de inicio. Vea su sitio web o echar otro vistazo a la imagen en el paso 5, y usted verá que esta lista corresponde a su diseño. El enlace dice configurar zonas y regiones, pero los paneles están tituladas sección y zona. Una

17 sección es una envoltura que va a través de toda la cuadrícula de los grids de la pagina, en total hay 3 zonas por default que son header, content y footer, sirve mucho para la tematización del sitio web. Una zona es una parte de la sección. Al hacer clic en la zona, verás la región que se encuentra en la zona. Estas serían las mismas que las "regiones de bloque" en otras plantillas, y será el lugar en el que colocar los bloques. Esto a un inicio es muy confuso. Eventualmente tuve que empezar a colocar contenido y asignar algunos bloques en las regiones para ver lo que realmente estaba sucediendo. Esto es lo que usted necesita para empezar a darle forma a las regiones o zonas. Haga clic en Zona de usuario para abrir la edición de un panel. Haga clic en Configuración para modificar la configuración. Haga clic Regiones para abrir el panel que muestra las regiones. Haga clic en el nombre de la región que desea editar.

18 Para cada zona, las siguientes opciones están disponibles: Provide full width wrapper around this zone : Al habilitar esta función le dará una envoltura alrededor de la misma zona, es decir, agregar un contenedor alrededor de la zona, lo que le permite tema en los elementos que aparecen fuera de la zona pixel 960 contenedores. Force this zone to be rendered: Activar siempre esta zona, incluso si está vacía. Customize the region positioning: Esto le permite manipular la inclusión de las regiones en esta zona. Section: Define en qué sección estará la zona. Para mover una zona a otra sección, elija el nombre de la sección que desee que este la zona. Weight: Define el orden de las zonas que estarán dentro de la sección. Para mover una zona, seleccione un nuevo peso. Las zonas se ordenan de menor a mayor número. Column count: Elija el número deseado de columnas para la zona. Las opciones por defecto son 12, 16, y 24. Cada zona define su propio número de columnas, lo que significa que puede utilizar un número diferente de columnas para cada zona de la página. Primary region: Define qué región dentro de la zona debe aparecer primero en el código fuente y se expanden para llenar el espacio vacío si otras regiones de esa zona están vacíos. Additional zone classes: Puede introducir clases CSS que se añada a la zona para la tematización. Additional wrapper classes: Puede introducir clases CSS que se añade a la envoltura de la zona para la tematización. Esto sólo se utiliza si la opción de proporcionar una envoltura de anchura completa alrededor de la zona está habilitada. En cada región, los siguientes ajustes están disponibles: Force this region to be rendered: Activar esta región siempre, incluso si está vacía. Zone: Define la zona donde estará la región. Para mover una región a otra zona, elija el nombre de la zona deseada. Prefix: Elija el número de columnas vacías que deben aparecer antes de esta región.

19 Width: Elija el número de columnas de la región que debe tomar dentro de la zona. El número total de columnas para las regiones en una zona (más cualquier prefijo o sufijo de columnas) debe ser igual al número de columnas elegido para la zona. Suffix: Elija el número de columnas vacías que debe aparecer después de esta región. Weight: Define el orden de la región donde se colocará dentro de la zona. Para mover una región, elige un nuevo peso. Las regiones se ordenan de menor a mayor número. El peso entra en juego cuando se ve su sitio web en un dispositivo móvil (o la ventana de su navegador está configurado para una anchura menor) y las regiones empiezan a apliarse de forma vertical, la región con el menor peso flotará en la parte superior, mientras que la región con el mayor peso se hundirá hasta el fondo. IE: Si la "Región Sidebar primaria" tiene un peso de -5, y la "Región de contenido" Tiene un peso de 10, cuando la ventana está contraído al tamaño móvil de la "Región Sidebar Primaria" estará en la cima de esa zona, y la "región de contenido" estará en la parte inferior. Additional region classes: Introduzca las clases CSS que se añade a la región para la tematización. Debugging En debuggin encontramos las herramientas de depuración que están activados por default, así como los permisos de visualización por roles de usuarios que existen, si consideramos ya no usarlos solo debemos desactivarlos.

20 Paso 8. Explicación de CSS en OMEGA Esto describir las mejores prácticas de CSS y cómo distinguir una zona de una región de un sub-tema. CSS IDs y Clases en un tema de Omega: una descripción general Cuando se acerque a la tarea de hacer la tematización de un nuevo subtema de Omega, es importante tener en cuenta la variedad de clases y los identificadores que están integrados en la estructura de Omega. Tomando la sección de contenido que en este caso contiene un área de contenido que ocupa 8 columnas de rejillas de ancho, y una región que es la barra lateral que ocupa las restantes 4 columnas, se puede ver una estructura anidada: section con el id "section-content" y con clases "sectgroupion" and "section-content" div con id "zone-content-wrapper" y clases "zone-wrapper", "zone-content-wrapper" y "clearfix" (este div sólo existe si la zona esta configurada para tener una envoltura de ancho) div con id "zone-content" y clases "zone", "zone-content", "clearfix" y "container-12" div con id "region-content" y clases "grid-8", "region" y "region-content" div con clases "region-inner" y "region-content-inner" div con id "region-sidebar" y classes "grid-4", "region" y "region-sidebar" div con clases "region-inner" y "region-sidebar-inner" Aquí está una imagen que muestra esta estructura: Hay un patrón general que se puede utilizar:

21 Las secciones contienen zonas, estas contienen regiones y estas contienen bloques, y como puede ver en esta imagen, el patrón es visible: El término <ST> es para el título de la sección, <zt> significa el título de zona, <rt> representa el título región y <bn> es el nombre del bloque - todos estos son nombres de máquina como en la información del archivo del tema. También donde se ve la rejilla es <x> aquí es donde la anchura de una región se especifica. Conocer esta estructura es muy útil cuando usted está buscando especificar estilos para determinadas secciones de la página. Cómo funciona las hojas de CSS de un Sub-tema en Omega? CSS es donde Omega gana su poder. A través de los media queries, Omega tiene la capacidad de determinar la anchura del navegador y responder en consecuencia. La comprensión de cómo ocurre esta respuesta es fundamental para crear un trabajo de un tema sensible en Omega. Todos los archivos de CSS en el que usted debe centrarse para la edición se encuentran en la carpeta de css del sub-tema en sites/all/themes/yoursubthemename/css

22 NOTA: Cuando la opción Enable the responsive grid está desactivada, el "Diseño principal" se utiliza. Por defecto se establece "normal (960px)" como ancho preterminado. En este caso, se puede usar los archivos global.css y susubtema-alpha-default-normal.css que se cargaran y por lo tanto tendrá que poner sus ediciones en uno de ellos. Conoce tus Capas Aprender cómo estas diferentes capas se afectan entre sí, usted comenzará a ver la mejor manera de crear sus hojas de estilo para lograr el efecto deseado. Las capas que debatiremos y su significado y funcionalidad es la siguiente: global.css = global yoursubthemename-alfa-default.css = por defecto yoursubthemename-alpha-default-narrow.css = estrecho yoursubthemename-alpha-default-normal.css = normal yoursubthemename-alpha-default-wide.css = ancho La herencia es clave La mejor manera de pensar de estas capas es como paneles transparentes de vidrio, sobre la que va a crear los estilos. Lo que se coloca sobre la capa inferior se mostrará a través de los otros a menos que un estilo idéntico se coloque sobre una capa superior de la misma. Esta herencia de las hojas de estilo donde una capa esta sobre la siguiente le ayudará a prevenir archivos de css grandes que tienen estilos duplicados en cada capa. Usando la ilustración de vidrios apilados, global.css es la capa inferior que si no se sobrescribe tendrá su estilo heredado por todas las demás capas.

23 * NOTA * Omega es "Mobile First". Esto significa que el tema se construye a partir de la experiencia móvil y crecera progresivamente hasta que se muestre la versión de escritorio. El diseño Mobile-First será la base para toda la experiencia, y global.css le permitirá crear un entorno integrado de respuesta para los usuarios. En principio puede ser difícil y confuso empezar a construir de primero la versión móvil, pero es recomendable hacerlo ya que las hojas de estilo CSS no repetirán código en cada archivo. Capa sobre capa La estructura de capas de los archivos css predeterminados es (de abajo hacia arriba) como en la imagen que se mostro anteriormente: global default narrow normal wide. Como los media queries responden con el ancho del navegador, pues los archivos de CSS estan bien apilados en el orden indicado anteriormente. Un ejemplo muy practico para entender como funcionan las capas de hojas de estilo, son el tamaño de letra, color de letra o el fondo del sitio web. En la imagen anterior puede notar que el color de letra está de color rojo, y esta propiedad ha sido puesto en el archivo global.css que se encuentra en la carpeta css de su sub-tema de OMEGA, al ponerlo en el archivo global.css este se hereda en las demás vistas. De esa forma podemos controlar los estilos que deseamos en cada vista del diseño, ya que casi siempre es necesario mostrar de diferente forma el contenido para cada tamaño de pantalla.

24 En la imagen anterior se puede ver que se agrego la misma propiedad, solo que ahora fue en el archivo subtema-alpha-default-narrow.css y este sobre escribe la propiedad que se puso en global.css, de esta forma es como se controla lo que deseamos ver para cada diseño según el tamaño del dispositivo. Este efecto de capas le permite hacer cambios en cada capa de forma consecutiva. Mantener un buen sentido de los archivos css que desea editar con el fin de lograr el efecto deseado tomará algún tiempo para acostumbrarse, pero con la practica y estar jugando con las hojas de estilo lo llevaran a comprender bien como funciona y como puede construir su proyecto. Espero que con esto usted pueda empezar a construir su propio sub-tema basado en OMEGA, y así tener un grandioso sitio web sensible a cualquier dispositivo móvil.

25 Enlaces de fuentes

White Paper: Responsive Design para Email

White Paper: Responsive Design para Email El Responsive Design o diseño adaptativo es una técnica de diseño y desarrollo html que permite que con una sola versión del HTML, se cubran todas las resoluciones de pantalla. El email o página web en

Más detalles

Tutorial de Drupal para Editores de Sitios

Tutorial de Drupal para Editores de Sitios Tutorial de Drupal para Editores de Sitios Autora: Aylín Alvarez Martínez Dpto. de Desarrollo de Infomed Noviembre 2010 1 Índice Qué es un CMS?... 3 Qué es Drupal?... 3 Registro e Ingreso... 3 Mi cuenta...

Más detalles

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

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

Más detalles

Programa de Educación a Distancia MOODLE EDUC. (Modular Object Oriented Distance Learning Enviroment)

Programa de Educación a Distancia MOODLE EDUC. (Modular Object Oriented Distance Learning Enviroment) MOODLE EDUC (Modular Object Oriented Distance Learning Enviroment) 1) La Interfaz de la asignatura Manual del Profesor Contiene las mismas 5 zonas que observa el alumno. Sin embargo, respecto a los bloques

Más detalles

Guía rápida Mzone 5. Version 1.06

Guía rápida Mzone 5. Version 1.06 Guía rápida Mzone 5 Version 1.06 Contenido 1. Introducción a MZone 5.3 Características.4 Menús de navegación.....6 2. Dashboard........7 3. Escritorio.. 9 Cartografía y controles de mapa..... 9 Trazado

Más detalles

------------ Guía para personalizar tu blog con WordPress.org

------------ Guía para personalizar tu blog con WordPress.org ------------ Guía para personalizar tu blog con WordPress.org ------------ Guía por pasos para hacerte con un blog personalizado en WordPress Con esta guía quiero que aprendas a explotar al máximo tu sitio

Más detalles

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6 Parallels Panel Contenidos Prólogo 3 Convenciones Tipográficas... 3 Sugerencias... 4 Introducción 5 Familiarizándose con el interfaz de SiteBuilder 6 Creación de un sitio web 8 Edición de un sitio web

Más detalles

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

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

Más detalles

Guía Reseller Onbile. Plan Reseller Pro

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

Más detalles

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

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

Más detalles

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG Colegio La Inmaculada Misioneras Seculares de Jesús Obrero Nueva del Carmen, 35. 47011 Valladolid. Tel: 983 29 63 91 Fax: 983 21 89 96 e-mail: lainmaculadava@planalfa.es TEMA 8: CREACIÓN Y PERSONALIZACIÓN

Más detalles

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

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

Más detalles

Gestión de plantillas en Joomla!

Gestión de plantillas en Joomla! Gestión de plantillas en Joomla! Aplicaciones web. 2º SMR 1. Gestionar las plantillas de Joomla! 2. Instalar una nueva plantilla en tu web 3. Modificar el diseño de una plantilla instalada 1. Gestionar

Más detalles

ESCUELA DE EL LIBRO DE URANTIA EN INTERNET MANUAL DEL ALUMNO

ESCUELA DE EL LIBRO DE URANTIA EN INTERNET MANUAL DEL ALUMNO ESCUELA DE EL LIBRO DE URANTIA EN INTERNET MANUAL DEL ALUMNO 1. Introducción 2. Primera semana introducción 3. Lectura y envío de respuestas a las preguntas 4. Semana de discusión 5. Semana de resumen

Más detalles

Curso POWERPOINT 97. Introducción

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

Más detalles

DreamWeaver. CS5 y CS6. Cursosindustriales. Curso de DreamWeaver CS6 1

DreamWeaver. CS5 y CS6. Cursosindustriales. Curso de DreamWeaver CS6 1 DreamWeaver CS5 y CS6 Cursosindustriales. Curso de DreamWeaver CS6 1 DREAMWEAVER CS5. DISEÑO DE PÁGINAS DINÁMICAS. En esta segunda sección de diseño de páginas Web con Dreamweaver CS, vamos a hablar sobre

Más detalles

Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE

Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE . Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE El entorno de trabajo La página tiene como base una plantilla

Más detalles

Guía de Hootsuite. mini guía para montar tu tienda en bigcartel

Guía de Hootsuite. mini guía para montar tu tienda en bigcartel Guía de Hootsuite mini guía para montar tu tienda en bigcartel Cómo montar tu tienda en BigCartel Bigcartel es una plataforma que tiene varios precios y modalidades: De los cero euros a los 8, 18 o 28

Más detalles

Movistar Tu Web Manual de Usuario

Movistar Tu Web Manual de Usuario Movistar Tu Web Manual de Usuario Contenido 1. Introducción... 1 2. Visión general de la aplicación online Tu Web... 2 3. Páginas... 3 Añadir una nueva página o una carpeta... 4 Editar páginas... 4 4.

Más detalles

Formarnos / Instructivo para tutores

Formarnos / Instructivo para tutores PROGRAMA DE FORMACIÓN DE DIRIGENTES EN GESTIÓN PÚBLICA Y SOCIAL Formarnos / Instructivo para tutores Universidad Nacional de Lanús / Vicerrectorado / Campus Virtual / 2015 Índice Ingreso a la plataforma

Más detalles

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos.

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Operaciones con páginas y herramientas de diseño CorelDRAW

Más detalles

Instalación del Admin CFDI

Instalación del Admin CFDI Instalación del Admin CFDI Importante!!!Antes de comenzar verifique los requerimientos de equipo esto podrá verlo en la guía 517 en nuestro portal www.control2000.com.mx en el apartado de soporte, ahí

Más detalles

http://www.vmix.es/ Social

http://www.vmix.es/ Social Social vmix Social vmix Social es un complemento para vmix que le permite enviar datos en tiempo real de Twitter y Facebook para insertar un rótulo de título dentro vmix. Puede descargar, de forma gratuita,

Más detalles

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

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

Más detalles

Tutorial de edición Web

Tutorial de edición Web Copyright 1995-2012 Esri All rights reserved. Table of Contents Tutorial: Crear una aplicación de edición Web....................... 0 Copyright 1995-2012 Esri. All rights reserved. 2 Tutorial: Crear una

Más detalles

Qué es Access? Bases de datos relacionales en Access. Cuando abre Access

Qué es Access? Bases de datos relacionales en Access. Cuando abre Access Qué es Access? Access 2010 es una herramienta de diseño e implementación de aplicaciones de base de datos que se puede usar para realizar un seguimiento de la información importante. Puede conservar los

Más detalles

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Reservados todos los derechos.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Reservados todos los derechos. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Reservados todos los derechos. Copyright 1993-2015 QlikTech International AB. Reservados todos los derechos. Qlik, QlikTech,

Más detalles

Manual TeamViewer Manager 6.0

Manual TeamViewer Manager 6.0 Manual TeamViewer Manager 6.0 Revision TeamViewer 6.0-954 Índice 1 Resumen... 2 1.1 Acerca de TeamViewer Manager... 2 1.2 Acerca de este manual... 2 2 Instalación y arranque inicial... 3 2.1 Instalación...

Más detalles

Guía de instalación del sistema contafiscal nuevo monousuario internet

Guía de instalación del sistema contafiscal nuevo monousuario internet Guía de instalación del sistema contafiscal nuevo monousuario internet Requerimientos del equipo Requisitos de equipo (Hardware) Sistema mono usuario. Pentium IV o superior a 1.50 GHz o similar. 2 GB en

Más detalles

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

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

Más detalles

Herramientas de Google

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

Más detalles

Índice. Acerca de PenReader... 2. Cómo empezar... 2. Ajustes de PenReader... 4. Estándar... 4. Perfiles... 5. Reconocimiento... 6. Registrar...

Índice. Acerca de PenReader... 2. Cómo empezar... 2. Ajustes de PenReader... 4. Estándar... 4. Perfiles... 5. Reconocimiento... 6. Registrar... Índice Acerca de PenReader... 2 Cómo empezar... 2 Ajustes de PenReader... 4 Estándar... 4 Perfiles... 5 Reconocimiento... 6 Registrar... 7 Acerca del programa... 7 Ajustes avanzados de reconocimiento...

Más detalles

6. Haga clic en el botón Copiar imagen en la barra de herramientas Estándar. Aparecerá el cuadro de diálogo Copiar imagen.

6. Haga clic en el botón Copiar imagen en la barra de herramientas Estándar. Aparecerá el cuadro de diálogo Copiar imagen. En este ejercicio, cambiaremos los elementos que aparecen en la vista Diagrama de Gantt, y después utilizaremos Copiar imagen para almacenar una imagen estática de esta vista como un archivo GIF. Para

Más detalles

Guía de administración de Huddle Versión 2.3

Guía de administración de Huddle Versión 2.3 Guía de administración de Huddle Versión 2.3 Contenido: Explicando las Licencias de Administrador de Huddle 3 Administradores de Espacio de trabajo: Pestaña de propiedades 4 Propiedades de Espacio de trabajo

Más detalles

ENTORNO DE UN CURSO. Antes de empezar sería conveniente conocer la estructura de Moodle y entender los siguientes conceptos básicos:

ENTORNO DE UN CURSO. Antes de empezar sería conveniente conocer la estructura de Moodle y entender los siguientes conceptos básicos: ENTORNO DE UN CURSO Antes de empezar sería conveniente conocer la estructura de Moodle y entender los siguientes conceptos básicos: Cursos Categorías Cuentas de usuario y roles Perfil de usuario En Moodle,

Más detalles

Manual de Usuario. Gestor Documental

Manual de Usuario. Gestor Documental p. Gestor Documental Principales funcionalidades. PLATAFORMA DE SERVICIOS PSUV Teléfono: 0800-CONTODO Sitio Web: http://www.psuv.org.ve Índice de Contenidos Introducción... 3 Cómo acceder al Gestor Documental?...

Más detalles

Maquetación web con 960 Grid System y Drupal

Maquetación web con 960 Grid System y Drupal Maquetación web con 960 Grid System y Drupal Agosto 2009 1. 960 Grid System 960 Grid System es un framework CSS, que no es más que una declaración de estilos que dispone las clases necesarias para implementar

Más detalles

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

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

Más detalles

13 Trucos de lo más Útil.

13 Trucos de lo más Útil. ESCUELAS PROFESIONALES SAGRADA FAMILIA. 13 Trucos de lo más Útil. Aquí tienes 13 trucos de lo más útil para Ángel Miguel García Toharias. 2015 E S C U E L A S P R O F E S I O N A L E S S A G R A D A F

Más detalles

Observe las diferencias entre las distintas posibilidades de alineación del texto. En la figura 3.38 se muestra Alineación del texto.

Observe las diferencias entre las distintas posibilidades de alineación del texto. En la figura 3.38 se muestra Alineación del texto. 3.6.3 Alineación del texto. La manera más fácil de cambiar la alineación del texto en el documento es utilizar los botones de alineación de la barra de herramientas Formato. En el Cuadro de diálogo Párrafo

Más detalles

Capítulo 12 Creación de páginas web

Capítulo 12 Creación de páginas web Guía de primeros pasos Capítulo 12 Creación de páginas web Guardar documentos como archivos HTML Derechos de autor Este documento tiene derechos de autor 2011 2012 por sus colaboradores, tal como aparecen

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

Cap. I: Acceso y navegación al Campus Virtual

Cap. I: Acceso y navegación al Campus Virtual Guía del estudiante Cap. I: Acceso y navegación al Campus Virtual Objetivos: Ingresar al campus virtual del IPD Navegadores: Para hacer uso del campus virtual, Ud. debe contar con una Pc con Windows, un

Más detalles

GUÍA DE OUTLOOK Y DE OUTLOOK WEB ACCESS

GUÍA DE OUTLOOK Y DE OUTLOOK WEB ACCESS GUÍA DE OUTLOOK Y DE OUTLOOK WEB ACCESS Bienvenido a Outlook Hola y bienvenido a Outlook 2003, la ventana a su nuevo sistema de correo. Para abrir Outlook, haga doble clic sobre el icono de Outlook que

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

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

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

Más detalles

Secretaría Virtual de la Asociación Española de Pediatría

Secretaría Virtual de la Asociación Española de Pediatría Secretaría Virtual de la Asociación Española de Pediatría Manual de uso versión 2.1 Fecha de actualización, 07/09/2012 Índice Introducción...1 Estructura de la Secretaría Virtual...2 Funciones de la Secretaría

Más detalles

Diseño de páginas web

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

Esta es un área donde se ha provisto una gran cantidad de funcionalidades extras en la versión de 2010 vea el apartado 22.6.

Esta es un área donde se ha provisto una gran cantidad de funcionalidades extras en la versión de 2010 vea el apartado 22.6. Unidad 22: Tablas Dinámicas* material 2010* 22.0 Introducción: Esta unidad podría haberse llamado resumir los datos con rapidez. Excel ofrece una herramienta poderosa para crear resúmenes tabulares de

Más detalles

A-PDF Merger NO requiere Adobe Acrobat, y produce documentos compatibles con Adobe Acrobat Reader Versión 5 y superior.

A-PDF Merger NO requiere Adobe Acrobat, y produce documentos compatibles con Adobe Acrobat Reader Versión 5 y superior. Nota.- Este producto se distribuye bajo el sistema probar-antes-de-comprar. Todas las características descritas en este documento están activas. La versión registrada no inserta una marca de agua en sus

Más detalles

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad Mi primer libro 1. Prepara tu ordenador Antes de comenzar a trabajar, sería recomendable que configuraras tu ordenador para ver las extensiones de los archivos. Una extensión es una serie de letras que

Más detalles

1. La interfaz de la administración MEDIAplus... 4 2. Normas relativas a la administración MEDIAplus... 6. 3. Los administradores...

1. La interfaz de la administración MEDIAplus... 4 2. Normas relativas a la administración MEDIAplus... 6. 3. Los administradores... La interfaz de la administración MEDIAplus 1. La interfaz de la administración MEDIAplus... 4 2. Normas relativas a la administración MEDIAplus... 6 2.1. Organizaciones y administradores... 6 2.2. Recorridos,

Más detalles

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

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

Más detalles

Sage CRM. 7.2 Guía de autoservicio

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

Más detalles

Cliente de Web de Zimbra Guía Rápida para los usuarios

Cliente de Web de Zimbra Guía Rápida para los usuarios Zimbra es una herramienta de colaboración que combina herramientas de correo electrónico, calendarios, libreta de direcciones. Todas estas herramientas se encuentran al utilizar el cliente de web en una

Más detalles

Creando una webquests

Creando una webquests Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre

Más detalles

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

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

Más detalles

Insertar o crear tablas. Insertar una tabla. Crear una tabla. Usar plantillas de tabla. Utilizar el menú Tabla. Utilizar el comando Insertar tabla

Insertar o crear tablas. Insertar una tabla. Crear una tabla. Usar plantillas de tabla. Utilizar el menú Tabla. Utilizar el comando Insertar tabla Insertar o crear tablas Insertar una tabla En Microsoft Office Word 2007 se puede insertar una tabla eligiendo un diseño entre varias tablas con formato previo (rellenas con datos de ejemplo) o seleccionando

Más detalles

OJS. Manual de usuario Editor

OJS. Manual de usuario Editor OJS Manual de usuario Editor Ingrese al sistema OJS a través de www.publicaciones.urbe.edu. Coloque su nombre de usuario, contraseña y pulse sobre Ingreso. Accederá a una página de inicio en la cual puede

Más detalles

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

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

Más detalles

UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES

UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES MODULO DE CONTENIDOS DE MATERIALES En prácticamente cualquier tipo de asignatura existirá

Más detalles

Manual de usuario servidor de archivos para El Colegio de la Frontera Sur

Manual de usuario servidor de archivos para El Colegio de la Frontera Sur Contenido 1. Acceso al servidor de archivos... 2 2. Manejo de archivos (Interfaz web).... 3 2.1. Creando y subiendo archivos... 4 2.1.1. Seleccionar archivos... 4 2.1.2. Visualizando archivos... 5 2.1.3.

Más detalles

Guía rápida GUÍA E-DUCATIVA PARA DINAMIZADORES Y TUTORES

Guía rápida GUÍA E-DUCATIVA PARA DINAMIZADORES Y TUTORES GUÍA E-DUCATIVA PARA DINAMIZADORES Y TUTORES INGRESANDO AL CAMPUS VIRTUAL PÁGINA DE ACCESO A través de la página principal de acceso, todos los usuarios de la plataforma podrán acceder a sus cursos asignados.

Más detalles

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

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

Más detalles

Guía de inicio rápido

Guía de inicio rápido Guía de inicio rápido Microsoft PowerPoint 2013 tiene un aspecto distinto al que tenía en versiones anteriores, así que creamos esta guía para que el proceso de aprendizaje sea más rápido. Encuentre lo

Más detalles

webmaker Guía básica Tu web en 3 pasos Índice

webmaker Guía básica Tu web en 3 pasos Índice webmaker Guía básica Tu web en 3 pasos Índice 1. Cómo gestionar tu webmaker 2. Herramienta de diseño: tu área de trabajo 3. Diseña tu Web en 3 pasos Cómo verán los clientes mi web? 2012 - Copyright Arsys

Más detalles

Descarga e Instalación

Descarga e Instalación Descarga e Instalación Para la descarga de CCleaner seguiremos el enlace: http://www.piriform.com/ccleaner/builds Una vez descargado haremos doble clic con el ratón sobre el icono de CCleaner: Ahora aparecerá

Más detalles

Microsoft. desde Word 2003

Microsoft. desde Word 2003 En esta guía Microsoft Microsoft Word 2010 es bastante diferente a Word 2003; por ello hemos creado esta guía, para ayudar a minimizar la curva de aprendizaje. Léala para conocer las partes principales

Más detalles

ContactForm y ContactFormLight - Agentes forma Prestashop Editado por ARETMIC S.A.

ContactForm y ContactFormLight - Agentes forma Prestashop Editado por ARETMIC S.A. ContactForm y ContactFormLight - Agentes forma Prestashop Editado por ARETMIC S.A. - 1 - RESUMEN I. PANORAMA GENERAL DE MÓDULO CONTACTFORM...- 4 - I.1. Presentación ContactForm... - 4 - I.2. Sus ventajas

Más detalles

CUALQUIERA, NO ES NECESARIO DISPONER DE ADSL

CUALQUIERA, NO ES NECESARIO DISPONER DE ADSL INDICE 1. Qué tipo de conexión a internet necesito?...1 2. Qué sistema operativo tengo que tener?...1 3. Y qué navegador?...1 4. Necesito alguna impresora específica para el visado?...1 5. Qué más tengo

Más detalles

Navegar por Windows 8. capítulo 05

Navegar por Windows 8. capítulo 05 Navegar por capítulo 05 Navegar por navegar presenta novedades en cuanto a la navegación. Podríamos separar la navegación en dos tipos, la navegación a través del explorador y por lo tanto por el escritorio,

Más detalles

Manual de Uso del Servicio iclaro

Manual de Uso del Servicio iclaro Manual de Uso del Servicio iclaro Ésta guía no puede ser reproducida ni distribuída en su totalidad o en parte de ninguna forma ni a través de ningún medio, electrónico o mecánico, incluyendo fotocopiado,

Más detalles

Introducción a Thunderbird, parte 1

Introducción a Thunderbird, parte 1 Introducción a Thunderbird, parte 1 Microsoft Outlook Express ha sido durante años la aplicación líder para enviar y recibir correo electrónico. Esto no es debido sólo a su buena funcionalidad, sino también

Más detalles

Administrar el almacenamiento de datos

Administrar el almacenamiento de datos Administrar el almacenamiento de datos Contenido 2 Lección: Administrar la compresión de archivos 3 Lección: Configurar el cifrado de archivos 15 Lección: Implementar cuotas de disco 24 2 Administrar el

Más detalles

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

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

Más detalles

Manual del Usuario de correo Webmail Consejo General de Educación INDICE

Manual del Usuario de correo Webmail Consejo General de Educación INDICE INDICE INDICE... 1 WEBMAIL... 3 QUE ES EL WEBMAIL?...3 COMO INGRESAR AL WEBMAIL?...3 1º Paso:...3 2º Paso:...4 3º Paso:...5 Bandeja de Entrada...5 De:...6 Fecha:...6 Asunto:...6 Tamaño:...6 CÓMO ESCRIBIR

Más detalles

Panel Copia de Seguridad Manual - V0.1

Panel Copia de Seguridad Manual - V0.1 Panel Copia de Seguridad Manual - V0.1 1. USUARIO FINAL... 3 1.1 Página de Inicio Panel de www.copiadeseguridad.com... 3 1.2 Mi Plan de Registro... 5 1.2.1 Cambiar Parámetros de Plan... 5 1.2.2 Cambiar

Más detalles

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

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

Más detalles

Página Personal. Cómo guardar mi página personal con FileZilla

Página Personal. Cómo guardar mi página personal con FileZilla Página Personal Cómo guardar mi página personal con FileZilla Este manual de servicio es propiedad de Telefónica de España SAU, queda terminante prohibida la manipulación total o parcial de su contenido

Más detalles

Cursogramas con Word 2003

Cursogramas con Word 2003 Cursogramas con Word 2003 Para realizar cursogramas con Word, nos valdremos de la barra de herramientas Dibujo. Esta barra se puede incorporar a la pantalla de Word a través del menú Ver, Barra de Herramientas

Más detalles

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

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

Más detalles

Explotación de Sistemas Informáticos IES Murgi 2006-2007 PRÁCTICA 9: SERVICIO WEB Y FTP DE INTERNET INFORMATION SERVICE

Explotación de Sistemas Informáticos IES Murgi 2006-2007 PRÁCTICA 9: SERVICIO WEB Y FTP DE INTERNET INFORMATION SERVICE PRÁCTICA 9: SERVICIO WEB Y FTP DE INTERNET INFORMATION SERVICE Índice 1. Instalación...2 2. Administrar los sitios Web... 4 3. Crear un nuevo sitio Web... 4 4. Creación de directorios virtuales... 5 5.

Más detalles

Tablet Multimedia de 7" para niños Modelo: OxJr+

Tablet Multimedia de 7 para niños Modelo: OxJr+ MANUAL DE INSTRUCCIONES Tablet Multimedia de 7" para niños Modelo: OxJr+ ATENCION: Gracias por elegir esta Tablet de la marca OX. Lea atentamente este manual antes de utilizar este dispositivo y guárdelo

Más detalles

Microsoft Access proporciona dos métodos para crear una Base de datos.

Microsoft Access proporciona dos métodos para crear una Base de datos. Operaciones básicas con Base de datos Crear una Base de datos Microsoft Access proporciona dos métodos para crear una Base de datos. Se puede crear una base de datos en blanco y agregarle más tarde las

Más detalles

SiteAudit Knowledge Base Programación de Reportes en SiteAudit

SiteAudit Knowledge Base Programación de Reportes en SiteAudit SiteAudit Knowledge Base Programación de Reportes en SiteAudit De junio 2010 En Éste Artículo: Descripción de Funciones Qué Hay de Nuevo? Programación de Reportes SiteAudit 4.x proporciona una nueva interfaz

Más detalles

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Gestión y administración de un curso

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Gestión y administración de un curso Plataforma Moodle Gestión y administración de un curso El panel de administración----------------------------------------------------------- 2 Gestión de personas (alumnos y profesores) ------------------------------------

Más detalles

Bloque 2 EL AULA MOODLE DESDE EL PUNTO DE VISTA DEL ALUMNO(I) Utilidades básicas y acceso a recursos de aprendizaje

Bloque 2 EL AULA MOODLE DESDE EL PUNTO DE VISTA DEL ALUMNO(I) Utilidades básicas y acceso a recursos de aprendizaje EL AULA MOODLE DESDE EL PUNTO DE VISTA DEL ALUMNO(I) Utilidades básicas y acceso a recursos de aprendizaje Cuando un alumno entra en su aula moodle, dispone de unas utilidades básicas, definidas por la

Más detalles

Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET

Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET Tema 2. Entorno de desarrollo integrado (IDE) de VS.NET La página de inicio del entorno de desarrollo integrado (IDE) Desde esta página podremos acceder a: nuestros proyectos recientes, noticias relacionadas

Más detalles

WORDPRESS: CREACIÓN, ADMINISTRACIÓN Y DINAMIZACIÓN DE UN BLOG EN ECO ESCUELA 2.0. Organización del blog: Categorías, enlaces y Menús

WORDPRESS: CREACIÓN, ADMINISTRACIÓN Y DINAMIZACIÓN DE UN BLOG EN ECO ESCUELA 2.0. Organización del blog: Categorías, enlaces y Menús WORDPRESS: CREACIÓN, ADMINISTRACIÓN Y DINAMIZACIÓN DE UN BLOG EN ECO ESCUELA 2.0 6 Organización del blog: Categorías, enlaces y Menús Contenido 1. Introducción...2 2. Enlaces o Blogroll:...2 Subpanel de

Más detalles

1 Cambios en la interfaz

1 Cambios en la interfaz Apartado 1.qxp 20/3/2007 8:15 PÆgina 11 1. Cambios en la interfaz 11 1 Cambios en la interfaz 1.1 El Centro de bienvenida de Windows Vista Esta obra está destinada, sobre todo, a los usuarios habituales

Más detalles

PERMISOS DE CARPETAS Y ARCHIVOS:

PERMISOS DE CARPETAS Y ARCHIVOS: Seminario Permanente de Coordinadores TIC 2008/2009 Active Directory: Parte II 1 PERMISOS DE CARPETAS Y ARCHIVOS: Antes de empezar con los perfiles móviles y dónde y cómo guardar los documentos de nuestros

Más detalles

Bienvenido a la nueva Tablet de Plan Ceibal

Bienvenido a la nueva Tablet de Plan Ceibal Bienvenido a la nueva Tablet de Plan Ceibal Guía de usuario Versión 1.0 Julio de 2014 ceibal.edu.uy 2 de 39 Contenido La primera vez que se enciende la Tablet... 4 La barra de navegación y estado... 5

Más detalles

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

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

Más detalles

Guía de inicio rápido: Cómo crear su propia tienda online

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

Más detalles

Curso de capacitación en Moodle

Curso de capacitación en Moodle Curso de capacitación en Moodle Aveleyra, Ema Barbiric, Doris Chiabrando, Laura Corach, Julián Dadamia, Danilo Dominguez, Cristina Ferrini, Adrián Gimenez, Claudia Jiménez Rey, Elizabeth Pérez, Fernando

Más detalles

1. TEMA 1... 4 1.1.INTRODUCCION... 4 2. TEMA 2... 4 2.1.ABRIR OUTLOOK EXPRESS... 4 3. TEMA 3... 4 3.1.ESCRIBIR UN MENSAJE... 5 4. TEMA 4...

1. TEMA 1... 4 1.1.INTRODUCCION... 4 2. TEMA 2... 4 2.1.ABRIR OUTLOOK EXPRESS... 4 3. TEMA 3... 4 3.1.ESCRIBIR UN MENSAJE... 5 4. TEMA 4... Curso de Outlook Express por KZgunea se encuentra bajo licencia Creative Commons de Reconocimiento-NoComercial-CompartirIgual_3.0_ (CC-BY-NC-SA_3.0) Índice del curso 1. TEMA 1... 4 1.1.INTRODUCCION...

Más detalles

Guía del usuario Mikogo para Mac OSX

Guía del usuario Mikogo para Mac OSX Guía del usuario Mikogo para Mac OSX Tabla de contenido Registro 3 Descarga e instalación 4 Iniciar sesión 5 Participar en una sesión 6 Características 7 Lista de participantes 7 Cambiar presentador 8

Más detalles

Firmar Solicitud. Manual de usuario

Firmar Solicitud. Manual de usuario Firmar Solicitud Manual de usuario Madrid, Marzo de 2014 ÍNDICE 1. INTRODUCCIÓN... 3 2. PANTALLAS... 4 2.1. Login... 4 2.2. Ayuda... 4 2.3. Pantalla de Solicitudes de Registro... 5 2.4. Listado de documentos

Más detalles

Infocentro para el fortalecimiento de la red de micro y pequeñas empresas de la comuna de Ancud MANUAL DE ACCESS ILUSTRE MUNICIPALIDAD DE ANCUD

Infocentro para el fortalecimiento de la red de micro y pequeñas empresas de la comuna de Ancud MANUAL DE ACCESS ILUSTRE MUNICIPALIDAD DE ANCUD Infocentro para el fortalecimiento de la red de micro y pequeñas empresas de la comuna de Ancud MANUAL DE ACCESS ILUSTRE MUNICIPALIDAD DE ANCUD DIRECCIÓN DE DESARROLLO ECONOMICO Y FOMENTO PRODUCTIVO OPTIMICE

Más detalles

GUÍA DE INICIO RÁPIDO

GUÍA DE INICIO RÁPIDO GUÍA DE INICIO RÁPIDO Bienvenido a SugarSync. Estamos muy contentos de que te hayas unido a nosotros! En esta guía, te explicaremos los pasos para instalar SugarSync en tu ordenador y sincronizar tus carpetas

Más detalles