Creación de templates para Knews. Tutorial paso a paso para crear templates de Newsletters para el plug-in Knews de Wordpress

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

Download "Creación de templates para Knews. Tutorial paso a paso para crear templates de Newsletters para el plug-in Knews de Wordpress"

Transcripción

1 Creación de templates para Knews Tutorial paso a paso para crear templates de Newsletters para el plug-in Knews de Wordpress Documento disponible en: English Español Català URL del plug-in, documentación y soporte: Versión del documento: 1.0 Fecha del documento:

2 CREACIÓN DE TEMPLATES PARA KNEWS 2 Sumario 1. Introducción Hoja de ruta Posibilidades Estructura necesaria Consejos generales para la maquetación de s Creación paso a paso del template Sweet Barcelona Descarga de material Estructura de directorios El fichero info.xml Thumbnail del template y de los módulos Conversión del HTML a template Dividir la newsletter en 4 zonas diferenciadas Marcar el inicio y fin de los diferentes módulos Hacer el código apropiado para el editor Hacer las imágenes editables Hacer el texto editable Extrayendo contenido de los posts Definir los colores globales Definir las fuentes globales Definir los colores y fuentes locales Enlaces especiales... 18

3 CREACIÓN DE TEMPLATES PARA KNEWS 3 1. Introducción Cualquier diseño puede llevarse a cabo como template para Knews, y cualquier maqueta puede ser fácilmente convertida en template. Con la información de este manual, usted podrá crear un template de Knews de cero, partiendo de una newsletter ya maquetada en HTML o duplicar un template de Knews y personalizarlo haciéndole modificaciones. Los templates de Knews son newsletters en HTML normales, a los que se les añaden una serie de parámetros, algunos como clases, y otros como comentarios dentro del html. Con estos parámetros, el editor de Knews sabrá qué partes son editables y cuáles no, qué colores son personalizables, etc. El resultado, es un html perfectamente visible en cualquier navegador, válido según los estándares del 3WC y editable en cualquier editor HTML Hoja de ruta Primero comentaremos qué posibilidades ofrece el sistema de plantillas modulares de Knews, que en gran parte condicionará como se diseñan y maquetan las plantillas. En segundo lugar, comentaremos qué necesidades específicas tiene el editor de Knews en cuanto a formato del HTML (que son muy pocas). Después, haremos un repaso a les regles básicas para maquetar newsletters y s (para que se vean bien en todos los programas de correo y webmails). Para acabar, haremos, paso a paso, la conversión del template Sweet Barcelona de HTML normal a template de Knews Posibilidades - En los templates hay estilos y colores editables por el usuario. Los estilos comprenden tipografía, tamaño del texto, tamaño del texto CSS e interlineado CSS. Los colores pueden usarse a la vez como background y color de texto. - Los estilos y colores pueden ser locales y globales. Locales quiere decir que sólo cambiarán allá dónde el usuario los edite. Los globales por contra, cambiarán en todos los lugares a la vez cuando el usuario los modifique. - Pueden crearse contenidos fijos (como la cabecera de la newsletter) y contenidos modulares. Los módulos pueden colocarse ninguna, una o varias veces en la newsletter, haciéndola crecer según los contenidos que quieran comunicarse.

4 CREACIÓN DE TEMPLATES PARA KNEWS 4 - Los contenidos fijos pueden tener imágenes editables, textos editables y estilos globales, pero no estilos locales. - Los módulos pueden tener imágenes editables, textos editables, estilos globales y locales, y además, pueden ofrecer la posibilidad al usuario de extraer su contenido de manera automática de un post o página. - Los templates pueden tener una o varias zonas para acoger módulos, y en este caso, pueden definirse diferentes tipos de zonas, y asignar los módulos a ciertas zonas. Por ejemplo: si diseñamos un newsletter con una columna ancha y una estrecha, podemos crear unos módulos para la columna ancha y otros para a la columna estrecha Estructura necesaria - Cada módulo debe ser una tabla completa, puede tener dentro más tablas y cualquier otro elemento, pero obligatoriamente debe comenzar con <table> y terminar con </table> - Los módulos sólo pueden ser insertados en contenedores. Cada contenedor deberá ser una tabla, con una celda única para contener cada módulo. Como mínimo debemos tener uno si queremos que el template tenga módulos editables. Por ejemplo, si queremos un template con una estructura de dos columnas de módulos, deberemos, obligatoriamente, crear una primera tabla con dos celdas, una para cada columna, dentro de cada celda, una segunda tabla que será el contenedor de módulos, y dentro de estas tablas interiores, en cada celda, podrá alojarse un módulo. El editor va creando celdas dentro de los contenedores conforme el usuario va añadiendo módulos, en consecuencia no debemos crear celdas vacías. I ya está... fácil, verdad?

