LLave en Mano. Gestión de Plantillas. índice

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

Download "LLave en Mano. Gestión de Plantillas. índice"

Transcripción

1 LLave en Mano Gestión de Plantillas Última revisión:19 de marzo de 2013 índice 1. Conocimientos mínimos 2. Acceso a las plantillas 3. Estructura de la página 3.1 Páginas: Portada Portadilla Vídeo Galería de fotos Artículo Free Marcador Flash Print Ticker 3.2 Bloques Html_head Header y Footer Menú Lateral Banner code, Banner flash y Banner image Lateral Diary Lateral Flash Lateral Player Marcador Gallery Iframe News Last News Gallery News Carousel News Top News Detail 1

2 Vídeo Gallery Vídeo Detail Foto Gallery Foto Detail Comments Last Comments Gallery Inde Gallery View Marcador Tools Ticker 3.3 Estilos (CSS) Style Comment Gallery Lateral Main Marcador Menu News Ticker Tools 3.4 Scripts 3.5 Feeds 4. Estructura básica de Smarty 4.1 Aspectos principales 4.2 Principales comandos 5. Datos disponibles por páginas 5.1 Debugger Smarty 5.2 Resumen de datos disponibles por páginas Datos Generales Portada Portadillas de noticias Detalle de noticias Página de vídeos Página de fotos Marcador minuto a minuto Infografías Páginas de contenido libre 6. Ejemplos prácticos 6.1 Páginas 6.2 Bloques 2

3 1. Conocimientos mínimos Para trabajar sobre la plataforma Servidor Noticias, se requiere conocimientos mínimos de: 1.1. HTML 4 Enlace de referencia: CSS 2 Enlace de referencia: Smarty (versión ) Enlace de referencia: JQuery: Enlace de referencia: 2. Acceso a las plantillas Acceder al Admin de la página en: En esta página se debe acceder con usuario y contraseña. Elegir el dominio sobre el que se quiere trabajar y hacer clic sobre el icono Editar, a la izquierda de la tabla de dominios. 3

4 Acceder al menú Plantillas y estilos, a la izquierda de la página. A la derecha se abrirá un listado con las plantillas disponibles. Elegir entre ellas la plantilla predeterminada. Hay que clonarla antes de empezar a editar. Para clonarla, utilizar el botón Clonar y editar : Para que los cambios sean visibles en la página, elegir esta plantilla como elemento seleccionado, haciendo clic en el botón Seleccionar elemento como predefinido : 4

5 Para editar la plantilla clonada, hacer clic en el botón Editar elemento : 3. Estructura de la página Las páginas de servidor de noticias están ordenadas dentro de: 3.1 Páginas: 5

6 3.1.1 Portada Página principal de la web. Contiene un resumen de los contenidos. Muestra la última noticia de cada pestaña Portadilla Página de entrada de las pestañas. Contiene un listado de las últimas noticias de la pestaña correspondiente. Puede mostrar: Título, entradilla, foto, subcategorías y fecha de cada noticia, además del número de comentarios relacionados Vídeo Portadilla diferenciada para contenidos en formato vídeo. Muestra el último vídeo destacado con player grande, título, subcategorías y fecha. Además, muestra un listado de los últimos vídeos publicados, que contiene: miniatura, título, subcategorías, fecha y entradilla Galería de fotos Portadilla diferenciada para contenidos en formato foto. Muestra la última foto destacada con título, subcategorías y fecha. Además, muestra un listado de las últimas fotos publicadas, que contiene: miniatura, título, subcategorías, fecha y entradilla Artículo Página de detalle del contenido editorial. Normalmente contiene un título, un teto de noticia ampliada y foto de referencia Free Página de detalle de contenido libre no editorial creado por el cliente (ejemplo: quienes somos, contacta con nosotros) Marcador Página de detalle específica para la retransmisión de partidos de fútbol en directo, minuto a minuto Flash Página de detalle contenedora de las infografías temáticas ampliadas Print Plantilla de impresión de contenido de artículos Ticker Mini página que se carga dentro del ticker Últimas Noticias. Contiene un listado semejante a portada, animado por JQuery. 6

7 3.2 Bloques Bloques de información específica que están incluidos dentro de las páginas. Pueden variar de acuerdo con la plantilla Html_head Contiene todos los comandos que deben aparecer entre las tags <head></head> de toda la web estilos CSS, Javascript, metadatas, etc. Está disponible para todas las páginas Header y Footer Contienen respectivamente Cabecera y Pie de la web. Están disponibles para todas las páginas Menú Muestra el menú con las pestañas contratadas. Está disponible para todas las páginas Lateral Contiene la estructura general de la columna derecha. Está disponible para todas las páginas. 7

8 3.2.5 Banner code, Banner flash y Banner image Muestran los tres tipos de contenido de publicidad de la web, insertados a través del administrador para la columna derecha. Está disponible para todas las páginas, siempre que haya elementos habilitados en el Admin > Columna derecha > Gestión de elementos Lateral Diary Muestra el elemento agenda configurado desde el admin. Está disponible para todas las páginas, siempre que haya elementos habilitados en el Admin > Columna derecha > Gestión de elementos Lateral Flash Muestra las infografías animadas en Flash, en tamaño pequeño adaptadas a la columna de la derecha. Una vez ampliadas, estas infografías se muestran en una capa que sobrepone el contenido (por AJAX, dentro de la plantilla Iframe ). Está disponible para todas las páginas, siempre que haya elementos habilitados en el Admin > Columna derecha > Gestión de elementos Lateral Player Muestra un visor y un pequeño listado de los últimos vídeos de cada categoría (si las hay), adaptados al espacio de la columna derecha. Está disponible para todas las páginas, siempre que haya elementos habilitados en el Admin > Columna derecha > Gestión de elementos Marcador Gallery Contiene la estructura de la tabla de goles disponible para la columna derecha. Está disponible para todas las páginas, siempre que esté habilitado en el Admin > Columna derecha > Gestión de elementos Iframe Contenedor en forma de capa que cubre el contenido (como Lightbo), que muestra los contenidos que se activan con el botón Ampliar de los módulos flash de la columna derecha (plantilla lateral flash). Está disponible para todas las páginas, siempre que haya elementos habilitados en el Admin > Columna derecha > Gestión de elementos News Last Contiene 6 noticias más recientes de una portadilla, en orden cronológico invertido (más recientes primero). En las plantillas disponibles, son las noticias que salen en formato grande en las portadillas. Está disponible en la página Portadilla News Gallery Contiene un listado de noticias dispuestas en orden cronológico invertido (más recientes primero). Gestiona 18 elementos en las Portadillas y 24 en las páginas de Detalle de Noticia. Los datos sólo están disponibles en estas dos páginas News Carousel 8

