Catálogos Digitales Creación de Páginas Web

Creación de Catálogos Digitales

Laboratorio Nº
Objetivos:

1. Abrir y convertir un trabajo Publisher en PDF

2. Registrar y configurar un usuario en CALAMEO
3. Subir a CALAMEO un trabajo y obtener el código de inserción
4. Insertar el código de inserción a una página web

Modelo Terminado

Autor: Alfredo Valdivia Pejerrey pág. 1 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Paso 1: Convertir un trabajo Publisher a PDF

Para publicar un catálogo en el sitio CALAMÉO, este archivo tiene que estar en uno de estos formatos:

Adobe PDF, Microsoft Word, Power Point, Excel, Text, Open Office Impress, Calc, Writer

1. Cargar el archivo de Publisher “Revista-Manu”

2. Clic en el menú Archivo / Guardar y enviar / Crear documento PDF/XPS / Crear documento PDF/XPS /

C
B D

Autor: Alfredo Valdivia Pejerrey pág. 2 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Quedo creado el archivo revista-manu en PDF

Autor: Alfredo Valdivia Pejerrey pág. 3 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Paso 2: Registrarse en el sitio web de CALAMÉO

1. Cargar el sitio de CALAMÉO:

http://es.calameo.com/
2. En la ventana, haga clic en regístrese gratuitamente

Mi nombre de cuenta

Mi dirección de correo electrónico

Mi contraseña

Autor: Alfredo Valdivia Pejerrey pág. 4 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Ejemplo de llenado

Clic

Clic

Revisa en tu cuenta de correo, el mensaje para activar tu cuenta

Clic

Autor: Alfredo Valdivia Pejerrey pág. 5 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Haga clic en el botón ACTIVAR MI CUENTA

Clic

El sitio de CALAMÉO activa tu cuenta y te da la bienvenida

Clic

Autor: Alfredo Valdivia Pejerrey pág. 6 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Vista del TABLERO DE MANDO

Paso 3: Publicar un archivo en mi sitio de CALAMÉO

1. Estando dentro de su cuenta de CALAMÉO, haga clic en el botón PUBLICAR
Clic

2. Seleccionar su archivo a publicar (revista-manu.pdf) y hacer un arrastre a la ventana de publicación

Autor: Alfredo Valdivia Pejerrey pág. 7 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web
3. Ahora se presenta un formulario para llenar (ficha General)

Llenar el título de
publicación

4. En la ficha Personalización hacer los cambios necesarios

Elegir un Skin

Elegir una imagen de

fondo

Clic en PUBLICAR
AHORA

Autor: Alfredo Valdivia Pejerrey pág. 8 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Subiendo su publicación

PDF publicado

Paso 4: Insertar publicación de CALAMÉO en una página Web

1. Abrir Adobe Dreamweaver, entrar al sitio web llamado SITIO-MANU
2. Abrir la página web llamada catalogo.html y ubicar el cursor.

Autor: Alfredo Valdivia Pejerrey pág. 9 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web
3. En la publicación de CALAMÉO (revista-manu) acerque el mouse y despliegue el control; en el menú
desplegado elija la opción incrustar

4. En la ventana Incrustar esta publicación, debe marcar la opción HTML y copiar el código

Clic

Clic

Autor: Alfredo Valdivia Pejerrey pág. 10 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web
5. Ir a Dreamweaver, página catálogo, ventana de código, presionar varios Enter (para generar varias líneas vacías)
y allí clic derecho y pegar.

Se pulsa varias
veces la tecla
enter

Aquí, haga clic

derecho y pegar

Quedará el código de inserción en la página web

Autor: Alfredo Valdivia Pejerrey pág. 11 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web
6. Quedará insertada la publicación; haga clic en el botón modo Diseño

No carga la publicación

Para corregir el error que se presenta, en Dreamweaver, página catálogo, seleccionar con un clic,
luego ir a la ventana de código y hacer la corrección que señalo, líneas abajo

Autor: Alfredo Valdivia Pejerrey pág. 12 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web
7. En la vista código vemos que en la dirección hacia CALAMÉO, falta la referencia hacia el protocolo HTTP

Clic aquí, y
modificar

Se corrigió aquí

8. Ahora vaya a la vista Diseño y previsualize en el navegador y tendrá el catálogo digital en su página web.

Autor: Alfredo Valdivia Pejerrey pág. 13 avaldivia2008@gmail.com

 Catálogos Digitales Creación de Páginas Web

Autor: Alfredo Valdivia Pejerrey pág. 14 avaldivia2008@gmail.com