5 CREACIÓN DE TEMPLATES PARA KNEWS 5 2. Consejos generales para la maquetación de s Los consejos o directrices explicadas en este apartado no se circunscriben a la creación de plantillas o templates para Knews, sino que son aplicables en general a todos los e- mails, fruto de nuestra experiencia profesional. Son totalmente válidas igualmente en la construcción de plantillas o templates para Knews. Maquetar seccionando los contenidos en tablas, haciéndolas lo más sencillas posibles. Mejor hacer varias tablas unas dentro las otras que intentar contenerlo todo en una sola muy complicada. Dimensionar las celdas colocando imágenes que actúen como espaciadores. En la distribución horizontal de espacios, colocar todos los espaciadores en una misma fila, y que la suma total de estos espaciadores sean igual a la anchura de la tabla. Esta fila no debe tener colspan en ninguna celda. En los espaciadores verticales (si son necesarios) no poner ningún rowspan a las celdas que los contienen. Las imágenes no pueden deformarse, deberán tener la misma anchura y altura en píxeles que sus atributos width y height. La vieja técnica de usar un espaciador de 1x1 píxel falla en ciertas versiones de Microsoft Outlook, que se atiene a las medidas de la imagen e ignora width y height. Las imágenes deben colocarse como <img>, nunca como background, y ponerles un texto alternativo si son parte del mensaje, o alt="" si no forman parte de él. Esto provoca que no pueda combinarse texto sobre imagen, y que el texto debe ponerse siempre sobre un fondo de color plano, o bien convertirse en imagen. Nota: Algunos diseñadores usan imágenes como background, previniendo que muchos usuarios no las verán, haciendo un diseño que también sea atractivo sin estas imágenes. Maquetar correctamente, cerrando todos los tags. Recomendamos la extensión de Firefox HTML Validator: (y configurarla como proceso serial). Tenga en cuenta que muchos lectores de correo no cargan inicialmente las imágenes. Por lo tanto una buena parte del mensaje debe ser texto, no imagen, y es necesario poner en las imágenes contenido alt. Consejo: Renombrar la carpeta de imágenes para comprobar en un navegador cómo se verá el sin imágenes. Filtros anti-spam. Evitar texto demasiado grande, puede ser considerado spam, e imágenes demasiado grandes (más grandes de 350 píxeles, por ejemplo, partirla en dos)

6 CREACIÓN DE TEMPLATES PARA KNEWS 6 Algunos lectores de correo ignoran los CSS. Así que lo mejor es maquetar primero con <font face="xxx" size="yyy"> y después de comprobar en diferentes navegadores, añadir estilos CSS si por criterios de diseño queremos modificar un poco el tamaño del texto o la interlinea. No hacer imprescindible nunca los CSS para la correcta visualización de la maquetación. Poner tags <p style="margin:0px; padding:0px"> en todos los textos. Poner a todas las imágenes <img style="display:block" Poner los colores en formato #RRGGBB, nunca en formato abreviado #rgb o (r, g, b). No poner atributos CSS que puedan ponerse de otra manera. Así se asegura la correcta visualización en todos los sitios, usar bgcolor en los <td> y <table>, color en los <font> y los <a>.

