Que es un blog
-
Upload
josep-maria-ricart -
Category
Documents
-
view
80 -
download
0
Transcript of Que es un blog
![Page 1: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/1.jpg)
¿Qué es un blog?
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 2: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/2.jpg)
Qué es un blog
Un Blog es una publicación periódica en formato web, donde los artículos o posts se recopilan cronológicamente.
Características:
● Permite actualización fácil, gracias a que tiene un gestor de contenidos.● Posibilidad de colgar y enlazar material multimedia (fotos, vídeos, etc.)● Posibilidad de comentar e interactuar con nuestro público● Organización de material en categorías y tags● Suelen ser multiusuario● Suelen permitir instalación de pluggins
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 3: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/3.jpg)
Ejemplos y usos del blog en educación
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 4: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/4.jpg)
Ejemplos y usos
• Bitácora del profesor. Ejemplo: Taller de Dibujo Espiral Cromática
• Como repositorio (textual, gráfi co, multimedia) de material de apoyo para las clases. Ejemplo: Enseñ-Arte
• Blog de un centro educativo. Ejemplo: Escola d'art i disseny Serra i Abella
• Blog de un profesor compartiendo su aprendizaje TIC: Digizen
• Como espacio divulgativo con material relacionado con la asignatura. Ejemplo: Media Arts Education
• Como publicación editada conjuntamente por alumn@sy profesores, con el objetivo estimular la creación de contenidos por parte del alumnado. Ejemplo: Miss Bakers Biology Class Creatividad en la escuela
• Como espacio de propuesta de actividades y textos para la refl exión. Ejemplo: Pilar Pérez Educación Artística Comunicación Audiovisual
• Portafolio o espacio para mostrar el trabajo de l@s alumn@s. Ejemplo: Art of Apex High School The art Classroom
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 5: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/5.jpg)
Vamos a crear un blog!
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 6: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/6.jpg)
¿Qué plataformas existen?
Podemos alojar un blog en un servidor propio, o en un servidor de blogs. Los más utilizados son:
● Blogspot (Google)● Wordpress (Wordpress.com)
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 7: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/7.jpg)
Wordpress.com
Nosotros utilizaremos Wordpress porque:
- Está desarrollado bajo licencia GPL (libre)
- Usa tecnología y lenguaje PHP y MySQL (base de datos)
- Tiene una gran comunidad de desarrolladores que mejoran
continuamente sus funcionalidades.
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 8: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/8.jpg)
URL de nuestro blog
Título
Idioma
Visibilidad
Idiomas de los post
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Accedemos a www. wordpress.com y nos registramos en sign up. Rellenamos los pasos que nos piden y confi rmamos desde nuestro correo el alta.
Alta en wordpress.com
![Page 9: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/9.jpg)
El entorno de administración de Wordpress
En el menú superior están las opciones de usuario. Un usuariopuede tener varios blogs, así como suscribirse a otros blogs de la red de Wordpress
El menú lateral es el menú de opciones de edición del blog
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 10: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/10.jpg)
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Una vez registrados accedemos al escritorio de nuestro blog (Dashboard)
El entorno de administración de Wordpress
Acceso a
Ver blog público
Área de edición del blog
![Page 11: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/11.jpg)
Edición del blog
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Título blog y cabecera
Sidebar, zona de widgets
Entrada o post
Menú de páginas
Las zonas marcadas en rojo son las áreas más importantes de un blog. En este caso, estamosutilizando el tema o plantilla Twenty Ten.
![Page 12: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/12.jpg)
Edición del blog: ajustes > generales
Título del blog y descripción.
Icono del blog
Idioma, es importante para los buscadores
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En ajustes generales modifi camos aspectos generales del blog (título blog, subtítulo, formato horario, icono e idioma)
![Page 13: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/13.jpg)
Edición del blog: ajustes > privacidad
Visibilidad del blog: pública o privada
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En ajustes privacidad decidimos la visibilidad del blog
Visibilidad del blog: pública o privada
![Page 14: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/14.jpg)
Edición del blog: elección del tema
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En apariencia > temas podemos elegir entre una gran variedad de plantillas gratuitas.
![Page 15: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/15.jpg)
Edición del blog: la cabecera
Atención a las dimensionesrecomendadas
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En apariencia > cabecera, podemos cambiar la imagen de la cabecera de nuestro tema (Twenty Ten).
![Page 16: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/16.jpg)
Editar una página
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Vamos a crear las páginas
de nuestra barra de menú
![Page 17: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/17.jpg)
Crear una nueva página
Orden de las pestañas
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En páginas, vamos a añadir nueva. Escribimos el título y el contenido de la página
Página con o sin sidebarOrden de las páginas en menú
Página pública / privada
![Page 18: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/18.jpg)
Gestión de las categorías y etiquetas
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 19: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/19.jpg)
Organizar páginas en el menú
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En apariencia > menú, creamos un menú principal al que le asignamos las páginas que queremos que aparezcan en el menú.
Hay que cubrir todas las áreas marcadas en rojo
![Page 20: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/20.jpg)
Página de inicio y entradas
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En ajustes > escritura, decidiré cual será la página inicial del blog y en qué página se guardarán las entradas
![Page 21: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/21.jpg)
Editar una entrada
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
En entradas > añadir nueva, creamos las entradas que iremos publicando en nuestro blog.
Categorías y etiquetas de la entrada
![Page 22: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/22.jpg)
Editar una entrada: categorías y etiquetas
Al ser un blog una publicación periódica, es importante que los posts se organicen de alguna manera de forma que el lector pueda encontrar publicaciones anteriores, de una forma intuitiva.
Categorías y etiquetas son dos formas de organización del contenido del blog. Las encontramos en el lateral derecho de cada entrada.
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 23: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/23.jpg)
Editar una entrada o páginaEl editor de contenidos de Wordpress permite insertar imágenes, vídeos embebidos, así como editar los estilos de texto (negritas, cursivas, viñetas, etc.
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Insertar imagen Insertar
enlace
Para insertar videos, se recomienda insertar código del video en la pestaña html de la entrada
![Page 24: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/24.jpg)
Editar una imagen
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 25: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/25.jpg)
Editar una imagen
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 26: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/26.jpg)
Embeber un vídeo
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
![Page 27: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/27.jpg)
Modifi car el código html
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Si en algún momento quiero cambiar el tamaño de una imagen o video, puedo hacerlo a través del código de la pestaña html. Tendré que buscar las dimensiones width y height
![Page 28: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/28.jpg)
Editar el sidebar
Wordpress dispone de múltiples widgets para insertar en el blog. Para utilizar un widget tenemos que activarlo y arrastrarlo al sidebar o área donde queremos que aparezca.
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com
Los más importantes son:
- Nube de etiquetas- Nube de categorías- Enlaces (hay que crear listado de links o enlaces)Para que sean visibles)- Texto (que permite copiar código)
![Page 29: Que es un blog](https://reader034.fdocuments.es/reader034/viewer/2022042818/55ba0132bb61eb1b198b476c/html5/thumbnails/29.jpg)
Web: http://www.contenidosenred.comBlog: http://www.contenidosenred.com/blogFacebook: http://www.facebook.com/contenidosenredTwitter: http://twitter.com/contenidosenredDelicious: http://delicious.com/contenidosenred Formación: http://www.contenidosenred.com/formacion
Esta presentación es un extracto de la documentación de apoyo al taller 'Aplicación de herramientas 2.0 en educación' que imparte contenidosenred. Puedes difundirla siempre y cuando la cites; y copiarla y remezclarla siempre queapliques al documento una licencia Creative Commons.Para más información sobre este taller: [email protected]
‘Aplicación de herramientas 2.0 al ámbito educativo‘ Contenidosenred julio 2011 www.contenidosenred.com