1

CONSTRUIMOS UN BLOG

EN AULASTIC

2

Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.

Antes de crear un blog, se necesita un tiempo de reflexión sobre que quiero que aparezca, cómo y primer artículo (intenciones del blog)

1. ESTRUCTURA DEL BLOG

Imagen descargada desde http://blog.educastur.es/ayuda/navegar-por-un-blog/

Cabecera, que integra el título del blog, y puede incorporar una imagen. A menudo, al hacer clic sobre el título o sobre cualquier zona de la cabecera, se vuelve a la página principal del blog.

Menú horizontal, para acceder a páginas estáticas. A diferencia de los artículos, las páginas no están sujetas a la organización cronológica.

3

Menú lateral, normalmente a la derecha, pero puede aparecer a la izquierda, y en algunos casos, a ambos lados, en función del nº de columnas de la maquetación. Comprende accesos a:

� Últimos artículos publicados (en orden cronológico inverso). � Acceso a páginas estáticas (al margen del orden cronológico). � Acceso a artículos por temas o categorías. � Repertorio de enlaces recomendados, o Blogroll, a menudo organizado también en

categorías. � Buscador. � Widgets. Son distintos elementos opcionales y personalizables, tales como

calendarios, nubes de etiquetas, etc.

Zona central, donde se presenta el contenido de los artículos, con imágenes y/o elementos multimedia.

2. ACCEDER A AULASTIC.COM/BLOGS/ (nombre que te han proporcionado)

� Pedir a Segundo que cree un blog, de momento vale cualquier nombre, luego se puede cambiar.

� Introduce las contraseñas que te dan

3. ASIGNAR NOMBRE AL BLOG

� En opciones/general. Puedes cambiar el nombre del blog � Asignar una dirección de correo electrónico…. � Cuando acabes “guardar cambios” � Para comprobar siempre que quieres puedes pulsar en “ver sitio”.

4

4. ASPECTO DEL BLOG (TEMA)

Algunos temas presentan opciones de personalización, para adaptarlos mejor a nuestras necesidades. No todos presentan las mismas opciones; en algunos se limitan a los colores de texto, o a la disposición de la barra lateral a la izquierda o a la derecha. Cuando un tema ofrece opciones de personalización, aparece un nuevo menú en “aspecto”

Una vez seleccionado el tema pulsar sobre él y luego “activar” Por ejemplo “Mistylook” te permite modificar la imagen de la cabecera. Para ello, necesitamos subir la imagen. En el explorador que se despliega, busca en “examinar” la imagen que quieres y “subir”

� Puedes comprobar como queda en “ver sitio”

WIDGETS. Los widgets nos permiten personalizar algunas secciones de la plantilla del blog, normalmente las barras laterales. Aspecto/widgets.

CUÍDADO CON EL TAMAÑO IMAGEN (760x200)

5

� Añadir y guardar cambios. � Es importante el de “META” porque nos permite acceso desde la dirección � Puedes comprobar como queda en “ver sitio” PLUGINS. Un plug-in es un módulo que añade una característica o un servicio específico a un sistema más grande.

� Sitúate en la pestaña plugins y vete activando los que consideres necesarios. Al menos:

� Anarchy media placer � Audio player � Cforms � External links � Flash video player � NestGem Gallery � Ph-embed flash � Peter’s Math Anti-Spam Image � Viper’s Video Quicktags. En este plugin

tienes que pinchar sobre “setting” y activar “Flash Video (FLV)”

� wordTube � WP Calameo � WP Issuu

� Cuando los activas los coloca en la parte superior, pero siempre puedes activar y desactivar a tu gusto

6

5. ESCRIBIR UNA ENTRADA (ARTÍCULO) El artículo es la unidad de contenido del blog y además de texto puede contener imágenes, presentaciones, música, vídeo, flash… Por defecto nos aparece un artículo “Hola mundo” Podemos modificarlo, borrarlo o hacer aquí la presentación de nuestro blog (con que intención se ha va construir)