7 CREACIÓN DE TEMPLATES PARA KNEWS 7 3. Creación paso a paso del template Sweet Barcelona 3.1. Descarga de material Puedes bajarte el material necesario para seguir el curso aquí: dentro encontrarás el html maquetado normalmente, el template ya construido y unos JPG dónde se han marcado qué áreas deben prepararse (columnas, módulos, zonas editables, etc.) También puedes dejarte el PSD (documento de Adobe Photoshop) aquí: Nota: con los JPG tienes el material suficiente para seguir el tutorial, no es necesario abrir el PSD para entenderlo Estructura de directorios El template debe estar contenido dentro de un directorio (por ejemplo sweet_bcn ). Dentro debe contener dos directorios más: images (las imágenes que utiliza la newsletter) modules (imágenes thumbnails de los módulos que tendrá la newsletter). Y 3 ficheros: template.html (todo el código del template) info.xml (información sobre el template) thumbnail.jpg (el thumbnail del template)

8 CREACIÓN DE TEMPLATES PARA KNEWS El fichero info.xml El fichero XML da cierta información sobre el template, esta es la estructura: <?xml version="1.0" encoding="iso "?> <template> <shortname>sweet Barcelona</shortname> <fullname>old and beautiful city</fullname> <url>http://www.knewsplugin.com/template-sweet-barcelona</url> <date>29/02/2012</date> <author>carles Reverter</author> <urlauthor>http://www.knewsplugin.com</urlauthor> <minver>1.0.0</minver> <onlypro>no</onlypro> <description>an elegant, classic, double column newsletter, 100% color and font configurable.</description> </template> Los campos marcados en negrita pueden modificarse, el resto quedan reservados para futuras versiones de Knews Thumbnails del template y de los módulos La carpeta del template debe contener un JPG que servirá para ilustrar el template. Debe ser de 150 x 200 píxeles. La carpeta /modules, debe contener un JPG como thumbnail para a cada módulo, de tamaño 220 x 90 píxeles, los nombres serán: module_1.jpg, module_2.jpg... module_n.jpg 3.5. Conversión del HTML a template Esta parte del tutorial la hemos estructurado poniendo diferentes documentos.html con los cambios paso a paso. Recomendamos la descarga de Winmerge, una aplicación gratuita que compara ficheros y muestra de manera muy sencilla los cambios realizados. Puedes descargarla aquí:

9 CREACIÓN DE TEMPLATES PARA KNEWS 9 Aquí puedes ver cómo Winmerge ayuda a localizar los cambios fácilmente: Dividir la newsletter en 4 zonas diferenciadas HEADER : Esta zona será fija en la newsletter, por lo tanto no necesitamos indicarla de ninguna manera. LEFT COLUMN y RIGHT COLUMN : Estas zonas pueden contener los módulos estrechos, por lo que los etiquetaremos como Zone 1 FOOTER : Esta zona podrá contener los módulos anchos, y los etiquetaremos como Zone 2

10 CREACIÓN DE TEMPLATES PARA KNEWS 10 Para ver estos cambios, compara (abre) con Winmerge los ficheros tutorial_0.html y tutorial_1.html Hemos marcado las dos columnas como contenedores zona 1, porque los módulos estrechos sirven para las dos columnas, y el contenedor ancho como zona 2, añadiendo les siguientes clases: class="container_zone_1" / class="container_zone_1" / class="container_zone_2" Marcar el inicio y fin de los diferentes módulos Para ver estos cambios, abre con Winmerge los ficheros tutorial_1.html y tutorial_2.html : Numeraremos los módulos, de 1 a 6, marcando con un comentario dónde comienzan y dónde acaban: <!--[start module 1]--> / <!--[end module 1]-->... <!--[start module 6]--> / <!--[end module 6]-->...y los asignaremos a una de las dos zonas: 1 (columna izquierda y derecha) y 2 (ancho total), añadiendo un class a cada módulo: class="zone_1" / class="zone_2"

