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 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

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

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

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

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

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

Más detalles

Manual 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

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

TALLER COMPUTACIÓN II

TALLER COMPUTACIÓN II Prof. Martín Ferreyra TALLER COMPUTACIÓN II MANEJO AVANZADO DE MS WORD COMBINAR CORRESPONDENCIA Combinar Correspondencia Instituto Secundario John Kennedy Unidad 2. Combinar correspondencia (I) Mediante

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

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

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

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

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

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

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

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

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

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

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

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

Í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

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

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

Más detalles

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas

Más detalles

Tutorial de carga de fotos en www.sonmisamigos.es

Tutorial de carga de fotos en www.sonmisamigos.es Tutorial de carga de fotos en www.sonmisamigos.es Este documento describe paso a paso como cargar un conjunto de fotografías en la web www.sonmisamigos.es Paso 1: Seleccionar las fotos a cargar Antes de

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

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

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

Webquest Creator Manual*

Webquest Creator Manual* Tras el registro, si todo es correcto ya estaremos dentro de la aplicación sin necesidad de pasar por el menú Entrar. La siguiente vez que queramos editar o crear una webquest ya si http://www.culturaemprendedora.es/manualwq/wq_manual.htm

Más detalles

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

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

Más detalles

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

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

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

MANUAL DE USO DE LA APLICACIÓN

MANUAL DE USO DE LA APLICACIÓN MANUAL DE USO DE LA APLICACIÓN ÍNDICE 1. Acceso a la aplicación 2. Definición de funciones 3. Plantillas 4. Cómo crear una nueva encuesta 5. Cómo enviar una encuesta 6. Cómo copiar una encuesta 7. Cómo

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

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

Capítulo 8. Editar tablas de resultados

Capítulo 8. Editar tablas de resultados Capítulo 8 Editar tablas de resultados Los objetos del Visor de resultados adoptan, según sabemos ya, tres tipos de formato: texto, tablas y gráficos. Pero la mayor parte de los objetos adoptan formato

Más detalles

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

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

Más detalles

vbnmqwertyuiopasdfghjklzxcvbnmrty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc

vbnmqwertyuiopasdfghjklzxcvbnmrty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc vbnmqwertyuiopasdfghjklzxcvbnmrty uiopasdfghjklzxcvbnmqwertyuiopasdf ghjklzxcvbnmqwertyuiopasdfghjklzxc COMBINACIÓN DE CARTAS Y CORRSPONDENCIA vbnmqwertyuiopasdfghjklzxcvbnmqw ertyuiopasdfghjklzxcvbnmqwertyuiop

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

INSTALACIÓN DE SIESTTA 2.0 EN UN HOSTING (Ejemplo para Guebs.com)

INSTALACIÓN DE SIESTTA 2.0 EN UN HOSTING (Ejemplo para Guebs.com) INSTALACIÓN DE SIESTTA 2.0 EN UN HOSTING (Ejemplo para Guebs.com) A modo de post, vamos a complementar la documentación con una guía visual a través de la cual conseguiremos instalar SIESTTA 2.0 en un

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

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

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

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

Tutorial: Gestión básica de contenidos en SharePoint

Tutorial: Gestión básica de contenidos en SharePoint Tutorial: Gestión básica de contenidos en SharePoint Juan Segura Versión 1.1 11 de Noviembre de 2010 SEGURA DURAN ASSESSORS, S.A. Palma-Central: C/. Bartomeu Rosselló Porcel 5A. 07004 Palma. Madrid-Centro:

Más detalles

C APÍTULO 1 Gestión de documentos

C APÍTULO 1 Gestión de documentos C APÍTULO 1 Gestión de documentos En este capítulo encontrará unas sencillas indicaciones para cocripción somera del entorno de trabajo de Word, así como una referencia rápida a las funciones de las teclas

Más detalles

Para ponerlo en funcionamiento deberemos realizar los siguientes pasos:

Para ponerlo en funcionamiento deberemos realizar los siguientes pasos: Curso de Macros en Excel Nivel intermedio Como escribir una macro utilizando el Editor de Visual Basic. Como ejecutar una macro. Macros con libros. Movernos por un libro. Elementos repetidos Comparación

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

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

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

Ministerio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 10: Plantillas y estilos

Ministerio de Educación. Diseño de Presentaciones en la Enseñanza. Módulo 10: Plantillas y estilos Ministerio de Educación Diseño de Presentaciones en la Enseñanza Módulo 10: Plantillas y estilos Instituto de Tecnologías Educativas 2011 Diseño de Presentaciones en la Enseñanza (OpenOffice) Plantillas

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

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

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

Más detalles

Manual de NVU Capítulo 5: Las hojas de estilo

Manual de NVU Capítulo 5: Las hojas de estilo Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de

Más detalles

1. Qué es Blogger?... 3 QUÉ ES BLOGGER... 3 CONCEPTOS... 4. 2. Crear un Blog... 5 CÓMO CREAR UN BLOG... 5

1. Qué es Blogger?... 3 QUÉ ES BLOGGER... 3 CONCEPTOS... 4. 2. Crear un Blog... 5 CÓMO CREAR UN BLOG... 5 El curso Blogger, creado por KZgunea, se encuentra bajo licencia Creative Commons de Atribución-NoComercial-CompartirIgual_3.0_ (CC-BY-NC-SA_3.0) Índice del curso 1. Qué es Blogger?... 3 QUÉ ES BLOGGER...

Más detalles

Gestor de contenidos de la plataforma web

Gestor de contenidos de la plataforma web Gestor de contenidos de la plataforma web 2011 1 de 24 Funcionamiento del gestor de contenidos Acceso Para acceder al la extranet es necesario ir a la dirección web: http://www.tudominio.com/adm e introducir

Más detalles

TUTORIAL DREAMWEAVER 4 BÁSICO

TUTORIAL DREAMWEAVER 4 BÁSICO TUTORIAL DREAMWEAVER 4 BÁSICO Joan Lluis Ceprià Postgrau 2002/2003 - Noves Tecnologíes aplicades a l educació ÍNDICE 0 - CARPETA DE CONTENIDOS página 3 1 - LA PRIMERA PÁGINA WEB página 4 2 - ENLACES EXTERNOS

Más detalles

Espacios web con Ardora José Manuel Bouzán Matanza

Espacios web con Ardora José Manuel Bouzán Matanza Espacios web con Ardora José Manuel Bouzán Matanza Ardora permite al docente crear un lugar en el que integrar y organizar cualquiera de las distintas páginas o grupo de páginas que crea el programa: actividades

Más detalles

Combinar correspondencia (I)

Combinar correspondencia (I) Combinar correspondencia (I) Mediante la opción Combinar correspondencia Word2007 nos permite incluir en un documento, datos almacenados en otro sitio. De esta forma podremos obtener copias de un mismo

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

Configuración de un sitio local

Configuración de un sitio local Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes

Más detalles

MOODLE 1.9 EDITOR DE TEXTO HTML

MOODLE 1.9 EDITOR DE TEXTO HTML MOODLE 1.9 EDITOR DE TEXTO HTML Unitat de Suport Tecnicopedagògic - CAMPUS EXTENS Universitat de les Illes Balears. Edifici Aulari. Ctra. de Valldemossa Km. 7.5. 07122 Palma (Illes Balears) Primera edición:

Más detalles

MANUAL DE CREACIÒN DE PAGINAS WEB CON LA APLICACIÓN ON-LINE JIMDO