9 Muestra la última noticia de cada pestaña en un carrusel animado con JQuery. Los datos solamente están disponibles en la portada News Top Listado de noticias más leídas de la web. Los datos están disponibles solamente en la portada News Detail Es el cuerpo del artículo completo usado en la página de detalle de noticia. Contiene todos los datos de un único artículo (Titular, link, foto, teto, entradilla, etc). Los datos sólo están disponibles en la página Detalle de noticia Vídeo Gallery Listado de los artículos disponibles en formato vídeo, que se muestra en la portadilla de la pestaña Vídeos. Los datos sólo están disponibles en la página de vídeos Vídeo Detail Es el cuerpo del artículo en formato vídeo (página de detalle de vídeo). Contiene todos los datos de un único artículo ( Titular, link, foto, url del vídeo, etc). Los datos sólo están disponibles en la página de vídeos Foto Gallery Listado de los artículos disponibles en formato foto, que se muestra en la portadilla de la pestaña Fotos. Los datos sólo están disponibles en la página de fotos Foto Detail Es el cuerpo del artículo en formato foto (página de detalle de foto). Contiene todos los datos de un único artículo (Titular, link, foto, url del vídeo, etc). Los datos sólo están disponibles en la página de fotos Comments Last Muestra un listado de los últimos comentarios enviados a toda la web. Los datos están disponibles solamente en la portada Comments Es el bloque de comentarios dentro de los artículos. Si los comentarios están activados en el admin, muestra el formulario de comentarios bien como el listado de los últimos comentarios del artículo en orden cronológico invertido (más recientes primero). Los datos están disponibles en las páginas de detalle de noticia y vídeo Gallery Inde Dentro del servidor noticias, las Galerías de imágenes son una forma alternativa de navegación. El contenido de la página (portada o pestaña) se abre en una capa que sobrepone el contenido y que tiene la imagen como elemento de navegación. Puede activarse desde un enlace específico a la galería, o bien desde el botón ampliar de la foto de cada artículo. La plantilla gallery inde muestra el listado de fotos de todos los artículos 9

10 de la página en cuestión (portada o pestaña) en orden cronológico invertido (más recientes primero). Los datos para gestionarla están disponibles en portada, página de fotos, portadilla y detalle de noticias Gallery View Carga por AJAX la foto seleccionada en el Gallery Inde, en formato grande. Puede mostrar otras informaciones, como Titular del artículo, teto, fecha, entradilla... Los datos para gestionarla están disponibles en portada, página de fotos, portadilla y detalle de noticias Marcador Plantilla de detalle del Marcador en Directo para retransmisión de partidos de Fútbol en formato teto + gráficos. Los datos sólo están disponibles para las páginas de marcador Tools Bloque de herramientas que aparecen en cada artículo (imprimir, enviar por , compartir en redes sociales etc). Está disponible para todas las páginas Ticker Bloque de últimas noticias animado por JQuery. Carga un bloque con el titular y el iframe Ticket que corresponde solamente al listado animado de los titulares. Está disponible para todas las páginas. 3.3 Estilos (CSS) Hojas de estilos (CSS) necesarias para gestionar el aspecto visual de la página. Las hojas de estilos también reciben variables de configuración desde la página de Administración de la Plataforma. Los datos que reciben están disponibles en todas las páginas Style El archivo style es el que da la estructura general de los estilos, llamando a las demás hojas a través del comando {include} Comment Gestiona los estilos del bloque de comentarios de portada y detalle de noticias y vídeo. 10

11 3.3.3 Gallery Gestiona los estilos de las galerías fotográficas que se abren en una capa sobre el contenido. La galería está disponible en la portada, portadillas de foto y noticias y detalle de noticia Lateral Gestiona los estilos de todos los elementos que se muestran en la columna derecha Main Gestiona los estilos generales, comunes a todas las páginas de la plataforma Marcador Gestiona los estilos de las pestañas tipo Marcador minuto a minuto Menu Gestiona los estilos del menú y submenú (pestañas) News Gestiona los estilos de todo el contenido relacionado con las noticias: Portada, Portadillas y Detalle de foto, vídeo y noticias Ticker Gestiona los estilos del bloque animado Últimas noticias en cabecera Tools Gestiona los estilos del bloque Tools (imprimir, enviar por , compartir en redes sociales etc). 3.4 Scripts Comandos javascript necesarios para el funcionamiento de los elementos animados de la página. Contiene un archivo único (script) con los comandos necesarios. 3.5 Feeds 11