11 CREACIÓN DE TEMPLATES PARA KNEWS Hacer el código apropiado para el editor Ahora, imaginemos cómo quedará el código HTML cuando el editor cargue por primera vez el template: el editor extraerá los módulos del cuerpo de la newsletter, quedando los <tr><td> (módulo) </td></tr> que contienen los módulos, vacíos... por tanto, debemos marcarlos: Para ver estos cambios, abre con Winmerge los ficheros tutorial_2.html y tutorial_3.html : El primer contenedor de módulo de cada zona, será especial, y quedará como receptor de módulos (módulo 1, 3 y 5): <!--[open_insertion_container_start]--><tr class="droppable_empty"><td><!-- [close_insertion_container_start]--> (módulo) <!--[open_insertion_container_end]--></td></tr><!-- [close_insertion_container_end]--> Y el resto (módulo 2, 4 y 6): <!--[open_ignore_code]--><tr><td><!--[close_ignore_code]--> (módulo) <!--[open_ignore_code]--></td></tr><!--[close_ignore_code]--> En cada módulo, insertaremos un span dónde el editor situará los iconos de mover y eliminar módulo: <span class="handler"></span> A partir de este punto, ya podemos probar el template: 1. abre el FTP y ves al directorio: /wp-content/plugins/knews/templates/sweet_bcn/ 2. Borra el fichero template.html, sube el tutorial_3.html y renómbralo como template.html

12 CREACIÓN DE TEMPLATES PARA KNEWS Entra en la admin de wordpress, en knews>newsletters y crea una newsletter nueva, eligiendo el template Sweet Bcn Ahora verás que ya puedes incluir módulos, eliminarlos y reordenarlos, pero aún no podemos editar su contenido... Nota importante: Para poder probar los cambios que hayamos hecho a un template, siempre deberemos crear una newsletter nueva, porque una vez creada una newsletter, los cambios realizados al template no le afectan. Todos los ficheros a partir de tutorial_3.html en adelante, puedes comprobarlos de la misma manera si así lo deseas Hacer las imágenes editables Ahora, haremos editables las imágenes, podemos ver los cambios comparando con Winmerge los ficheros tutorial_3.html y tutorial_4.html : class="editable" Nota: en nuestro caso, las haremos todas editables, pero si estás haciendo un template corporativo, quizás querrás dejar algunas imágenes como no editables:

13 CREACIÓN DE TEMPLATES PARA KNEWS hacer el texto editable Ahora haremos editables todas las secciones, podemos ver los cambios comparando con Winmerge los ficheros tutorial_4.html y tutorial_5.html, añadiremos: <!--[start_editable_content]--> (parte que queremos hacer editable) <!--[end_editable_content]--> Nota: en nuestro caso, haremos todos los textos editables, pero quizá querrás dejar textos no editables. Hay que tener en cuenta que siempre es necesario envolver los tags de html completamente, por ejemplo: <p><!--[start_editable_content]-->hello world<! [end_editable_content]--></p>... es correcto, pero no podremos editar la justificación del texto <!--[start_editable_content]--><p>hello world</p> <!--[end_editable_content]-->...es correcto y podremos editar la justificación del texto <!--[start_editable_content]--><p>hello world <!--[end_editable_content]--> </p>... es incorrecto!!! Extrayendo contenido de los posts Podemos hacer que las newsletters obtengan su contenido de los posts/páginas de Wordpress, evitando entrar dos veces la información y consiguiendo un enlace automático entre la newsletter y el post de la web/blog. Para ver estos cambios, abre con Winmerge los ficheros tutorial_5.html y tutorial_6.html : Debemos cambiar el texto por: %the_title_1% / %the_excerpt_1% / %the_permalink_1%

14 CREACIÓN DE TEMPLATES PARA KNEWS 14 Por qué acaban en _1? Pues porque un módulo, puede ser receptor de más de un post, en este caso, numeraremos estas etiquetas _2, _3 etc. per diferenciarlas (en el template Clean Blue hay un ejemplo) Igual que antes hemos introducido <span handler></span>, pondremos: <span class="chooser"></span> El editor pondrá dentro de chooser los selectores para elegir entre texto libre y seleccionar post Definir los colores globales Los colores globales están inspirados en las hojas de estilo. El usuario los puede editar todos a la vez. Esto da unidad de aspecto a la newsletter, y ahorra trabajo al usuario. Numeraremos los colores globales, en nuestro caso: 1, 2 y 3. En cada tag dónde aparezca el color, añadiremos un class vinculándolo al color global, por ejemplo, el enlace de can t read : <a href="#" style="color:#bc0000;" class="global_colour_1 _caption_link_colors">here</a> Si hubiéramos querido asociarlo al color global 2, simplemente hubiéramos introducido la clase global_colour_2.