� Puedes acceder al blog desde: http://aulastic.com/blogs/(nombre) � Desde la dirección del blog/meta (nos identificamos) � Tenemos 3 formas de acceder

� Le damos título � Escribimos el artículo. � Le asignamos una categoría.

Una vez escrito tengo dos opciones: � Guardar borrador, para poder completarlo o modificarlo con posterioridad y lo

haremos desde “Editar” � Previsualizar � Si estás de acuerdo publicar.

CATEGORÍAS: capítulos en los que se clasifican los artículos. Las entradas van dentro de las categorías, es una forma de clasificarlas. Para crear categorías, podemos hacerlo desde

7

� En categoría superior puedo crear una jerarquización de categorías

PÁGINA: cada una de las pestañas que salen arriba en el blog. No te clasifican los artículos y no te dejan poner otros temas o subtemas.

6. INSERTAR UNA IMAGEN

� Pulsar en Add media � Se despliega un menú con varias opciones:

� Desde ordenador, pulsando “seleccionar” se abre un pequeño navegador, para que busques en tu ordenador la imagen que quieres añadir

Hacer modificaciones a la imagen una vez insertada en el artículo.

� Al situarte encima de la imagen aparecen dos “símbolos” pulsa sobre el de la izquierda.

� Se despliega un nuevo menú y ahora en la pestaña “opciones avanzadas” te permite cambiar el tamaño de la imagen y poner un borde y definir espacio entre texto e imagen (en horizontal es aceptable 6)

El tamaño de las imágenes no deberá sobrepasar los 400/ 450 píxeles de ancho

8

7. INSERTAR UN ENLACE. Seleccionamos la palabra o frase donde quiero insertar el enlace y luego escribir la dirección. Si es Web, mejor nueva ventana

8. INSERTAR UN VÍDEO

DESDE NUESTRO ORDENADOR. � Realiza el vídeo y transformarlo a FLV. � Mete el vídeo en una carpeta, dale un nombre (sin ñ, tilde, espacios) y si quieres que

al abrir el blog no aparezca la imagen en negro, mete en esa misma carpeta una imagen.

� Pedir a Segundo claves de FTP. Es el programa que nos permite “subir el vídeo a nuestro servidor”.

� Asegúrate de que tienes instalado el programa que necesitamos. Se puede bajar de Educastur/Comunidad/recursos/ Software recomendado/FTP( filezilla 3.15) Sigue las instrucciones para su instalación.

� Al abrir el programa.

� En servidor ponemos aulastic.com � Usuario y contraseña (la que te han dado) � En la parte de la izquierda aparece lo que tienes en tu ordenador para que busques el

archivo a subir � En la parte derecha a donde lo tengo que subir. � Para ello te sitúas según la imagen y con el botón contrario del ratón “crear