12 Gestiona la salida XML de los datos de la página (portada y portadillas). Contiene un archivo único (feed) con los comandos necesarios. 4. Estructura básica de Smarty 4.1 Aspectos principales Smarty genera archivos.tpl Los comandos se delimitan por los símbolos { }. Ejemplo: {includefile= eample.tpl } Este comando inserta el archivo eample.tpl Cuando necesario cerrar los comandos, las tags de cierre tienen la estructura {/}. Ejemplo: {if$color}..{/if} Se marcan las variables con el símbolo $. Ejemplo: {$color} Este comando pinta el contenido de la variable de nombre color Se muestran los datos de una cadena (array) usando puntos. Ejemplo: {$data.main_item} Este comando pinta el contenido de main_item que es un subitem de la cadena data Smarty no soporta directamente códigos que utilicen el símbolo { } en su composición, como es el caso de CSS y Javascript. Para utilizar estos comandos, hay algunas opciones: Opción 1: Utilizar un espacio, tab o salto de línea inmediatamente a continuación del símbolo {. Ésta opción es la más recomendada por mantener el código limpio. Ejemplo de Código CSS: 12

13 body{ background:#cccccc} Símbolo { seguido de espacio. Ejemplo de código Javascript (Jquery): functionclose_carpet() { $('#carpet').remove(); } Símbolo { seguido de salto de línea. Opción 2: Aislar el código a través de los comandos {literal} {/literal}. Ejemplo de código de estilos CSS: {literal} body{background:#cccccc} {/literal} Todo el contenido entre las tags {literal} y {/literal} se leerá como código simple sin interferencia de Smarty. {literal} body{background:{/literal}{$color}{literal};} {/literal} Si es necesario utilizar una variable, hay que reaislarla, cerrando la tag {/literal} y volviendo a abrirla en cuanto convenga. Ejemplo de código Javascript (Google Analytics): {literal} <!-- trackeraddedbyultimategoogleanalyticspluginv1.6.0: <scripttype="tet/javascript"> vargajshost=(("https:" ==document.location.protocol)?"https://ssl.": "http://www."); document.write(unescape("%3cscriptsrc='" +gajshost+ "google-analytics.com/ga.js' type='tet/javascript'%3e%3c/script%3e")); </script> <scripttype="tet/javascript"> varpagetracker=_gat._gettracker("ua "); pagetracker._initdata(); pagetracker._trackpageview(); </script> {/literal} 13

14 Todo el contenido entre las tags {literal} y {/literal} se leerá como código simple sin interferencia de Smarty. 4.2 Principales comandos Variables: Se marcan las variables con el símbolo $. Ejemplo: {$color} Este comando pinta el contenido de la variable de nombre color En algunos casos, conviene aplicar filtros a las variables: Símbolo Eplicación {$title escape:'html'} Convierte los elementos HTML en símbolos: & " ' < > {$url escape:'url'} Convierte los elementos y formatea los espacios y caracteres especiales para generar una URL. Ejemplo: Variable: 'Esto es una noticia' Salida: %27Esto+es+una+noticia%27 Condición: {if$photo.href} <imgsrc= {$photo.href} > {else} <imgsrc= /img/noimage.jpg > {/if} En este ejemplo el comando busca si la variable $photo.href tiene contenido. Si lo tiene, pinta la imagen contenida en la variable. Si no lo tiene, pinta una imagen genérica, en este caso noimage.jpg Algunos símbolos de comparación usados con el comando {if} Símbolo Eplicación Ejemplo práctico (ningún símbolo) Si eiste {if$photo.href} Si $photo.href tiene contenido! Si no eiste {if!$photo.href} Si $photo.href está vacío == Igual {if$news.id==0} Si $news.id es igual que 0!= Diferente {if$news.id!=0} Si $news.id es diferente de 0 > Mayor {if$news.id>3} Si $news.id es mayor que 3 (por ejemplo, si se trabaja solo con 14

15 números enteros, a partir de 4) >= Mayor o igual {if$news.id>=3} Si $news.id es mayor o igual que 3 (incluye el valor 3 en la condición). < Menor {if$news.id>10} Si $news.id es mayor que 10 (por ejemplo, si se trabaja solo con números enteros, a partir de 9) <= Menor o igual {if$news.id>=10} Si $news.id es menor o igual que 10(incluye el valor 10 en la condición). Listado (loop): <ul> {foreachfrom=$news.tetsitem=tetkey=inde} <li> <h3> {$tet.inde}- {$tet.headline} </h3> <p>{$tet.content}</p> </li> {/foreach} </ul> En este ejemplo el comando {foreach} pinta un listado con el contenido de la variable $news.tet (from=$news.tet). Cada elemento contenido en esta variable, se mostrará como cadena (vector) de la variable $tet (que se define en item=tet) y el listado se ordenará a través de inde (key=inde) que tiene que ser un subitem de $news.tets. En la práctica, el resultado final en HTML de este ejemplo, podría mostrarse así: <ul> <li> <h3>1- Títulodelaprimeranoticia</h3> <p>loremipsumdolorsitamet, consecteturadipiscingelit. Integer justometus, gravidanonsuscipitnec, fringillaintortor. Sednecligula mauris, euadipiscingest.</p> </li> <li> <h3>2- Títulodelasegundanoticiaficticia</h3> <p>sedporttitorblanditodio, eupellentesquemiultriciesid. Nunc ultriciesultricesvarius. Curabitursagittisiaculisdiam.</p> </li> <li> <h3>3- Aquítieneseltítulodelatercera</h3> <p>inacluctusaugue. Phaselluselittortor, accumsanatscelerisque non, variussitametmassa. Aeneaneleifenderosvelnullaporttitoreu portajustocursus.</p> </li> </ul> 15

16 Incluir plantillas: {includefile= bo.news_detail.tpl } Incluye el contenido de la plantilla news_detail dentro del archivo final HTML. Asignar variables. Smarty permite asignar variables independientes de los datos PHP. Este recurso puede ser útil, según algunos ejemplos: {assignvar='photo' value=$news.photos.0} Este comando crea la variable $photo y le asigna el contenido de otra variable. En este ejemplo el objetivo es tener la presentación del código más limpia, puesto que siempre que se usaría: {$news.photos.0.href} Ahora se podrá usar: {$photo.href} {assignvar='id' value=0} Este comando crea la variable $id y le asigna un valor. Podría usarse luego para comparaciones u otros usos. Ejemplo: <div{if$news.inde==$id}class= rojo {/if}> Comentarios. Los comentarios Smarty se delimitan por {* *} {$color}{* colordelteto*} El contenido entre {* *} no se mostrará en el HTML 5. Datos disponibles por páginas 5.1 Debugger Smarty Para un desglose completo de las variables disponibles en cada página, ahora es posible activar el Debugger Smarty añadiendo?vars=1 al final de la URL de la misma. Ejemplos: URL NORMAL: URL CON DEBUGGER ACTIVO: 16

17 URL NORMAL: 93 curry fue el lider de los warriors que se a cercan a la fase final.html URL CON DEBUGGER ACTIVO: 93 curry fue el lider de los warriors que se a cercan a la fase final.html?vars=1 5.2 Resumen de datos disponibles por páginas PD: este listado tiene como objetivo guiar a los diseñadores a la hora de distribuir los elementos en las páginas, puesto que éstos son los datos que pueden y deben utilizarse de acuerdo con la página en cuestión. Para un desglose más completo de las variables en términos de programación y estructura de datos, por favor mirar el documento Llave en Mano Tabla de Variables Datos Generales Disponibles en TODAS las páginas Disponible Plantillas Datos Predet / $env Variables relativas a la aplicación (URLs, localización dentro de la web, etc. $tets Etiquetas de teto para titulares, boes, notas y tetos traducibles para otros idiomas (inglés, portugués) de la plantilla $data.tabs Categorías y subcategorías de menú (pestañas) $data.headers Elementos de la cabecera de la web, configurados a través del panel de Administración $data.laterals Elementos de la columna lateral de la web, configurados a través del panel de Administración $data.footer Elementos del pie de la web, configurados a través del panel de Administración 17

18 $data.miniplayer Elementos contenidos en el miniplayer lateral si este se está activo Portada Datos específicos de portada: Ej: Disponible Plantillas Datos Predet / $data.news Listado que contiene la última noticia de cada pestaña activa de la página, ordenada cronológicamente. $data.futbol Variables necesarias para el banner con enlace al marcador en directo. Sólo está disponible si hay un partido en directo en este momento, o bien si se usa el querystring?test=1 al final de la URL (útil para la edición de la plantilla sin que el usuario lo vea). Ej: $data.most_read Listado que contiene las noticias más leídas de la web. $data.comments Contiene información sobre los últimos comentarios de la web, si están activos y si los hay. $data.photo Listado de últimas fotos disponibles en las Fotogalerías de la página, si están habilitadas. Compone el carrusel fotográfico de portada. $data.miniplayer Listado de últimos vídeos disponibles en las pestañas de tipo vídeo de la página, si están habilitados. Compone el carrusel de vídeos de la columna principal Portadillas de noticias Datos específicos de Portadillas de noticias Disponible Plantillas Datos Predet / $data.top_news Las 6 noticias más recientes de la pestaña en 18

19 cuenstión. $data.news Listado de las siguientes noticias ordenadas cronológicamente. Máimo 18 noticias Detalle de noticias Datos específicos de detalle de noticias Ej: nka se retira del torneo de tenis de miami por una lesio n en el tobillo.html Disponible Plantillas Datos Predet / $data.main_item Toda la información referente a la noticia en cuestión (artículo). PD: Las noticias pueden tener: 1 foto (horizontal o vertical) _azarenka se retira del torneo de tenis de miam i por una lesion en el tobillo.html 2 o más fotos: reportajes / _en la calle lugares emblematicos esc enarios olimpicos.html 1 o más tetos: del rey/ _real madrid barca el miercoles 30 a las 21 horas y atletico sevilla el jueves 31 a las 22 hor as.html Archivos adjuntos: cliente/ _fichero adjunto a la noticia.html comentarios (si están habilitados) $data.news Listado de las noticias que pertenecen a la categoría activa. Máimo 24 noticias Página de vídeos 19

20 Datos específicos de páginas de vídeos. Disponible Plantillas gran te lescopio milimetrico ya esta listo para escudrinar el uni verso.html Datos Predet / $data.main_item Toda la información referente al vídeo principal que se está visualizando (player grande). Los vídeos pueden tener: 1 foto (carátula) un teto pequeño resumen un teto de desglose comentarios (si están habilitados) $data.news Listado de los vídeos que pertenecen a la categoría activa. Máimo 24 vídeos Página de fotos Datos específicos de páginas de fotos Disponible Plantillas Datos Predet / $data.news Listado de los vídeos que pertenecen a la categoría activa. Máimo 24 vídeos. * En esta página, la foto grande es el primer elemento (más reciente) del listado de $data.news Las fotos pueden tener: Formato horizontal o vertical Un titular Un pie de foto NO tienen comentarios Marcador minuto a minuto Datos específicos de páginas de marcador Disponible Plantillas 20

21 Datos Predet / $data.main_item Toda la información referente al partido principal que se está visualizando. $data.games Listado de los últimos partidos de la pestaña Infografías Datos específicos de páginas de infografías Disponible Plantillas Datos Predet / $data.main_item Toda la información referente al elemento flash (infografía) que se está visualizando ( que se limita a datos y rutas necesarios para incrustar el elemento flash) Páginas de contenido libre Datos específicos de páginas de contenido libre Disponible Plantillas Datos Predet / $data.main_content Teto insertado por el cliente en el panel de Administración de páginas de contenido libre. 6. Ejemplos prácticos 6.1 Páginas Las páginas son el producto final de la plantilla. Es preferible que sirvan de estructura general llamando a los bloques a través del comando {include} y no manejen los datos directamente. Ejemplo de página Portadilla: 21

22 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/tr/html1/dtd/html1-transitional.dtd"> <htmlmlns="http://www.w3.org/1999/html" lang="es"> <head> {includefile='bo.html_head.tpl'} </head> <body> <divclass="page"> {includefile='bo.header.tpl'} <divclass="maintwolist"> <divclass="page_shadow"> <divclass="bg_content"> <divclass="content"> {includefile='bo.news_gallery.tpl'} <divclass="spacer"></div> </div><!-- contentend--> {includefile='bo.lateral.tpl'} </div><!-- bg_contentend--> </div><!-- page_shadowend--> </div><!--mainend--> {includefile='bo.footer.tpl'} </div><!--pageend--> </body> </html> En el ejemplo anterior, la página no contiene variables o loops (listados) de datos, es simplemente la estructura general de la portadilla. Los datos se manejarán preferiblemente dentro de los diferentes bloques. 6.2 Bloques Por su vez, los bloques dependerán de las variables para mostrar el contenido. Las variables pueden ser únicas o pertenecer a una cadena (array o listado). Ejemplo simplificado: Detalle de noticias <!-----Newsdetail-----> {assignvar='news' value=$data.main_item} {assignvar='photo' value=$news.photos.0} <h5> {$news.category_name} <ahref="{$news.category_link}" class="a_right"> {$tets.back_to}"{$news.category_name}" 22

23 </a> </h5> <divclass="detailbo"> <h1>{$news.headline}</h1> <pclass="date"> {$news.subheadline} {$news.date_line} </p> {includefile='bo.tools.tpl'} {if$photo.href} <imgsrc="{$cdn.image}/photos/t_610_370/{$photo.href}" alt="{$photo.headline escape:'html'}" title="{$photo.headline escape:'html'}"/> <ahref="{$data.gallery_url}" class="news_zoomload_gallery" title="{$photo.headline escape:'html'}" rel="{$news.id_category}_{$news.id}">{$tets.epand}</a> <pclass="img_title">{$photo.content strip_tags}</p> {/if} {foreachfrom=$news.tetsitem=tetkey=inde} {if$inde>0} <divclass="news_second_headline">{$tet.headline}</div> {/if} {$tet.content} {/foreach} </div><!-- detailboend--> <divclass="spacer"></div> <!-----Newsdetailend-----> Éste es un ejemplo más elaborado, pues contiene diferentes tipos de elementos. Se ha construído de la siguiente forma: 1. Se han simplificado las variables de datos, asignando nuevos nombres más sencillos: a. {assignvar='news' value=$data.main_item} {assignvar='photo' value=$news.photos.0} 2. Se han utilizado los diferentes elementos de la variable (cadena) $news. Ejemplos: a. {$news.category_name} b. {$news.category_link} c. {$news.headline} d. etc Se han utilizado los diferentes elementos de la variable (cadena) $photo. Ejemplos: a. {if$photo.href}...{/if}{* Verificasieistelafoto*} b. {$photo.headline escape:'html'}{* Pintaeltítulodelafoto, ecluyendocaractereshtml( <,,/, etc), siloshay*} c. {$photo.href} d. etc... 23

24 4. Se han utilizado los diferentes elementos de otras variables. Ejemplos: a. {$tets.back_to} b. {$cdn.image} c. {$data.gallery_url} d. etc Se ha desglosado el contenido de la cadena $news.tets a través del comando {foreach} a. {foreachfrom=$news.tetsitem=tetkey=inde} {$tet.content} {foreach} 6. Todos estos elementos se han incrustado en una base HTML/CSS que da forma a la página. 24

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Llave en Mano Manual 1 Last update: September 18, 2014 IKUNA MEDIA S.L.

Llave en Mano Manual 1 Last update: September 18, 2014 IKUNA MEDIA S.L. Llave en Mano Manual 1 Last update: September 18, 2014 IKUNA MEDIA S.L. Table of Contents Cómo funciona Llave en Mano... 1 Imágenes... 2 Gestión de tamaños de imágenes en LLEM... 3 Nuevo subnivel... 5

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

MANUAL GESTIÓN CMS ONLINE

MANUAL GESTIÓN CMS ONLINE MANUAL GESTIÓN CMS ONLINE Índice 1. ACCESO A LA APLICACIÓN... 4 2. CONTENIDO WEB... 5 2.1 GESTIÓN PÁGINAS... 5 2.1.1 Crear una página nueva... 7 2.1.2 Modificar una página... 7 2.1.3 Borrar una página...

Más detalles

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

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

Más detalles

MANUAL INICIAL PARA LA GESTIÓN DE GALERÍAS DE IMÁGENES

MANUAL INICIAL PARA LA GESTIÓN DE GALERÍAS DE IMÁGENES MANUAL INICIAL PARA LA GESTIÓN DE GALERÍAS DE IMÁGENES MEDIANTE LA PLATAFORMA WEB COPPERMINE INSTALADA EN LOS CENTROS EDUCATIVOS DE LA XUNTA DE GALICIA Coppermine Photo Gallery es una galería de fotos

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

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

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

Más detalles

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4 Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......

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

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

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

Más detalles

manual formación web básica Ozongo Ozongo c/nicolás Copérnico 8, bajo 46980 Paterna (Valencia) 900 828 358 soporte@ozongo.com

manual formación web básica Ozongo Ozongo c/nicolás Copérnico 8, bajo 46980 Paterna (Valencia) 900 828 358 soporte@ozongo.com manual formación web básica Ozongo ÍNDICE Manual formación web básica Ozongo 1. ADMINISTRACIÓN 1.1. Secciones y portada 1.2. Menú 1.3. Diseño 1.4. Configuración de estadísticas 1.5. Estadísticas 2. CORPORATIVO

Más detalles

Gestores de Contenidos (CMS)

Gestores de Contenidos (CMS) Joomla Gestores de Contenidos (CMS) Sistema de Gestión de Contenidos o Content Managment System (CMS) Aplicación informática para crear, editar, manejar y publicar contenidos de una forma organizada y

Más detalles

EDITOR MANUAL DE USUARIO:

EDITOR MANUAL DE USUARIO: MANUAL DE USUARIO: EDITOR Sistema drag & drop... 2 1. Gestor de contenidos... 3 2. Editor de estilo... 5 3. Añadir elementos... 6 4. Deshacer/Rehacer... 13 5. Guardar... 13 Al acceder al visualizador del

Más detalles

Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6

Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6 Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista en Diseño

Más detalles

Temario Dreamweaver CS4

Temario Dreamweaver CS4 Temario Dreamweaver CS4 1 El entorno de trabajo de Dreamweaver CS4 1 Introducción 2 Requisitos del sistema 3 Abrir el programa 4 Cerrar el programa 5 Interfaz de Dreamweaver CS4 6 La barra de Aplicaciones

Más detalles

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista

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

Manual de publicación de contenido y actualización de sitios web

Manual de publicación de contenido y actualización de sitios web Manual de publicación de contenido y actualización de sitios web Basados en sistemas Wordpress El presente manual le presentará los distintos pasos para publicar contenidos a través de páginas y editar

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

Antes de comenzar un sitio. Empezar un sitio web

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

Más detalles

Manual de administración Web Site

Manual de administración Web Site Manual de administración Web Site Índice Administración Web Site 1. Introducción...4 2. Acceso al panel de administración...5 3. El menú principal...6 4. Listado de entradas...7 5. Opciones del menú principal...8

Más detalles

Manual de Plantillas para Listados

Manual de Plantillas para Listados 1 Manual de Plantillas para Listados www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado 21/09/2010

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas

Más detalles

Documentación de Usuario SEO EXPERT

Documentación de Usuario SEO EXPERT Documentación de Usuario SEO EXPERT SEO EXPERT es un completo módulo que te ayuda a optimizar eficazmente el SEO natural de tu tienda en los principiales buscadores y en las redes sociales. Este módulo

Más detalles

Curso Online Desarrollador Web Profesional: Práctico

Curso Online Desarrollador Web Profesional: Práctico Curso Online Desarrollador Web Profesional: Práctico Titulación certificada por EUROINNOVA BUSINESS SCHOOL Curso Online Desarrollador Web Profesional: Práctico Curso Online Desarrollador Web Profesional:

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

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

Análisis de Requerimientos

Análisis de Requerimientos Web Velarde.cl Edición 1.0 28-11-2014 - DIS AltaVoz S.A. http://www.altavoz.net info@altavoz.net Viña del Mar: Dos Poniente 355 of 53. Fonos (56 32) 276-8060 Santiago de Chile: San Pío X 2460, oficina

Más detalles

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos

Más detalles

Índice general. Pág. N. 1

Índice general. Pág. N. 1 Pág. N. 1 Índice general Capítulo 1 Introducción: Una nueva y fácil manera de construir sitios web 1.1 Únase a la revolución de la CMS 1.2 Tipos de gestores de contenido 1.3 Por qué elegir Joomla 1.4 Tipos

Más detalles

TUTORIAL PANEL ADMINISTRACION

TUTORIAL PANEL ADMINISTRACION TUTORIAL PANEL ADMINISTRACION Estimado Usuario: La Página que ha adquirido cuenta con un Panel de Administración para agregar, modificar o quitar noticias, productos, textos, imágenes o cualquier otro

Más detalles

magh - CBTis12 Recuerde que debe contar con un correo valido de Gmail.

magh - CBTis12 Recuerde que debe contar con un correo valido de Gmail. La herramienta de la web 2.0 blog, permite al alumno expresar ideas, para nuestra clase se utilizará para que estructuren su portafolio de evidencias, Para acceder a la página del Blogger, haga clic en

Más detalles

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO CONTENIDO TEMATICO: HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO Presentación de la formación y del formador INSTALACIÓN DE NAVEGADORES Y HERRAMIENTAS Descarga e instalación de Mozilla Firefox Descarga e instalación

Más detalles

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

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

Más detalles

MANUAL INICIAL PARA LA GESTIÓN DE CURSOS ONLINE

MANUAL INICIAL PARA LA GESTIÓN DE CURSOS ONLINE MANUAL INICIAL PARA LA GESTIÓN DE CURSOS ONLINE MEDIANTE LA PLATAFORMA WEB MOODLE INSTALADA EN LOS CENTROS EDUCATIVOS DE LA XUNTA DE GALICIA Moodle es un sistema de gestión de cursos de distribución libre

Más detalles

Crear y gestionar un blog con WordPress

Crear y gestionar un blog con WordPress Crear y gestionar un blog con WordPress Pág. 1 Crear y gestionar un blog con WordPress Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: José Sánchez Rodríguez (Universidad de Málaga)

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

Los blog y su uso en educación Capítulo 4: Crear y gestionar un blog con WordPress

Los blog y su uso en educación Capítulo 4: Crear y gestionar un blog con WordPress Los blog y su uso en educación Cap. 4: Crear y gestionar un blog con WordPress Pág. 1 Los blog y su uso en educación Capítulo 4: Crear y gestionar un blog con WordPress Reconocimiento-NoComercial-CompartirIgual

Más detalles

Certificación IT en Adobe Dreamweaver CC 2015 (Online)

Certificación IT en Adobe Dreamweaver CC 2015 (Online) Certificación IT en Adobe Dreamweaver CC 2015 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Certificación IT en Adobe Dreamweaver CC 2015

Más detalles

ATEI.TV. Manual de uso del BackOffice. Revisión 1.0

ATEI.TV. Manual de uso del BackOffice. Revisión 1.0 ATEI.TV Manual de uso del BackOffice Revisión 1.0 FRONT (Player) Video que se esta reproduciendo Menú de canales (canales a disposición) Pincha en un canal en la parte de Izquierda Se abre el menú de la

Más detalles

Movistar Panel. Guía del usuario de Tu Web

Movistar Panel. Guía del usuario de Tu Web Movistar Panel Guía del usuario de Tu Web Contenidos Introducción... 6 Creación de un sitio web... 8 Familiarizándose con Tu Web... 7 Edición de un sitio web... 10 Estructura: Páginas y navegación... 10

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

EXPERIENCIAS EDUCATIVAS. CREAR UN PORTAL EDUCATIVO CON JOOMLA

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

Más detalles

Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU)

Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU) Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO

Más detalles

Potenciar su web con contenidos de alto valor capaces de fidelizar e incrementar el tiempo de navegación de sus usuarios?

Potenciar su web con contenidos de alto valor capaces de fidelizar e incrementar el tiempo de navegación de sus usuarios? Potenciar su web con contenidos de alto valor capaces de fidelizar e incrementar el tiempo de navegación de sus usuarios? Integrar dichos contenidos en aplicaciones FLASH o páginas HTML permanentemente

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

Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online)

Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online) Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online)

Más detalles

Manual del usuario. www.blocdeblocs.net. Autor: Francesc Balagué Licencia Creative Commons 2.5

Manual del usuario. www.blocdeblocs.net. Autor: Francesc Balagué Licencia Creative Commons 2.5 Manual del usuario www.blocdeblocs.net Autor: Francesc Balagué Licencia Creative Commons 2.5 ÍNDICE 0. Introducción 2 1. Crear el blog 4 2. Administración 5 2.1 Cambio de contraseña e idioma (usuarios)

Más detalles

Guía administración Intelligent Watcher

Guía administración Intelligent Watcher Guía administración Intelligent Watcher Enero de 2015 1 Contenido 1. Acceso... 3 2. Sectores y categorías... 3 3. Usuarios... 8 4. Campos, tipos y plantillas de contenido... 11 5. Gestión de informaciones...