15 CREACIÓN DE TEMPLATES PARA KNEWS 15 Nota: los colores globales pueden ser a la vez colors y backgrounds, en este caso, el nombre será: global_colour_bg_1 / global_colour_bg_2 / global_colour_bg_3, más adelante veremos un ejemplo. En el mismo class, pondremos un título para ayudar al usuario, codificado de la siguiente manera: _caption_ + [el_nombre_con_los_espacios_como_guiones_bajos] Para ver el primer color global, abre con Winmerge los ficheros tutorial_6.html y tutorial_7.html. Para ver el segundo y tercer color global aplicados, abre con Winmerge los ficheros tutorial_7.html y tutorial_8.html Definir las fuentes globales Las fuentes globales funcionan exactamente igual que los colores globales, tienen como valores: - La fuente - El tamaño - El tamaño CSS (opcional) - La interlinea CSS (opcional)... y los cogen del tag dónde haya el class

16 CREACIÓN DE TEMPLATES PARA KNEWS 16 La única diferencia es la nomenclatura, haremos 2 fuentes globales: class="global_font_1 _fcaption_title_fonts" class="global_font_2 _fcaption_article_fonts" Para ver las fuentes globales aplicadas, abre con Winmerge los ficheros tutorial_8.html y tutorial_9.html Definir los colores y fuentes locales Los colores y fuentes locales funcionan exactamente igual que los globales, con la diferencia que quedan asignados a un sólo módulo. Esto implica que no pueden asignarse a ningún contenido fuera de un módulo. Los nombres, cambian, en vez de empezar con global_ empiezan por local_, y para cada módulo empiezan a numerarse por 1: class="local_colour_1 _caption_text_color Importante: si no numeramos correctamente, el editor no los encontrará. Para ver los colores y fuentes locales aplicadas, abre con Winmerge los ficheros tutorial_9.html y tutorial_10.html.

17 CREACIÓN DE TEMPLATES PARA KNEWS 17 Aquí tenemos un ejemplo de color como background: class="local_colour_bg_2 _caption_background_color" Enlaces especiales Hay dos tipos de enlaces especiales: %cant_read_href% %unsubscribe_href% Knews los substituirá por los valores correctos en los envíos a listas de correo, puedes verlos aplicados comparando tutorial_10.html y template.html. # Fin del documento #

MANUAL TECNICO DE EMAILING BIZBOX

MANUAL TECNICO DE EMAILING BIZBOX MANUAL TECNICO DE EMAILING BIZBOX 1.- Verificar Registro SPF El dominio desde el que envía su coreo no puede ser cualquier dominio, debe ser un dominio aprobado y verificado para enviar correos, estos

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

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

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

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

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

Más detalles

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar

Más detalles

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

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

Más detalles

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

Gestor de Contenidos. Manual del Usuario

Gestor de Contenidos. Manual del Usuario Gestor de Contenidos Manual del Usuario Gestor de Contenidos de Ayuntamiento Acceso al Gestor El acceso al Gestor de Contenidos se realiza a través de la página http://www.emanises.es/empresarialauthor

Más detalles

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho

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

Indexhibit 2 Tareas comunes

Indexhibit 2 Tareas comunes Indexhibit 2 Tareas comunes Oscar Ciutat oscarciutat.com/code Cómo entrar en el área de administración de Indexhibit? 1. Ir a www.direccion.com/ndxzstudio/, sustituyendo www.direccion.com por la dirección

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

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

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

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

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

Tutorial de Wordpress para Editores de Sitios. Autora: Aylín Alvarez Martínez Dpto. Web

