Guía numero 1 para el blog
-
Upload
norman-davila -
Category
Education
-
view
317 -
download
3
Transcript of Guía numero 1 para el blog
![Page 1: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/1.jpg)
![Page 2: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/2.jpg)
Con esto de crear el blog, también pensando en los dinamizadores
nuevos y en la falta de tiempo aún entre los mismo compañeros
hemos diseñado una guía para realizar un blog desde cero.
Ustedes son los Jueces de esta guía que estoy seguro la iremos
aterrizando según la necesidad que se vaya presentado.
Norman J. Dávila
Formador de Dinamizadores
Nicaragua
![Page 3: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/3.jpg)
INDENTIFIQUEMOS UN BLOG Y SUS FUNCIONES
Un blog es una bitácora, una forma de comunicar lo que estamos haciendo y una
manera rápida de llegar a una población de lectores virtuales eficazmente y al instante.
Esta actividad es sencilla, sin embargo basta con que conozcamos la guía que nos
lleve por pasos y se nos haga mas sencilla. Si eres ya usuario de facebook, netlog o
twitter notarás que para hacerlos es mucho más sencillo que en estas redes sociales.
Si has hecho un blog en wordpress.com te darás cuenta que es lo mismo, tiene
algunas variaciones pero es igual.
Para hacerlo utilizaremos un método Aprendo haciendo, por tanto te pido realices
cada ejercicio, vuelve a repasarlo una y otra vez si en algún momento te quedas
pegado como decir en el buen Nicaragüense entonces pide ayuda a tu formador de
dinamizadores y dile me quedé en el paso tal, de esta forma ganaremos tiempo y será
mucho más fácil ayudarte.
![Page 4: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/4.jpg)
La primera cuenta la crearemos en Slide.com que es un sitio que
se dedica a alojar en su sitio fotos y recursos que pueden
agregársele distintas opciones. Recuerda marcar la dirección en
tu barra de direcciones correctamente.
![Page 5: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/5.jpg)
El sitio es parecido a este o puede cambiar de aspecto, sin embargo es necesario presionar el botón Registrarse para crear una cuenta.El sitio es parecido a este o puede cambiar de aspecto, sin embargo es necesario presionar el botón Registrarse para crear una cuenta.
![Page 6: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/6.jpg)
Llenar el formulario es incluso más fácil que el de un correo llenamos los pasos con un correo válido y listo.
Llenar el formulario es incluso más fácil que el de un correo llenamos los pasos con un correo válido y listo.
![Page 7: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/7.jpg)
Una vez activa nuestra cuenta entramos con nuestro usuario y contraseña, con la que nos registramos Una vez activa nuestra cuenta entramos con nuestro usuario y contraseña, con la que nos registramos
![Page 8: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/8.jpg)
Una vez dentro del panel del slide.com tendremos las opciones para hacer nuestro sliderUna vez dentro del panel del slide.com tendremos las opciones para hacer nuestro slider
![Page 9: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/9.jpg)
Selecciona Crear un slideshow Selecciona Crear un slideshow
![Page 10: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/10.jpg)
Esta es la vista previa del slide, donde aparecerán las fotos que vayamos creando.Esta es la vista previa del slide, donde aparecerán las fotos que vayamos creando.
![Page 11: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/11.jpg)
En la parte derecha encontraremos los diseños, estos pueden seleccionarse según el gusto lo mejor es que Explorer hasta que encuentres el que te gusta. Te aconsejo que tomes tu tiempo a explorar cada paso.
En la parte derecha encontraremos los diseños, estos pueden seleccionarse según el gusto lo mejor es que Explorer hasta que encuentres el que te gusta. Te aconsejo que tomes tu tiempo a explorar cada paso.
![Page 12: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/12.jpg)
Encontraras más abajo que puedes personalizar tus diseños 1 a 1 según gustes o sea tu estilo o creatividad.
Encontraras más abajo que puedes personalizar tus diseños 1 a 1 según gustes o sea tu estilo o creatividad.
![Page 13: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/13.jpg)
En este espacio puedes cargar las fotos que necesitarás para subirlas al slide.com.
En este espacio puedes cargar las fotos que necesitarás para subirlas al slide.com.
![Page 14: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/14.jpg)
Siguiendo la dinámica cuando haces en el botón para cargar fotos podemos cargar las imágenes necesarias, recuerda que deben de ser pequeñas, he puesto de ejemplo una carpeta de imágenes, puedes buscarlas de las fotos que tomas en las AFT.
Siguiendo la dinámica cuando haces en el botón para cargar fotos podemos cargar las imágenes necesarias, recuerda que deben de ser pequeñas, he puesto de ejemplo una carpeta de imágenes, puedes buscarlas de las fotos que tomas en las AFT.
![Page 15: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/15.jpg)
Puedo perfectamente seleccionar las que yo quiera siempre y cuando tengan un tamaño aceptable.Puedo perfectamente seleccionar las que yo quiera siempre y cuando tengan un tamaño aceptable.
![Page 16: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/16.jpg)
En el proceso verás como se carga, para que puedas utilizar el slide.comEn el proceso verás como se carga, para que puedas utilizar el slide.com
![Page 17: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/17.jpg)
Una vez subidas deberías ver la vista previa de las fotos en el slide.Una vez subidas deberías ver la vista previa de las fotos en el slide.
![Page 18: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/18.jpg)
Luego cuando hayas escogido según tu gusto presiona en el botón GuardarLuego cuando hayas escogido según tu gusto presiona en el botón Guardar
![Page 19: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/19.jpg)
Luego rellenar los pasos informativos de este slide que has creado.Luego rellenar los pasos informativos de este slide que has creado.
![Page 20: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/20.jpg)
Finalmente guarda el slide show para que podamos compartilo con otros …Finalmente guarda el slide show para que podamos compartilo con otros …
![Page 21: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/21.jpg)
Una vez terminado los tres pasos anteriores podemos por fin compartirlo…Una vez terminado los tres pasos anteriores podemos por fin compartirlo…
![Page 22: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/22.jpg)
Selecciona Mi Slide para que podamos verlo en vista previa…Selecciona Mi Slide para que podamos verlo en vista previa…
![Page 23: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/23.jpg)
Aparecerá todos los que has subido, este debería ser el primero que has creado lo que debes hacer ahora es clicar en el primero para acceder a la pantalla completa.Aparecerá todos los que has subido, este debería ser el primero que has creado lo que debes hacer ahora es clicar en el primero para acceder a la pantalla completa.
![Page 24: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/24.jpg)
Finalmente disfrutamos de nuestra presentación en pantalla completa.Finalmente disfrutamos de nuestra presentación en pantalla completa.
![Page 25: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/25.jpg)
Notarás que en la parte izquierda tenemos distintas opciones para compartir:
Link: Embed: Blog (este nos interesa porque lo insertaremos en el blog de nuestro centro).Email: Puedes enviarlo por correo electrónico a quien quieras.Share:
Notarás que en la parte izquierda tenemos distintas opciones para compartir:
Link: es la dirección donde localizarlo.Embed: Es el código para programadores y el Blog (este nos interesa porque lo insertaremos en el blog de nuestro centro).Email: Puedes enviarlo por correo electrónico a quien quieras.Share: puedes compartirlos para Facebook.
![Page 26: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/26.jpg)
Al seleccionar Embed encontrarás este código, asegúrate de en el menú contextual selecciona copiar para que podamos utilizarlo.Al seleccionar Embed encontrarás este código, asegúrate de en el menú contextual selecciona copiar para que podamos utilizarlo.
![Page 27: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/27.jpg)
Una vez copiado abre Microsoft Word la versión que tengas y pega el código completo en Word.Una vez copiado abre Microsoft Word la versión que tengas y pega el código completo en Word.
![Page 28: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/28.jpg)
Lo que iremos marcando en amarillo son texto que quitaremos del código, lo haremos paso a paso. Primero eliminamos lo que está en amarillo hasta las comillas.Lo que iremos marcando en amarillo son texto que quitaremos del código, lo haremos paso a paso. Primero eliminamos lo que está en amarillo hasta las comillas.
Despues seleccionamos en amarillo desde las comillas despuesde swf hasta las comillas antes de Despues seleccionamos en amarillo desde las comillas despuesde swf hasta las comillas antes de Cy=.
![Page 29: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/29.jpg)
Lo que está en amarillo lo desapareceremos lo suprimiremos.Lo que está en amarillo lo desapareceremos lo suprimiremos.
Puedes notar que después del SWF hemos marcado un signo de interrogación, debemos agregarlo así celeste.
Puedes notar que después del SWF hemos marcado un signo de interrogación, debemos agregarlo así swf?. Puedes verlo en color celeste.
![Page 30: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/30.jpg)
Hemos agregado el signo de interrogación que no estaba.Hemos agregado el signo de interrogación que no estaba.
Al final debe quedar asíAl final debe quedar así
La Regla es que debe terminar hasta el punto com.La Regla es que debe terminar hasta el punto com.
![Page 31: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/31.jpg)
Agregamos al Código [swf]Agregamos al Código [swf]
Despues de .com agrego: ,420,320Despues de .com agrego: ,420,320
![Page 32: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/32.jpg)
Agregamos al Código [/swf]Agregamos al Código [/swf]
![Page 33: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/33.jpg)
Repasando:
![Page 34: Guía numero 1 para el blog](https://reader034.fdocumento.com/reader034/viewer/2022052507/5589cd09d8b42a472e8b45cd/html5/thumbnails/34.jpg)
Hasta aquí hemos hecho la lección 1:
Te recomiendo que primero domina esto del código no lo
entenderás rápido, pero practícalo y practícalo hasta que lo
entiendas, la clave de esto es persististe , igualmente no lo
entendía pero lo practique hasta lograrlo.
Domina esto primero y escríbeme a: [email protected]
para que veamos tu avance en el slide y el código…
Suerte:
Norman J. Dávila
Formador de Dinamizadores
Nicaragua