Más detalles

bla bla Documentos Guía del usuario

bla bla Documentos Guía del usuario bla bla Documentos Guía del usuario Documentos Documentos: Guía del usuario fecha de publicación Miércoles, 25. Febrero 2015 Version 7.6.2 Copyright 2006-2015 OPEN-XCHANGE Inc., La propiedad intelectual

Más detalles

5.- Crear páginas web con Nvu

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

Más detalles

Plantilla de texto plano

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

Más detalles

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

Una guía rápida para. Crear Boletines de Noticias

Una guía rápida para. Crear Boletines de Noticias Una guía rápida para Crear Boletines de Noticias En esta guía Aprende a crear mensajes atractivos, con lenguaje HTML y con texto sin formato para involucrar a tus contactos. Conoce sus preferencias para

Más detalles

Tutorial de inicio rápido

Tutorial de inicio rápido 1. Crea una cuenta con Zeendo Para registrarte como nuevo usuario introduce tu dirección de correo electrónico y elige una contraseña, que podrás modificar en cualquier momento. También puedes darte de

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

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

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web 01. Conociendo Adobe Dreamweaver CS5 01.1. Introducción a Adobe Dreamweaver 01.2. Novedades de Dreamweaver CS5 01.3. Requerimientos técnicos 01.4. Editar páginas Web 01.5. Cómo tener una página en Internet