Tutorial de Wordpress para Editores de Sitios. Autora: Aylín Alvarez Martínez Dpto. Web Tutorial de Wordpress para Editores de Sitios Autora: Aylín Alvarez Martínez Dpto. Web 2011 ÍNDICE Blog -----------------------------------------------------------------------------------------------------------

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

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

Más detalles

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

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

CURSO DE DREAMWEAVER CS3

CURSO DE DREAMWEAVER CS3 CURSO DE DREAMWEAVER CS3 Aprender a manejar el programa Dreamweaver para diseñar páginas Web. A la finalización del curso, el alumno será capaz de crear sitios Web con páginas que incorporen imágenes,

Más detalles

Guía para creación de temas para editor de EditandSend

Guía para creación de temas para editor de EditandSend Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.

Más detalles

4.- Composer: Formato de párrafos, títulos y listas

4.- Composer: Formato de párrafos, títulos y listas 4.- Composer: Formato de párrafos, títulos y listas 4.1 Antes de empezar Vamos a configurar el composer antes de empezar a trabajar con él, para ello nos vamos al menú Editar/Preferencias y seleccionamos

Más detalles

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani

PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani PHP y MySQL. Aplicaciones Web: HTML II (tercera parte) Autor: Johnny Zulca Mamani 1 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Ahora continuaremos con el estudio de las páginas

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

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

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

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

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

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

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

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

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

Más detalles

9. Composer: Bugs y consejos.

9. Composer: Bugs y consejos. 9. Composer: Bugs y consejos. Composer: bugs y consejos 9.1. Sobre la barra de herramientas de formato Elegir color para remarcar texto En la actualidad existe un lenguaje complementario a las etiquetas

Más detalles

Manual de usuario de Windows Live Writer

Manual de usuario de Windows Live Writer Manual de usuario de Windows Live Writer Índice 0.- Introducción. 3 1.- Descarga e Instalación. 4 2.- Conexión a un blog. 7 3.- Interfaz de Windows Live Writer. 12 4.- Creación de un Post. 13 5.- Creación

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

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

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

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

Guía de Uso Ndstudio - Editor (CMS) Net Design Studio. Guía de Uso Manual Gestor CMS. Ndstudio-Editor (CMS) Versión Administrador -1-

Guía de Uso Ndstudio - Editor (CMS) Net Design Studio. Guía de Uso Manual Gestor CMS. Ndstudio-Editor (CMS) Versión Administrador -1- Net Design Studio Guía de Uso Manual Gestor CMS Ndstudio-Editor (CMS) Versión Administrador -1- Índice de contenidos 1 Introducción 2 Acceso 2.1 Entrar en el CMS 3 Módulo Gestor de Contenidos 3.1 Cómo

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

Guía para el armado de un HTML

Guía para el armado de un HTML Guía para el armado de un HTML Maquetear una pieza con estándares de usabilidad Utilizar un formato de html clásico: Diseñar con CSS Inline que es un método para insertar el lenguaje de estilo de página

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

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

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Página Web del curso Pagina del curso www.bbsoftpy.net/cursohtml2013 Repaso Clase Anterior Curso XHTML/HTML/HTML5-2013 Listas Curso XHTML/HTML/HTML5-2013 Listas

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

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo.

Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Colores y fondos Aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Color de primer plano: la propiedad 'color' La

Más detalles

TU REPUTACIÓN EN INTERNET S.L. - CIF B-85.882.157 antonio@tureputacioneninternet.com TUTORIAL DE WORDPRESS

TU REPUTACIÓN EN INTERNET S.L. - CIF B-85.882.157 antonio@tureputacioneninternet.com TUTORIAL DE WORDPRESS TUTORIAL DE WORDPRESS TU REPUTACIÓN EN INTERNET 2011 Índice 1. Introducción... 3 2. Acceder en modo Editor... 3 3. Explorando el escritorio de wordpress.com... 4 4. Administración de Entradas... 6 4.1.

Más detalles

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

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

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

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

Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 4. Contenido multimedia. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 4. Contenido multimedia ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Hipertexto! Permiten conectar entre sí entre diferentes documentos, elementos

Más detalles

Manual para la gestión de contenidos web a través del CMS de wordpress www.ventanasgasteiz.com

