Tutorial blog
-
Upload
gabriel -
Category
Technology
-
view
658 -
download
1
description
Transcript of Tutorial blog
![Page 1: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/1.jpg)
Vamos a crear un blog
Tutorial blog (I)
![Page 2: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/2.jpg)
¿Qué es un blog?
• Sitio web donde artículos de uno o varios autores son recopilados cronológicamente .
• Los lectores pueden escribir sus comentarios, de forma que es posible establecer un diálogo. Interactividad en tiempo real.
• El uso o temática es variado. Sin depender de un editor.
Weblog
Bitácora
![Page 3: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/3.jpg)
Características principales
•Buscador de contenidos •Soporte multiusuario (varios autores) •Trackback o Enlace de Retroceso (un aviso automático cuando otro blog ha enlazado alguno de tus artículos) •Sistema de administración de plantillas o diseños •Generación de RSS para la sindicación de contenidos Administración de imágenes, videos e hipervínculos•Gestión de comentarios •Añadir complementos (Gadget)
![Page 4: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/4.jpg)
Anatomía de un blog
Título
Menúlateral
Entrada
![Page 5: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/5.jpg)
Estructura de una entrada
• Fecha
• Título
• Etiquetas
![Page 6: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/6.jpg)
Estructura de una entrada
• Texto
• Imagen
![Page 7: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/7.jpg)
Estructura de una entrada
• Enlace externo
• Autor
• Comentarios
![Page 8: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/8.jpg)
Comentarios = conversación
![Page 9: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/9.jpg)
Publicar un comentario
1. Escribir
2. Firmar
3. Vista previa
4. Publicar
![Page 10: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/10.jpg)
¿Nos hacemos un blog?
Blogger es un servicio de Google http://www.blogger.com
![Page 11: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/11.jpg)
Crear una cuenta Google
Cuenta de correo
Contraseña
Nombre en pantalla
Contra robots
![Page 12: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/12.jpg)
Elige nombre para el blog
Escribir aquí el título para tu blog.
Puede ser una palabra, una frase ...
Después se puede cambiar si no te gusta
Continuar
![Page 13: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/13.jpg)
Elige la dirección para tu blog
Escribir aquí la palabra para tu URL
No puede contener espacios, tildes, signos raros (ñ, ç). Puede tener números. Puede ser el mismo del título.
Comprobar la disponibilidad
Continuar
![Page 14: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/14.jpg)
Elige una plantilla
Esta será la apariencia de tu blog.
Elegir la que te gusteSe puede cambiar
después
Seleccionar
Continuar
![Page 15: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/15.jpg)
Ya está
Ya se puede empezar con el primer post o entrada
![Page 16: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/16.jpg)
Escribiendo una entrada
Debe estar activada esta pestaña
Elegir un título para tu artículo
Escribir el texto
![Page 17: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/17.jpg)
Darle forma
Atributos:
FuenteTamañoNegritaCursivaColorJustificaViñetasCorrector
![Page 18: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/18.jpg)
Escribiendo una entrada
Podemos optar por publicar directamente.Guardar: se guardará como borrador para luego publicar o hacer una vista previa por si necesitamos cambiar algo.
![Page 19: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/19.jpg)
Añadir una imagen
Añadir imagen
![Page 20: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/20.jpg)
Añadir una imagen
Buscar la imagen en tus archivos o desde una página web
Seleccionar y añadir
![Page 21: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/21.jpg)
Añadir una imagen
Podemos optar por publicar directamente o modificar algunos aspectos para lograrlo debemos seleccionar la imagen
![Page 22: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/22.jpg)
Añadir una imagen
![Page 23: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/23.jpg)
Para añadir un enlace
Escribir el texto a mostrar , seleccionar.
![Page 24: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/24.jpg)
Para añadir un enlace
Añadir enlace
![Page 25: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/25.jpg)
Para añadir un enlaceDebemos copiar la dirección (URL) que se quiere enlazar
![Page 26: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/26.jpg)
Para añadir un enlace
Ahora solo hay que pegar la dirección (URL) que se quiere enlazar
![Page 27: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/27.jpg)
Para añadir un enlace
Veremos que la palabra enlace a cambiado de color y está subrayada , esto indica que ya está activado.
![Page 28: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/28.jpg)
Escribiendo una entrada
Etiquetas: Palabras claves para buscar y organizar
![Page 29: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/29.jpg)
Escribiendo una entrada
Vista previaPara comprobar
antes de publicar
![Page 30: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/30.jpg)
Escribiendo una entrada
Guardar ahora: como borrador para publicar más tarde
Publicar: aparecerá en lapágina del blog
![Page 31: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/31.jpg)
Editar una entrada
Las entradas publicadas se pueden editar, lo podemos hacer activando el “lápiz” .
![Page 32: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/32.jpg)
Editar una entrada
Al activar la pestaña Editar entradas nos permite corregirlas, guardarlas como borrador e incluso eliminarlas.
![Page 33: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/33.jpg)
Editar una entrada
![Page 34: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/34.jpg)
Agregar páginasBlogger nos permite agregar páginas a nuestro blog
![Page 35: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/35.jpg)
Menú
ArtículosNuevosAntiguos
Configuración
Aspecto
![Page 36: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/36.jpg)
Opciones: Básico
Título: paracambiarlo si se desea
Descripción
![Page 37: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/37.jpg)
Opciones: Básico
Lo dejamos así
Después de los cambios,
Guardar
![Page 38: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/38.jpg)
Opciones: Publicación
Aquí está la URL: se puede cambiar.
Guardar
![Page 39: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/39.jpg)
Opciones: Formato
Entradas visibles (las más antiguas se guardan en archivos)
Formato de fecha y
hora
![Page 40: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/40.jpg)
Opciones: Formato
Zona horaria(Buenos Aires)
![Page 41: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/41.jpg)
Opciones: Formato
Por último,
Guardar
![Page 42: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/42.jpg)
Opciones: Comentarios
copiamos los tildes
![Page 43: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/43.jpg)
Opciones: Comentarios
En el caso de tener los comentarios siempre moderados ,debemos informar aquí esa situación, ya que los mismosse publicarán luego de nuestra aprobación.
Aquí escribimos la dirección de correo electrónico donderecibiremos los comentarios a moderar .
![Page 44: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/44.jpg)
Opciones: Archivo
Los archivos se guardan:
![Page 45: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/45.jpg)
Opciones: PermisosPuedes invitar a otros a escribir en tu blog
![Page 46: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/46.jpg)
Opciones: PermisosSe pueden eliminar en cualquier momento
![Page 47: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/47.jpg)
Opciones: Permisos
Puedes cambiar sus permisos:
Autor (sólo escribe)
Administrador(puede también invitar, modificar la plantilla ...)
![Page 48: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/48.jpg)
Opciones: PermisosPuedes decidir quien leerá tu blog
![Page 49: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/49.jpg)
Plantilla: Elementos de la páginaPuedes editar cualquier parte de la plantilla:
mover, eliminar ...
![Page 50: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/50.jpg)
Añadir elementos a la plantillaImagen
Html
Lista de enlaces favoritos
Texto breve
![Page 51: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/51.jpg)
Algunos consejos
• Legibilidad y corrección• Actualizar la información• Vincular, citar tus fuentes• Respetar y te respetarán• Compartir ideas, recursos, dudas• Crear comunidades y redes
![Page 52: Tutorial blog](https://reader035.fdocument.pub/reader035/viewer/2022081412/54573de0af795900058b502a/html5/thumbnails/52.jpg)
Posibilidades
• Apoyar el proceso enseñanza-aprendizaje• Compartir ideas • Fomento del debate• Trabajo colaborativo• Nuevos modelos y criterios de evaluación• Reflexión didáctica