Más detalles

MANUAL DE CAPACITACIÓN Sistema Joomla WEB CMS 2.5. HogarPara. SusNiños. www.hogarparasusninios.org

MANUAL DE CAPACITACIÓN Sistema Joomla WEB CMS 2.5. HogarPara. SusNiños. www.hogarparasusninios.org MANUAL DE CAPACITACIÓN Sistema Joomla WEB CMS 2.5 HogarPara SusNiños www.hogarparasusninios.org Pág. 1 Quito, 13 de Octubre del 2013 Señores HOGAR PARA SUS NIÑOS Presente.- Estimados Es grato para nuestra

Más detalles

PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08

PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08 PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros

Más detalles

Manual de uso: Editor Web del CMS

Manual de uso: Editor Web del CMS Manual de uso: Editor Web del CMS Este manual sirve de apoyo para aquellas personas que usen el CMS y requieran editar textos dentro del mismo. Índice: 1. Cómo copiar texto desde Word? 2. Cómo resaltar

Más detalles

Ximdex 3.3. Descripción de la Interfaz. Fecha: Enero 2013 Versión 3.0

Ximdex 3.3. Descripción de la Interfaz. Fecha: Enero 2013 Versión 3.0 Ximdex 3.3 Descripción de la Interfaz Fecha: Enero 2013 Versión 3.0 Índice 1. Descripción General...1 2. Panel de gestión...2 2.1. Pestaña de proyectos...2 2.2. Panel de control...3 2.3. Información sobre