Manual para la gestión de contenidos web a través del CMS de wordpress www.ventanasgasteiz.com Manual para la gestión de contenidos web a través del CMS de wordpress www.ventanasgasteiz.com Índice 1.Introducción 2.Acceder en modo Editor 3.Explorando el escritorio de wordpress 4.Administración de

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

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

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

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

Más detalles

AJE ASTURIAS NETWORKING Manual de Usuario

AJE ASTURIAS NETWORKING Manual de Usuario 1 AJE ASTURIAS NETWORKING Manual de Usuario 2 Índice de contenido 1. INTRODUCCIÓN...3 1.1. A primera vista (Contenido de la página principal)...3 1.1.1. Qué usos tienen las partes de la portada?...4 1.2.

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB CREACION DE PÁGINAS WEB CREAR LO QUE LLAMAREMOS SITIO WEB LOCAL En el escritorio del ordenador crear una carpeta llamada sitio web que sea donde guardes todos los archivos Dentro de ella guardaremos todos

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

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

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

TUTORIAL DE WORDPRESS

TUTORIAL DE WORDPRESS TUTORIAL DE WORDPRESS Editado por Cristina Alejos. www.pinturayartistas.com ACCESO AL BLOG EDICIÓN Y CREACIÓN DE ENTRADAS CREAR UN ENLACE A OTRA PÁGINA MÁS OPCIONES DEL EDITOR CREACIÓN Y EDICIÓN DE PÁGINAS

Más detalles

HTML Guía de trabajo para 3º ESO

HTML Guía de trabajo para 3º ESO HTML Guía de trabajo para 3º ESO Página 2 Índice 1. Qué es HTML?... 3 2. Cómo son las páginas Web?... 3 3. Qué es un sitio Web?... 3 4. Práctica 1. Crear un sitio web local... 4 5. Primera página HTML...

Más detalles

PERCISA Manual de Usuario

PERCISA Manual de Usuario 1 PERCISA 2 Índice de contenido 1. INTRODUCCIÓN... 3 1.1. A primera vista (Contenido de la página principal)...3 1.1.1. Qué usos tienen las partes de la portada?...3 1.2. El primer contacto como administrador...4

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

CURSO DE ACCESS 2007 BÁSICO

CURSO DE ACCESS 2007 BÁSICO CURSO DE ACCESS 2007 BÁSICO Aprender la gestión básica de datos empleando Access. El alumno a la finalización del curso sabrá crear una tabla, introducir, modificar y borrar los datos de la misma, realizar

Más detalles

7.1 Estructura Básica de jas Tablas

7.1 Estructura Básica de jas Tablas Las tablas permiten representar los elementos de una página en filas y columnas separadas entre si. Es una herramienta muy útil para ordenar contenidos de distintas partes de nuestra página. Las tablas

Más detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 Manual de Formulario info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 MANUAL DE FORMULARIO CONTROL DEL DOCUMENTOS Realizado (21/01/2010) Inmaculada Peña Ruiz Técnico Revisado

Más detalles

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

En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.

En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. 1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta

Más detalles

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html. Objetivos El alumno conocerá los elementos indispensables para crear una página web. Al final de esta práctica el alumno podrá: 1. Crear una página web básica utilizando html. Introducción El lenguaje

Más detalles

Manual de uso de Wordpress 2015