directorio” crea una carpeta llamada vídeos. � Busca en la izquierda (tu ordenador, los archivos que quieres pasar y arrástralos

hasta la carpeta que has creado

9

� En el blog, copia en la pestaña html, el siguiente código. � Teniendo en cuenta que los datos que van detrás de aulastic.com tienen que atenerse

a la ruta de tu FTP (como hayas llamado la carpeta, imagen y vídeo)

DESDE YOUTUBE � Localiza el vídeo en internet � Sitúate sobre él � Copia de la dirección htpp solamente lo que está detrás del igual http://www.youtube.com/watch?v=F8vVrue61rc � Haz clic en el icono de youtube � En la ventana que se abre pega la ruta que has copiado

� Aceptar/guardar � Previsualizar y si estás de acuerdo publicar

[flv image="http://www.aulastic.com/nieves/Videos/imagen.jpg"]http://www.aulastic.com/nieves/Videos/video.flv[/flv]

Si al previsualizar compruebas que no aparece la imagen, comprueba en el FTP, pues en ocasiones modifica la extensión y escribe el JPG con mayúsculas, tenemos que cambiarlo.

10

SUBIR UN VÍDEO A YOUTUBE Otra opción es que una vez que has realizado el vídeo lo subas a youtube, para ello, pide las claves que el centro tiene y luego procede como en el caso anterior.

9. INSERTAR SONIDO

SUBIR UN ARCHIVO PROPIO � Hacer una carpeta de sonidos en el directorio de FTP � Subir el reproductor “dewplayer-multi.swf” dentro de la carpeta � Subir el sonido que deseemos a esa carpeta � Copia el código siguiente teniendo en cuenta “tu ruta”

� Pega en la pestaña HTML � Guardar borrador � Previsualizar/ publicar

DESDE UN ALOJAMIENTO WEB “GOEAR”

� Entrar en http://www.goear.com/login.php � Registrarse

� Entrar con login

<p align="center"><object width="240" height="20" data="http://www.aulastic.com/nieves/sonidos/dewplayer-multi.swf?son=http://www.aulastic.com/nieves/sonidos/canciu.mp3" type="application/x-shockwave-flash"><param name="bgcolor" value="#333300" /><param name="src" value="http://www.aulastic.com/nieves/sonidos/dewplayer-multi.swf?son=http://www.aulastic.com/nieves/sonidos/canciu.mp3" /></object>

11

� Seleccionar sube tu música/ se abre un navegador para que busques tu archivo/rellenar/aceptar/

� Selecciona “añadir a playlist”/Nuevo playlist � En crear dale un nombre y crear � Cuando acaba de crearla te sale un mensaje “se ha

creado correctamente. Haz clic para escuchar” � Copia “Pon el PlayList en tu web” � Pega en la pestaña HTML

DESDE UN ALOJAMIENTO WEB “DIVSHARE”

� Entrar en http://www.divshare.com/ � Registrarse en sign up � Confirmar el registro en tu cuenta de correo � Iniciar subida de archivo en “upload a file” � Seleccionar archivo de audio “select a file”/upload � More options/embed � Copia el código seleccionado

12

� Pega en el botón flash

10. INSERTAR FLASH � Buscar en Internet el archivo � Copiar la Url � En el editor de texto seleccionar flash “swf”

� Pega la dirección/aceptar/previsualizar/. Si estás de acuerdo, publicar

11. INSERTAR DOCUMENTOS DE TEXTO

� Entrar en la página: htpp//issuu.com � Seleccionar sign up y rellenar. Recibes un

correo en tu cuenta, para confirmar y ya puedes empezar.

� Siguiente vez “Login in”….claves…login in/ My library/upload document/bronse y completar

� En brose se despliega un explorador para buscar el archivo

� Keygoords (hay que poner dos palabras separadas por comas)

� Type libro � Category creative � Language spanish

Si hay problemas para visionarlo actualizar la versión del flash

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="335" height="28" id="divplaylist"><param name="movie" value="http://www.divshare.com/flash/playlist?myId=13139950-cec" /><embed src="http://www.divshare.com/flash/playlist?myId=13139950-cec" width="335" height="28" name="divplaylist" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>

13

� Target área europa � Uploadfile lo crea y aparece en My library.

� Pinchar sobre la librería (y libro) Se despliega un menú donde puedo hacer los cambios necesarios. Pulsar la pestaña embed y copiar el código

� Pegar el código en la pestaña HTML.

OTRA FORMA. Copiar el código en un editor de texto

� Selecciona solamente el fragmento resaltado e insertarlo en el botón flash � Previsualizar. Aceptar. � http://issuu.com/josu/docs/manual_issuu_pdf � Existe también otro alojamiento que te permite hacer lo mismo. “CALAMEO”

12. INSERTAR PRESENTACIONES � Entrar en la página: http://www.slideshare.net/ � Seleccionar sign up y rellenar.

<div><object style="width:420px;height:297px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=101104094112-2c801a0ee4ef4d129c3c13484382facc&amp;docName=intercross_en_el&amp;username=miguro&amp;loadingInfoText=Intercross&amp;et=1288869592467&amp;er=94" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed

14

� Recibes un correo en tu cuenta, para confirmar y ya puedes empezar.

� Completar/publish. Lo convierte a swf � Cuando ya está pulsas sobre la imagen/Embed/te sitúas al principio y copias en el

editor de texto:

� Copiar la parte destacada � En el blog selecciona el icono de flash (SWF)

� En la ventana que se abre copiar la selección/guardar/previsualizar

<div style="width:425px" id="__ss_5708910"><strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/miguro/creacin-de-blogs-5708910" title="Creación de Blogs">Creación de Blogs</a></strong><object id="__sse5708910" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=creacindeblogs-101108180919-phpapp02&stripped_title=creacin-de-blogs-5708910&userName=miguro" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse5708910"

15

� Siguiente vez “Login in”….claves y buscar en My uploads, pinchando sobre cada uno nos aparece la pestaña Embed/copy

13. INSERTAR GALERIA DE FOTOS ALOJAMIENTO EXTERNO � Entrar en la página: http://www.slide.com/ � Seleccionar registrarse y rellenar. � Crear slide � Buscar las imágenes que queremos añadir a nuestra

galería y personalizar

Imagen descargada desde http://blog.educastur.es/ayuda/navegar-por-un-blog/

� Guardar (obtener código) y rellenar créditos � Veremos nuestra presentación. En esta pantalla podremos establecer los créditos de

nuestra presentación: título, autor, etc. Una vez establecidos, hacemos clic en el botón y nuestra presentación habrá sido creada.

� Pulsa sobre Hi5 y sitúate al principio del código, copia

Al convertirlo en swf no aparecen les floritures

16

� Pega en la pestaña HTML � Previsualizar/Publicar

� Esta película necesita Flash Player 7 DESDE EL BLOG � Situarse en la pestaña Gallery y seleccionar Add Gallery

� Darle nombre y pulsar add gallery � Pulsar “upload images” y en la

ventana que se abre en “examinar” busco las imágenes que quiero subir a la galería. En “into” selecciona la galería que quiero usar. Si me da problemas para subirlas todas a la vez fíjate abajo a la derecha si pone “disable flash upload” y desactiva pulsando sobre el nombre, busca de una en una y luego “upload images”

� Una vez que ya está hecha la galería, vamos a meterla en un artículo. Editar/nueva entrada.

� Seleccionar el icono “nextgen”

17

� En el menú que se despliega elegir nuestra galería y en “show as”, tienes tres opciones de diseño de galería. Selecciona la que desees y pulsa insert.

� Guardar borrador/previsualizar/publicar � Desde Gallery/menaje gallery puedes borrar la galería � Desde Gallery/add gallery/images, puedes añadir más imágenes

14. EDITAR Desde esta pestaña se despliegan todas las entradas que tenemos publicadas. Situándonos encima de cada una, aparece debajo un menú que nos permite hacer las modificaciones que deseamos, hasta eliminar dicha entrada.

15. AÑADIR USUARIOS Nosotros no podemos añadir usuarios al blog, lo hará el administrador general, en nuestro caso Segundo. Es conveniente que el alumnado esté como autor, para que pueda realizar sus entradas y que las guarden como borrador, para evitar sorpresas desagradables

Rosa Ana Ruiz Miguélez

Si te decides por la opción slide, tienes que comprobar que está instalado el plugin necesario. Compruébalo en Gallery/options/slideshow y en “Path to the Imagerotator" copia: http://aulastic.com/blogs/maestro/wp-content/plugins/nextgen-gallery/imagerotator.swf En esta pantalla puedes modificar el tamaño de las fotos, el tiempo y tipo de transición…. Guardar cambios