Más detalles

Pavel Kasík, Technet.cz

Pavel Kasík, Technet.cz Imagina que quieres crear tu propio sitio web. Normalmente, tendrías que descargar el software, instalarlo y comenzar a programar. Con Webnode no es necesario instalar nada. Puedes crear tu página web

Más detalles

CREAR UN BLOG Y COMENZAR A PUBLICAR

CREAR UN BLOG Y COMENZAR A PUBLICAR CREAR UN BLOG Y COMENZAR A PUBLICAR 1. INTRODUCCIÓN 2. CREAR UN BLOG CON BLOGGER - Crear una cuenta (ya la teníamos creada) - Asignar un nombre - Elegir una plantilla 3. PESTAÑA CREACIÓN DE ENTRADAS -

Más detalles

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

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

Más detalles

HOSTALIA TU WEB. Manual de Usuario V 1.0. Hostalia Guías de uso 4/8/2014

HOSTALIA TU WEB. Manual de Usuario V 1.0. Hostalia Guías de uso 4/8/2014 HOSTALIA TU WEB Manual de Usuario V 1.0 4/8/2014 Calle San Rafael, 14 28108 Alcobendas (Madrid) Teléfono: 900 103 253 www.hostalia.com ÍNDICE INTRODUCCIÓN 3 VISIÓN GENERAL DE LA APLICACIÓN ONLINE TU WEB

Más detalles

Manual Gestor Contenidos Policía

Manual Gestor Contenidos Policía 1de 50 INDICE 1.2 Estructura de la Páginas Web...2 1.2.1 Cabecera...3 1.2.1.1 Mapa Web:...4 1.2.1.4 Buscador...6 1.2.1.5 Icono red social y Email...6 1.2.2 Contenidos de Página: Parte central de la página...6

Más detalles

Los blog y su uso en educación Capítulo 3: Crear y gestionar un blog con Blogger

Los blog y su uso en educación Capítulo 3: Crear y gestionar un blog con Blogger Los blog y su uso en educación Cap. 3: Crear y gestionar un blog con Blogger Pág. 1 Los blog y su uso en educación Capítulo 3: Crear y gestionar un blog con Blogger Reconocimiento-NoComercial-CompartirIgual

Más detalles

Desarrollo de Aplicaciones Móviles. Proceso de creación de un sitio web en Artisteer. San Agustín Vidal Leonardo Daniel. 10ITI1

Desarrollo de Aplicaciones Móviles. Proceso de creación de un sitio web en Artisteer. San Agustín Vidal Leonardo Daniel. 10ITI1 Desarrollo de Aplicaciones Móviles. Proceso de creación de un sitio web en Artisteer. San Agustín Vidal Leonardo Daniel. 10ITI1 Arciniega Martínez Fernando. 08/11/2015 Introducción. La finalidad este manual

Más detalles

MÓDULO 1: FrontPage 2003 Parte 1ª

MÓDULO 1: FrontPage 2003 Parte 1ª MÓDULO 1: FrontPage 2003 Parte 1ª TEMA 1. Introducción a la Web Internet y el World Wide Web Hipertexto HTML Servidores, Clientes y Redes Protocolos de Comunicación Direcciones, Dominios y Accesos TEMA

Más detalles

Internet Explorer 5.0

Internet Explorer 5.0 Internet Explorer 5.0 Trucos para la suite de comunicaciones de Microsoft 1 Actualizaciones Es importante tener siempre actualizado el navegador, sea cual sea la versión que se emplee, por lo que conviene

Más detalles

MANUAL DE USUARIO Administradores de contenidos de Pagina Web en Oracle Portal

MANUAL DE USUARIO Administradores de contenidos de Pagina Web en Oracle Portal Departamento de Evaluación, * Departamento de Expedido Enero 30 de 008 Sept. 0 de 013 ÍNDICE 1. Instructivo para Administrar los Contenidos en la Página Web.. 1.1. Solicitud de Cuenta de Acceso para el

Más detalles

MANUAL EASYWEB CORPORATIVA