MANUAL DE CREACIÒN DE PAGINAS WEB CON LA APLICACIÓN ON-LINE JIMDO MANUAL DE CREACIÒN DE PAGINAS WEB CON LA APLICACIÓN ON-LINE JIMDO 0. ÍNDICE 1. REGISTRARSE EN JIMDO... 2 1.1. Registrarse en la aplicación... 2 1.2. Acceso a la edición de nuestro sitio web... 3 2. HERRAMIENTAS

Más detalles

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

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

Más detalles

Manual hosting acens

Manual hosting acens Manual hosting acens Contenido Acceso al panel de control de cliente... 3 Asociar un dominio a mi Hosting... 5 Acceso al panel de administración del hosting... 7 INICIO - Visión general del estado de nuestro

Más detalles

Manual de Usuario: Market Interact Basic

Manual de Usuario: Market Interact Basic Manual de Usuario: Market Interact Basic La fibra no tiene competencia ÍNDICE Introducción Contactos Importación Gestión de duplicados Grupos objetivo Nuevo grupo y asociación de contactos Nuevo grupo

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

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

TÉCNICAS DE GESTIÓN ADMINISTRATIVA PARA PEQUEÑAS EMPRESAS

TÉCNICAS DE GESTIÓN ADMINISTRATIVA PARA PEQUEÑAS EMPRESAS COMBINAR CORRESPONDENCIA CON OFFICE 2003 Combinar correspondencia nos permite incluir en un documento datos almacenados en otro lugar. De esta forma podremos obtener copias de un mismo documento pero con

Más detalles

Cloud Hosting. Cloud Hosting. Manual Instructivo. Primeros pasos con SmartMail versión 2

Cloud Hosting. Cloud Hosting. Manual Instructivo. Primeros pasos con SmartMail versión 2 Cloud Hosting Manual Instructivo Primeros pasos con SmartMail versión 2 SmartMail es una poderosa herramienta de Marketing vía email que le permite crear, administrar y analizar sus envíos de la manera

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

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

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

Hacer una página web con Kompozer

Hacer una página web con Kompozer Hacer una página web con Kompozer INTRODUCCIÓN Qué es Kompozer? es un editor de páginas web gratuito, con el que podemos crear las mismas de forma intuitiva sin tener que utilizar el lenguaje html (lenguaje

Más detalles

Normas para realizar un Blog

Normas para realizar un Blog Normas para realizar un Blog Normas Ejercicio 1 - Crear nuestro Blog. Ejercicio 2 - Crear una entrada para publicar un mensaje en el blog. Ejercicio 3 - Diseñar y Configurar nuestro blog. EJERCICIO 1 Crear

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

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

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

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

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

Í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

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

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

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

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

[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

Moodle para administradores de centro. Administradores de centro

Moodle para administradores de centro. Administradores de centro Moodle para administradores de centro Administradores de centro INDICE 1. Acercamiento a la plataforma 2. Hojear lista de usuarios 3. Acciones masivas de usuario 4. Agregar usuario 5. Subir usuario 6.

Más detalles

Manual de usuario de "Asistente Web"

Manual de usuario de Asistente Web Inicio > Construcción > Manuales de usuario > Asistente Web Manual de usuario de "Asistente Web" Qué hace este módulo? Asistente Web es un módulo que permite generar el esqueleto de nuestro sitio web en

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

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar

Más detalles

Tutorial de Moodle. Actividad Cuestionario

Tutorial de Moodle. Actividad Cuestionario Tutorial de Moodle Actividad Cuestionario Cuestionario Para qué sirve? El Cuestionario es una actividad autoevaluable, en la cual la nota se calcula automáticamente. Sirve al alumno como autoevaluación

Más detalles

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

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

Más detalles

TUTORIAL DE 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

Instalación de Joomla en un servidor de hosting

Instalación de Joomla en un servidor de hosting Instalación de Joomla en un servidor de hosting En este tutorial vamos a detallar los pasos a seguir para trasladar nuestro sitio Joomla creado en un servidor local a en un servidor de hosting definitivo.

Más detalles

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas. Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números

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

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