taller de blogs (1º parte)
DESCRIPTION
Primera sesión del taller "Empezando un Blog". Dictado por Víctor Camacho en la Fundación Francisco Herrera Luque.TRANSCRIPT
![Page 1: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/1.jpg)
Taller: Empezando un
blog
Instructor:Víctor M. Camacho
![Page 2: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/2.jpg)
Nociones básicas de seguridad
OMedios técnicos: Distintos programas (software) o aparatos (hardware) utilizados para violar la seguridad. Entre ellos estarían virus, trojanos, keyloggers.
OIngeniería social: «práctica de obtener información confidencial a través de la manipulación o investigación de los usuarios legítimos».
![Page 3: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/3.jpg)
Creando nuestra contraseña
No utilizar información personal como contraseña (Fechas, personas, mascotas, etc).
Las contraseñas deben incluir tanto minúsculas como mayúsculas, números y símbolos.
La contraseña debe tener al menos 8 caracteres.
Una contraseña diferente para cada servicio
Cambio periódico de la contraseña (mínimo una vez al año)
![Page 4: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/4.jpg)
¿Qué es un blog? web + log (Diario o bitácora) = weblog = weblogUn sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente.
![Page 5: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/5.jpg)
¿Por qué tener un blog?
El uso o tema de cada blog es particular, los hay de tipo: periodístico, empresarial o corporativo, tecnológico, educativo (edublogs), políticos, personales (variados contenidos de todo tipo) y otros muchos temas.A nivel personal:- Expresar tus ideas, pensamientos,
emociones, consejos, vivencias, etc.- Crear tu propia «marca personal» para
darte a conocer profesionalmente. Ideal para escritores, periodistas, analistas, y cualquier otra área profesional.
![Page 6: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/6.jpg)
A nivel corporativo o empresarial:- Darse a conocer. Tu
información a un click de distancia.
- Notificar noticias sobre productos, servicios, eventos u otras actividades de la empresa a los clientes.
- Posibilidad de interactuar con los clientes. Humaniza el negocio.
- Blogs corporativos internos. Comunicados internos a los empleados de la compañía.
![Page 7: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/7.jpg)
A nivel de organizaciones sociales (ONG):- Las plataformas son
económicas y sencillas de usar.- Darse a conocer la
organización en el resto del país y del mundo.
- Informar y sensibilizar. Modo efectivo de trasmitir noticias, comunicados, investigaciones, estudios, denuncias, eventos, campañas, talleres, artículos de opinión, etc.
- Captar posibles voluntarios o financiamiento.
![Page 8: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/8.jpg)
Desventajas o inconvenientes
• La alimentación del blog debe ser contínua. La falta de tiempo, falta de imaginación, falta de recursos, falta de dedicación hará fracasar el blog.
• Familiarizarse con el sistema de manejo de contenidos
• El éxito de un blog es a largo plazo, no hay recetas mágicas a corto plazo.
![Page 9: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/9.jpg)
Plataformas de Blogs Gratuitos
• Blogger: www.blogger.com• Wordpress: Wordpress.com ó Wordpress.org• Tumblr: www.tumblr.com• Joomla: www.joomlaspanish.org• Blog.com: www.blog.com• Livejournal: www.livejournal.com• Blogetery: www.blogetery.com• Google Sites: sites.google.com• Weebly: www.weebly.com• Jux: www.jux.com
![Page 10: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/10.jpg)
Entendiendo el HTMLEl HTML (HiperText Markup Language) es un lenguaje para la elaboración de páginas web.
El código de una página web suele estar construido de este modo:
<html><head><title> El título de la página </title></head><body> El contenido de la página </body></html>
![Page 11: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/11.jpg)
Entendiendo el HTMLPara insertar:• Texto en negritas: <b>El texto que deseas en
negrita</b>• Texto en cursiva: <i>El texto que deseas en cursiva</i>• Párrafos: <p>Tu párrafo</p>• Imágenes: <img src="dirección de la imagen">• Enlaces: <a href= "dirección del enlace"> Texto del
enlace o código de la imagen </a>• Alinear a los lados:
<div align="right"> Texto o imagen a alienear</div> (Right alinea la derecha; left alinea a la izquierda; center centra el objeto)• Color de la fuente: <font color="blue"> Tu texto a colorear</font>• Tamaño de la fuente y color: <font size="5" color=red> Tu texto a colorear</font>Página web recomendada (en
inglés): http://www.w3schools.com/html/default.asp
![Page 12: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/12.jpg)
Creando una cuenta en Blogger
Accedemos desde www.blogger.com. En caso de tener cuenta en Gmail, sólo basta ingresar nuestro correo y contraseña
![Page 13: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/13.jpg)
En caso de no tener una cuenta de Google (gmail), registrarse
Preferiblemente, el nombre de usuario debe ser sencillo, sin números, ni símbolos, ni muy largo
![Page 14: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/14.jpg)
![Page 15: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/15.jpg)
Desde acá podemos empezar a crear un blog
Nuestro Escritorio o Dashboard de Blogger
![Page 16: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/16.jpg)
Crear un blog nuevoUtiliza tu creatividad. Destácate con el título
Dirección sencilla. Sin número ni símbolos, fácil de recordar.
Elige tu plantilla o el estilo visual que tendrá tu blog. Es posible modificarlo después.
![Page 17: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/17.jpg)
¡El blog ya ha sido creado!
Empieza a publicar una entrada (también llamada «post» o «publicación».
Menú de nuestro blog
![Page 18: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/18.jpg)
Configuración del blog
Agrega una descripción breve de tu blog.Esto aparecerá bajo el título de blog
Es posible añadir tu propio dominio .com, .org, net
Añadir más autores al blog. Con la posibilidad de establecer más permisos para la adm. del blog.
![Page 19: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/19.jpg)
Configurar entradas y comentarios
Límite de posts o días a mostrar en la página de inicio del blog
![Page 20: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/20.jpg)
Configurando teléfono y correos
![Page 21: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/21.jpg)
Configurando idiomas y horarios
Ajustar a GMT -04:30 Hora de Venezuela
![Page 22: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/22.jpg)
Preferencias para los buscadores
Habilitamos la descripción para búsquedas. En términos generales, permite describir el blog ante los buscadores, pero también abre de describir los posts individualmente.
![Page 23: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/23.jpg)
Otras configuraciones
Elimina nuestro blog
Exporta o guarda el contenido de blog. (Formato xml)
Para subir el contenido de otro blog. (formato XML)
![Page 24: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/24.jpg)
Modificando nuestra plantilla
![Page 25: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/25.jpg)
Personalizando nuestra plantilla
![Page 26: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/26.jpg)
Añadiendo plantillas personalizadas
Desde « Crear/Restablecer copia de seguridad» se puede guardar la plantilla que ya utilizamos o subir una nueva.
![Page 27: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/27.jpg)
Lista de webs con plantillas otemplates para Blogger
• www.Btemplates.com
• Blogandweb.com/templates-blogger/
• Splashytemplates.com
• Deluxetemplates.net
• Allblogtools.com
• Blogcrowds.com/resources/blogger-templates/
• Templates-blogger.com
• Ourblogtemplates.com
• Bloggerstyles.com
![Page 28: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/28.jpg)
Conociendo nuestros widgets o gadgets
![Page 29: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/29.jpg)
Diseño: Widgets recomendados
![Page 30: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/30.jpg)
Agregar widget de una página de Facebook• Entramos a: https
://developers.facebook.com/docs/plugins/• Probamos el «like box», el gadget más usado.
Introducir URL de la página de FacebookIntroduce alto y ancho del widget
Muestra los avatares de los usuarios que te siguen.Color del fondo. (Sólo blanco y oscuro)
«Get code» nos dará el código que insertaremos al blog
Muestra o no las publicaciones de la página
![Page 31: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/31.jpg)
Agregar widget de perfil de Facebook(Badges o insignias)
• Entramos a: https://www.facebook.com/badges/• Probamos «insignia de pérfil», el gadget más usado.
Utilidad para insertarlo automáticamente en Blogger. Solo basta seguir los pasos indicados.
«Other» nos dará el código para insertarlo manualmente.
![Page 32: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/32.jpg)
Agregar widget de Twitter• Entramos a: https://twitter.com/settings/widgets o,
desde nuestra cuenta, entramos a «configuración» y después a «widgets».
Click en «Crear nuevo» para empezar.
![Page 33: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/33.jpg)
Agregar widget de Twitter
Datos que queremos que se visualicen en nuestro widget
Crear widget nos dará el código que insertaremos
![Page 34: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/34.jpg)
Insertando los códigos a nuestro blog• Desde Blogger accedemos a «Diseño», y ahí click
en «insertar gadget»• Nos aparecerá un recuadro con los distintos
widgets a mostrar. Ahí buscaremos «HTML/Javascript»
Introducimos el código que nos proporcionaron previamente, agregamos un título al widget y guardamos.Desde «Diseño» se puede modificar la posición del widget al arrastrarlo de lugar
![Page 35: Taller de blogs (1º parte)](https://reader036.vdocumento.com/reader036/viewer/2022062706/557b59b4d8b42a90078b4d8d/html5/thumbnails/35.jpg)
Fin de la 1era sesión