Unidad III - 2013
Herramientas Web y Diseño Web
Prof. Edwin Raymundo Delgado
5to. Secretariado bilingüe

Semana 1
HT1 - Actividad
Instrucciones: Realice lo que se
le pide en cada inciso.
a. Investigue lo siguiente:
•¿Qué es un Blog?
•¿Que elementos o estructura
posee un blog?
•Tipos de blogs
•Sitios para almacenar blogs
(5 mínimo)
b. Con la información
encontrada elabore:
Un esquema que incluya los 3
primeros incisos.
Un cuadro comparativo de los
sitios, incluyendo sus
principales características.

Semana 2 – HT2
Actividad No. 1
Instrucciones:
Visite el sitio: www.blogger.com y utilice
su cuenta de correo electrónico de
gmail para crear un Blog
Colaborativo para el curso de
Tecnología.
a. Organización del blog
• Propietario del blog
• Colaboradores
b. Diseño del blog
• Estilo, colores, atributos, html
Plantillas
Infografía recomendada:
Uso de Blogger
http://www.eduteka.org/BlogsBlogger.php
Recursos web a utilizar:
Para la publicación de entradas en el
blog, se estarán realizando
actividades con ciertos recursos web
ya conocidos, y otros nuevos.
•Lineas de tiempo
•Mapas conceptuales
•Avatars
•Publicaciones en linea
(prezi, slideshare, powtoons, etc)
•Podcast y VideoCast
•Wikis
•Google Sites

Semana 3 – HT3
ACTIVIDAD No. 1 PARA EL BLOG
TEMA: Diseño Web
Herramienta 2.0: www.prezi.com
Tipo de Actividad: Grupal
Instrucciones:
Proceda a trabajar con su equipo
colaborativo una presentación en Prezi
sobre el tema de esta semana.
Una vez terminada la presentación, copie
el código que genera el sitio web para
insertarlo en su blog, como primer
entrada.
El trabajo individual, deberá ser publicado en un foro que se encuentra en
Moodle. Cada alumno, podrá comentar el avatar de cada compañero.

Semana 4 – HT4
Actividad No. 3 para el blog
TEMA: Líneas de tiempo
Herramienta: www.timetoast.com
www.preceden.com
Tipo de Actividad: individual
HISTORIA DEL INTERNET EN GUATEMALA
Instrucciones:
Proceda a trabajar en la herramienta
web, y diseñe una línea de tiempo,
relacionada con el tema.
Elija de su grupo cooperativo la mejor
línea de tiempo, copie el código que
genera el sitio web 2.0 para insertarlo en
el blog, como una nueva entrada.
El trabajo individual, deberá ser publicado
en un foro que se encuentra en Moodle.
Cada alumno, podrá visualizar y comentar
el producto elaborado de cada
compañero.

Semana 5 – HT5
Actividad 3 Para el Blog
TEMA: Las redes sociales
Herramientas: www.slideboom.com / www.issuu.com / www.sliderocket.com
Tipo de Actividad: individual
Instrucciones:
Proceda a trabajar en Google Drive con su
grupo colaborativo, y elaboren una
presentación sobre el tema asignado, luego
suba la presentación diseñada en cualquiera
de los sitios asignados para el efecto.
Terminada la actividad, copie el "embed
code" que genera el sitio web para insertarlo
en su blog, una nueva entrada.

Semana 6 – HT6
ACTIVIDAD No. 2 PARA EL BLOG
TEMA: Historia del Internet
Herramienta: www.voky.com
Tipo de Actividad: Individual
Instrucciones: Ingrese al sitio asignado,
regístrese y proceda a trabajar en forma
individual un avatar.
Publique un dialogo o archivo MP3 para su
avatar, el cual le permita presentar el tema y
dar breve explicación .
Elija de su grupo cooperativo el mejor avatar,
copie el embed code para insertarlo en el
blog, como una nueva entrada.
El trabajo individual, deberá ser publicado en un foro que se encuentra en
Moodle. Cada alumno, podrá comentar el avatar de cada compañero.

Semana 4 – HT7
Actividad No. 3 para el blog
TEMA: Alfabetización Digital
Herramienta: www.powntoons.com
Tipo de Actividad: individual
Instrucciones:
Proceda a trabajar en la herramienta
web, y relate en forma caricaturesca todo
lo relacionado a la temática.
Elija de su grupo cooperativo la mejor
publicación, copie el código que genera el
sitio web 2.0 para insertarlo en el blog,
como una nueva entrada.
El trabajo individual, deberá ser publicado
en un foro que se encuentra en Moodle.
Cada alumno, podrá visualizar y comentar
el producto elaborado de cada
compañero.

Plantillas CSS-Blogger
!! Actividad de Mejoramiento!!
TEMA: Cambio de Plantilla
Herramienta 2.0: Blogger
Tipo de Actividad: Grupal
Instrucciones:
Proceda a investigar, cual es el
procedimiento para implementar una
plantilla con código CSS a un blog.
Realice una copia de su blog a un nuevo
blog, aplique una plantilla CSS a ese blog
creado, ponga en práctica la información
que haya encontrado en Internet.