MANUAL EASYWEB CORPORATIVA MANUAL EASYWEB CORPORATIVA - 1 - ÍNDICE Vision general...pag. 3 Utilidades...pag. 9 Subir imágenes...pag. 6 Compositor de imágenes...pag. 10 Configurador de la web...pag. 11 Listados de contenidos...pag.

Más detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

Índice de contenidos:

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

Más detalles

[8 ] Contenidos: tipologías y organización.

[8 ] Contenidos: tipologías y organización. [8 ] Contenidos: tipologías y organización. Con Drupal podemos construir casi cualquier tipo de web, definiendo tipos de contenidos, estructurados, permisos, sistema de registro de usuarios, sistemas de

Más detalles

MÓDULO 3 CONFIGURACIÓN DE UN BLOG

MÓDULO 3 CONFIGURACIÓN DE UN BLOG MÓDULO 3 INTRODUCCIÓN Para comenzar con la configuración de nuestro blog, tendremos que ir a la página de Blogger, www.blogger.com y registrarnos con nuestro usuario y contraseña, una vez dentro vamos

Más detalles

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo

Más detalles

ADMINISTRAR UN BLOG EN BLOGGER

ADMINISTRAR UN BLOG EN BLOGGER ADMINISTRAR UN BLOG EN BLOGGER Para entrar en nuestro Blog vamos a la página principal de Blogger, accedemos a través de nuestra cuenta de Google (correo Gmail) con usuario y contraseña. EL PANEL DE CONTROL

Más detalles

Elaborar presentaciones digitales utilizando las herramientas online Emaze con el fin de apoyar el proceso de enseñanza y de aprendizaje.

Elaborar presentaciones digitales utilizando las herramientas online Emaze con el fin de apoyar el proceso de enseñanza y de aprendizaje. . Qué es Emaze?. Cómo ingresar a Emaze? 3. Cómo crear una presentación Emaze? 4. Configuración de las diapositivas. 5. Compartir y descargar tu presentación. Elaborar presentaciones digitales utilizando

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

Manual Sistema de Afiliados Lomas Travel

Manual Sistema de Afiliados Lomas Travel Manual Sistema de Afiliados Lomas Travel Contenido Registro de Afiliados... 3 Administración de su cuenta... 7 Ingresar... 7 Uso del Administrador... 8 Configuración de Plantilla... 9 1.-Opción de subir

Más detalles

INDICE PASO 1: REGISTRO DE DATOS PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS...

INDICE PASO 1: REGISTRO DE DATOS PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS... MANUAL GOOGLE SITE Google Sites INDICE INTRODUCCIÓN PASO 1: REGISTRO DE DATOS...5 PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS.....18 PASO 5: CONFIGURANDO

Más detalles

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL

UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL OBJETIVO El alumno aprenderá a configurar un servidor local para realizar diferentes pruebas de la página hasta publicar el sitio web en Internet. TEMARIO 2.1 INTRODUCCIÓN

Más detalles

Guía #5: Gestión de plantillas, componentes, módulos y plug-ins

Guía #5: Gestión de plantillas, componentes, módulos y plug-ins UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2012 GUIA DE LABORATORIO #5 Nombre de la Práctica: Gestión de plantillas, plug-ins y módulos Lugar de Ejecución:

Más detalles

Administración de portales Joomla antonio.duran.terres@gmail.com

Administración de portales Joomla antonio.duran.terres@gmail.com Administración de portales Joomla antonio.duran.terres@gmail.com Gestores de Contenidos (CMS) Sistema de Gestión de Contenidos o Content Managment System (CMS) Aplicación informática para crear, editar,

Más detalles

Manual de Administración del sitio web www.responsabilidadintegral.org. Noviembre 1 de 2012

Manual de Administración del sitio web www.responsabilidadintegral.org. Noviembre 1 de 2012 Manual de Administración del sitio web www.responsabilidadintegral.org Noviembre 1 de 2012 1. Desarrollo y programación Para el desarrollo del sitio web se utilizaron lenguajes de programación de última

Más detalles

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

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

Más detalles

Cómo crear tu propio tema gráfico para Chamilo paso a paso

Cómo crear tu propio tema gráfico para Chamilo paso a paso Cómo crear tu propio tema gráfico para Chamilo paso a paso Autor de este documento: el equipo de Contidos Dixitais Fecha de creación: 9 de mayo de 2012 Válido para: versión 1.8.8.4 de Chamilo LMS Cómo

Más detalles

Artologik HelpDesk Versión 4.0 Nuevas funciones

Artologik HelpDesk Versión 4.0 Nuevas funciones HelpDesk [Nuevas NNeeeeegmäölb, funciones en HelpDesk 4.0] Artologik HelpDesk Versión 4.0 Nuevas funciones INTRODUCCIÓN... 5 HELPDESK (SIN MÓDULOS ADICIONALES)... 5 Creando solicitudes desde correos electrónicos

Más detalles

(Objetivo) Curso de Informática Básica. Word 2003. Índice. Word 2003. Conceptos Básicos. Uso avanzado de Word. Universidad Rey Juan Carlos

(Objetivo) Curso de Informática Básica. Word 2003. Índice. Word 2003. Conceptos Básicos. Uso avanzado de Word. Universidad Rey Juan Carlos Universidad Rey Juan Carlos Estefanía Martín Liliana P. Santacruz Laboratorio de Tecnologías de la Información en la Educación 2 Objetivo Entender los conceptos procesador de texto y sistema de tratamiento

Más detalles

MÓDULO I - Operaciones Básicas con Servidores Web (Dominio, Subdominio y Hosting).

MÓDULO I - Operaciones Básicas con Servidores Web (Dominio, Subdominio y Hosting). CURSO DE JOOMLA Duración 40 horas ÍNDICE MÓDULO I - Operaciones Básicas con Servidores Web (Dominio, Subdominio y Hosting). DESCRIPCIÓN: En este módulo avanzaremos en la compra del dominio, dónde alojar

Más detalles

Instalación y gestión básica de un blog. WordPress 2.0.1

Instalación y gestión básica de un blog. WordPress 2.0.1 Instalación y gestión básica de un blog WordPress 2.0.1 ÍNDICE 1. Qué es un blog?... 3 2. Por qué WordPress?... 3 3. Instalación de WordPress... 4 4. Escribir un artículo... 7 4.1 Crear un artículo...

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