Los blogs de Aulastic by Colegio San Félix

CONSTRUIMOS UN BLOG EN AULASTIC

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.

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. 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” CUÍDADO CON EL TAMAÑO IMAGEN (760x200) 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. 4

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 5

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

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

El tamaño de las imágenes no deberá sobrepasar los 400/ 450 píxeles de ancho 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)

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

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) [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.

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 9

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”

<p align="center"><object width="240" height="20" data="http://www.aulastic.com/nieves/sonidos/dewplayermulti.swf?son=http://www.aulastic.com/nieves/sonidos/canciu.mp3" type="application/x-shockwaveflash"><param name="bgcolor" value="#333300" /><param name="src" value="http://www.aulastic.com/nieves/sonidos/dewplayermulti.swf?son=http://www.aulastic.com/nieves/sonidos/canciu.mp3" /></object> 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

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

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 Si hay problemas para visionarlo actualizar la versión del flash

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) libro Type Category creative Language spanish 12

Target Uploadfile

área europa 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 <div><object style="width:420px;height:297px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=em bed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;show FlipBtn=true&amp;documentId=1011040941122c801a0ee4ef4d129c3c13484382facc&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

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.

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: <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=creacindeblogs101108180919-phpapp02&stripped_title=creacin-de-blogs5708910&userName=miguro" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse5708910" 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 14

Siguiente vez “Login in”….claves y buscar en My uploads, pinchando sobre cada uno nos aparece la pestaña Embed/copy Al convertirlo en swf no aparecen les floritures

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 15

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”

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

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