Top Banner
TALLER DE EDUCACIÓN VIRTUAL Lic. Carlos Lozano Zapata Página Nro. 1 CREACION DE BLOG 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. El procedimiento para obtener un blogs es el siguiente: 1. Crear cuenta en google 1.1 El primer paso es crear una cuenta en google, para ello debe de ingresar en la barra de dirección www.google.com 1.2. Seleccionar la opción Gmail y seleccionar crear cuenta en la siguiente ventana 1.3 Llenar el formulario
13

Sesion crear blog

Jun 12, 2015

Download

Documents

IPAE

Tutorial de blog con web 2.0
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 1. TALLER DE EDUCACIN VIRTUALCREACION DE BLOG Un blog, o en espaol tambin una bitcora, es un sitio web peridicamente actualizado que recopila cronolgicamente textos o artculos de uno o varios autores, apareciendo primero el ms reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El procedimiento para obtener un blogs es el siguiente: 1. Crear cuenta en google 1.1 El primer paso es crear una cuenta en google, para ello debe de ingresar en la barra de direccin www.google.com 1.2. Seleccionar la opcin Gmail y seleccionar crear cuenta en la siguiente ventana1.3Llenar el formularioLic. Carlos Lozano ZapataPgina Nro. 1

2. TALLER DE EDUCACIN VIRTUAL 3.4 Acceder a su cuenta para comprobar la creacin de la misma y luego abandonar la sesin de la cuenta. 4. Cmo crear y configurar un blog en Blogger Si quiere crear un blog, usaremos uno de los sitios de mayor alojamiento de blog gratuitos, solo tenemos que escribir en la barra de direccin http://www.blogger.com Entonces aparecer la pgina principal de Blogger, en la que vas a realizar tres sencillos pasos 4.1. Primer paso: Acceder a la cuenta desde blogger Cuando entramos en Blogger, debemos ingresar la cuenta y contrasea creada en Gmail4.2 Registrar la cuentaLic. Carlos Lozano ZapataPgina Nro. 2 3. TALLER DE EDUCACIN VIRTUAL 4.3 Asignar nombre al Blog Para comprobar si esta disponible la direccin de su blog, es decir que esta siendo usada por otra persona, al momento de escribir el blog, hacer clic en Comprobar disponibilidad.4.4 Elegir plantilla Por ltimo, tendremos que elegir una plantilla, que es el diseo general del blog.Lic. Carlos Lozano ZapataPgina Nro. 3 4. TALLER DE EDUCACIN VIRTUAL 4.5 Creacin del blog terminada La siguiente ventana confirma la creacin de nuestro blog.Luego cerrar la sesin del blog. 5. Acceder al Blog Para acceder al nuevo blog, se puede hacerr de dos formas: 1. La forma ms sencilla es ir a la pgina principal de Blogger, y all nos presentan un pequeo formulario con un campo de texto y otro de contrasea. En el primero escribimos nuestro nombre de usuario, en este caso nuestra cuenta de Google y clic en el enlace Acceder, llegaremos a nuestro Escritorio del blog.2. Escribiendo la direccin completa del nuevo blog como, por ejemplo: http://tordonegro.blogspot.com. En este caso, aparecern unos enlaces en la parte superior del blog. Hay que hacer clic en Acceder, que est en la parte derecha, y entonces llegaremos a la pgina principal de Blogger para incluir nuestros datos. Si estamos conectados a Blogger en el navegador (por medio de las cookies), hay que hacer clic en el enlace Escritorio, y entraremos directamente a nuestro blog.Lic. Carlos Lozano ZapataPgina Nro. 4 5. TALLER DE EDUCACIN VIRTUAL 3.Ventana principalEn el panel de control aparecen otros enlaces importantes, que corresponden a las principales secciones de la administracin del blog: 1. Nueva entrada, para escribir un nuevo texto en nuestro blog. 2. Editar entradas, para ver todas las entradas escritas en el blog y editarlas. 3. Comentarios, si los hubiera, para mostrar todos los comentarios de nuestro blog. 4. Configuracin, para configurar nuestro blog, es decir, una serie de opciones para personalizarlo segn nuestros gustos y necesidades. 5. Diseo: para modificar el diseo elegido o escoger otro nuevo. 6. Monetizar: es una nueva opcin para ganar dinero con la publicidad de AdSense, propia de Google. 7. Estadisticas: Control de visitantes. Debajo del Escritorio, en la misma pgina, tenemos otras dos secciones. En la Lista de lectura aparecen las ltimas entradas de los blogs a los que estamos suscritos como seguidores o de otros blogs importantes. En Otras cosas recibimos informacin y ayuda sobre Blogger y otros aspectos relacionados con el blog. Conviene echar un vistazo a estas secciones de vez en cuando.Lic. Carlos Lozano ZapataPgina Nro. 5 6. TALLER DE EDUCACIN VIRTUAL 6. Crear Entradas El contenido de un blog hemos visto que no se limita a las entradas, porque tambin podemos aadir elementos en el lateral que sern muy visibles y que por tanto darn personalidad a nuestros blog. Sin embargo, el contenido del blog se expresa principalmente en sus entradas, que no solamente incluirn texto, sino tambin elementos interactivos y multimedia. 1Nueva entrada: se trata de la opcin en la que se abre esta seccin y donde vemos el editor de texto. 2. Editar entradas: donde aparecen en lista todas las entradas del blog y se pueden modificar o borrar. 3. Editar pginas: es la opcin reciente que permite crear pginas estticas. 4. Moderacin de comentarios: es una opcin que viene activada en la configuracin del blog, y con ella slo se publican automticamente los comentarios de los usuarios registrados en el blog, pero los que escriben los visitantes no se publican antes de que los aprobemos. Sin embargo, cuando ya hay publicados comentarios en el blog, aparece la pestaa Comentarios, donde podemos manejar todos los publicados en el blog.13465 76.1. Los elementos de una entrada de blog La entrada de blog o post, segn el trmino ingls muy extendido, consiste en los siguientes elementos, numerados en la imagen siguiente: 1. Ttulo de la entrada. Es importante no olvidarse de escribir un ttulo, porque si no, a los lectores les resultar difcil identificar la entrada.Lic. Carlos Lozano ZapataPgina Nro. 6 7. TALLER DE EDUCACIN VIRTUAL3. 4. 5.6.7.2. El editor, compuesto por una parte visual bajo la pestaa Redactar, y la parte de cdigo fuente bajo la pestaa Edicin de HTML. El editor visual est compuesto de una barra superior de botones para formatear el texto y para incluir elementos multimedia. Texto de la entrada, que puede ir acompaado de elementos multimedia e interactivos. Las etiquetas de esta entrada, que consisten en palabras o expresiones separadas por comas que definen y clasifican las entradas. Estas etiquetas o tags, segn la jerga, las podemos incluir en el lateral del blog mediante el gadget llamado Etiquetas para que los lectores lean las entradas que las incorporan. Si hacemos clic en el enlace Mostrar todo, se vern todas las etiquetas del blog. Las Opciones de entrada nos abren otra seccin del editor donde se pueden permitir o no los comentarios de los lectores o los vnculos, y donde se puede modificar la fecha y hora de la entrada. Por ltimo, la entrada se publica o se guarda sin publicar pulsando los enlaces correspondientes de la parte inferior que tienen fondos rojo y azul. Recientemente se ha aadido el botn Vista previa, que permite una visin exacta de cmo quedar la entrada o la pgina una vez publicadas.6.2 Botones de formato al texto Los botones para formatear el texto que aparecen en la barra superior del editor son parecidos a otros que se manejan en editores convencionales.6.2.1 Aadir un link Como crear un link que enlace a otras direcciones web a. Selecciones la palabra o elegir directamente la palabra Enlace b. En la siguiente ventana escriba la direccinLic. Carlos Lozano ZapataPgina Nro. 7 8. TALLER DE EDUCACIN VIRTUAL 6.2.3 Insertar imagen Para mejorar el aspecto de la publicacin de la entrada, podra insertar imgenes. a. Seleccionar el cono Imagen2134 56.2.4 Tamao y alineamiento de la imagen6.3 Crear presentacin de imgenes en modo de diapositivas 6.3.1 Seleccionar cono imagen6.3.2 Seleccionar cono subir para crear lbumLic. Carlos Lozano ZapataPgina Nro. 8 9. TALLER DE EDUCACIN VIRTUAL 6.3.3 Crear lbum6.3.4 Configurar el lbumLic. Carlos Lozano ZapataPgina Nro. 9 10. TALLER DE EDUCACIN VIRTUAL 6.3.5 Agregar imgenes al lbum a.Elegir Aadir elementos para seleccionar las fotos, estas fotos puede ser seleccionar pulsando la tecla CONTROL para seleccionar mas de una fotob. Seleccionar Subir para que cargue las fotos al sitio web216.3.6 Seleccionar el vinculo que permite seleccionar el cdigo HTML generado en el lbum a. Primero seleccionar Enlazar a este lbum para mostrar las siguientes opciones b. Luego seleccionar incrustar proyeccin de diapositivas.Lic. Carlos Lozano ZapataPgina Nro. 10 11. TALLER DE EDUCACIN VIRTUAL 6.3.7 Copiar cdigo HTML generado,, como tambin puede cambir el tamao de la imagen y si la presentacin es automtica o manual6.3.8 Configuar los ltimos toques a. Propiedades del lbum, para cambiar titulo b. Tapa de lbum, definir la imagen inicial a mostrar c. Mapa de lbum enlazar con la ubicacin geogrfica6.4 Cmo incluir un vdeo en el blog mediante cdigo 1. Vamos a la pgina donde se publican los vdeos; en este caso, YouTube. Elegimos un vdeo que nos guste y hacemos clic encima de l para ir al documento individual donde aparece ese vdeo. 2. All veremos, debajo del vdeo, el enlace Insertar. Si hacemos clic en l, se abre un recuadro que incluye el cdigo HTML del vdeo y una serie de opciones para personalizar el cdigo eligiendo el color y el tamao del reproductor, entre otras cosas. Ahora tenemos que realizar lo siguiente: hacemos clic encima de ese recuadro, y el cdigo se marcar si no estaba ya marcado. Despus, sin mover el cursor de all, hacemos clic en el botn derecho del ratn y elegimos la opcin que nos permite copiar ese cdigo en la memoria del sistema. 3. Por ltimo, abrimos una nueva entrada en nuestro blog, y pegamos el cdigo en la parte de Edicin de HTML del editor de textos.Lic. Carlos Lozano ZapataPgina Nro. 11 12. TALLER DE EDUCACIN VIRTUAL3.6.Aqu vemos algunas etiquetas del lenguaje HTML como , o , que tienen que tener tambin su etiqueta de cierre de esta manera: , o . Si alguna vez faltara alguna de ellas, el gestor de Blogger producira un error, y tendramos que escribirla, y suele pasar con la etiqueta de cierre de la etiqueta , que hay que volver a escribir una y otra vez porque el programa la borra. Dentro de las etiquetas hay algunos atributos, como width (anchura) y height (altura), con los que podramos cambiar las dimensiones del reproductor del vdeo simplemente modificando (las dos veces que aparecen cada uno) los nmeros que los acompaan y que corresponden a pxeles. Cmo insertar presentaciones Una de las novedades relativamente recientes en la Web es la posibilidad de incluir presentaciones del estilo Power Point en una pgina web. El lugar ms conocido donde podemos cargar una presentacin es SlideShare, y donde adems podemos utilizar cualquiera de las publicadas en esa web social. Cuando guardamos all una presentacin, sta pierde las transiciones y otras animaciones que tenga, pero se convierte en un objeto multimedia que podemos ver con toda comodidad conectados a internet. El procedimiento que se sigue es el de copiar el cdigode la presentacin en nuestro editor. Con la siguiente presentacin de ngel Puente podremos conocer ms a fondo la multimedia en los blogs: Crear su cuenta en SildeShare para que le permita subir sus diapositivasLic. Carlos Lozano ZapataPgina Nro. 12 13. TALLER DE EDUCACIN VIRTUAL 3.6.1 Cargar su presentacin al sitio de www.slideshare.net6.3.2 Observar la conversin de la presentacin a. En el cuadro de embed, copiar el codigo para introduccirlo desde el modo HTML en la entrada de la publicacinLic. Carlos Lozano ZapataPgina Nro. 13