Manual de uso de Wordpress 2015 Manual de uso de Wordpress 2015 Introducción Sitio Completo Secciones y áreas del sitio Acceder al gestor de contenido Explorando el escritorio Administración de Entradas (Añadir nueva entrada, Editar,

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

HTML & Fila Zilla. Temario:

HTML & Fila Zilla. Temario: HTML & Fila Zilla Conocer la estructura de tus páginas te permite tener un control total sobre estas, sin mencionar, que también te permite modificar la apariencia de tus sitios con CSS y mejorar tu presencia

Más detalles

PRIMEROS PASOS EN WINDOWS

PRIMEROS PASOS EN WINDOWS 1. EL ESCRITORIO PRIMEROS PASOS EN WINDOWS En Windows el escritorio está prácticamente vacío al principio para que seamos nosotros los que decidamos qué queremos situar en él. De hecho sólo nos encontramos

Más detalles

Ejemplo de como hacer una Web inmobiliaria realizada en WordPress integrada con MultiLinkCRM

Ejemplo de como hacer una Web inmobiliaria realizada en WordPress integrada con MultiLinkCRM Ejemplo de como hacer una Web inmobiliaria realizada en WordPress integrada con MultiLinkCRM En este ejemplo veremos como hacer una Web para su inmobiliaria de una forma rápida y muy económica basada en

Más detalles

Introducción al desarrollo de plantillas de WordPress. jueves 22 de septiembre de 2011

Introducción al desarrollo de plantillas de WordPress. jueves 22 de septiembre de 2011 Introducción al desarrollo de plantillas de WordPress Hashtag #adwe_mur Introducción al desarrollo de plantillas de WordPress Indice - Breve introducción a WordPress - Estructura de un Theme - Conceptos

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

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

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

Documento de actualización de contenidos del sitio web graphoscc.com

Documento de actualización de contenidos del sitio web graphoscc.com Documento de actualización de contenidos del sitio web graphoscc.com Preparado por Emiliano Rodríguez Documento de actualización de de sitio web. v3.0 para Wordpress 4.3.1 con template Divi 2.5.3 1 Índice

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

Editor de textos para Drupal: TinyMCE

Editor de textos para Drupal: TinyMCE Editor de textos para Drupal: TinyMCE Cuando vayamos a editar el texto de una página, normalmente nos encontraremos con un editor de textos, similar a Word, pero para la web. Donde podamos usarlo encontraremos

Más detalles

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

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

Más detalles

Guía para crear, editar y eliminar páginas. WordPress Grupo Mutual

Guía para crear, editar y eliminar páginas. WordPress Grupo Mutual Guía para crear, editar y eliminar páginas WordPress Grupo Mutual Crear una nueva Página (1) 1. Ingresar a WordPress y acceder al panel de "Páginas": Crear una nueva Página (2) 2. Seleccionar uno de los

Más detalles

[MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL]

[MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL] [MANUAL DE CAPACITACIÓN PARA LA ADMINISTRACIÓN DEL SITIO WEB DE LA CONTRALORÍA GENERAL] [EDICIÓN DEL INICIO (HOME)] 1 2 3 5 4 1. Cambio Nota del Día Para cambiar la nota del día ubicada en el recuadro

Más detalles

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno

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

Una guía rápida para. Crear Autorespuestas

Una guía rápida para. Crear Autorespuestas Una guía rápida para Crear Autorespuestas En esta guía Aprende a establecer tus mensajes de seguimiento en modo automático con las Autorespuetas de GetResponse en las campañas de goteo, mensajes de bienvenida

Más detalles

Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web

Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web Curso: El uso de Internet y las TIC en el entorno escolar PRIMERA PARTE: Sitios web Por qué utilizar sitios web en educación? Los sitios web integran recursos variados, lo que los hace muy útiles en el

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

Manual de Administrador

Manual de Administrador Servicio Manual de Administrador Web 2.0 Servicio Web 2.0 Presentación Diseño Web Inicial Diseño Personalizado Control Contenidos Registro de Dominio Hosting en Servidor Correos Electrónicos Con Redes

Más detalles

Administración de menús en Joomla 2.5

Administración de menús en Joomla 2.5 Administración de menús en Joomla 2.5 Un menú es un elemento compuesto por diversos ítems que nos permitirán navegar por nuestro sitio web. Dichos ítems cuentan con una serie de características comunes

Más detalles

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO)

EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) EDITOR DE PÁGINAS WEB KOMPOZER (4º ESO) 1) INSTALACIÓN 2) CREAR LA ESTRUCTURA DE CARPETAS 3) ABRIR EL PROGRAMA 4) GUARDAR LA PÁGINA WEB 5) CERRAR EL PROGRAMA 6) ABRIR EL ARCHIVO HTML DESDE EL KOMPOZER

Más detalles