Estrategia de prompts, primeras ideas para su construcción
Unidad3-2013 4pc
1. Unidad III - 2013
Herramientas Web y Diseño Web
Prof. Edwin Raymundo Delgado
4to. Perito
2. SEMANA 1
Contenido de la unidad
• INTERNET
• Evolución y desarrollo de la web
• Navegadores y Motores de
busqueda
• Tecnicismos en Internet
HTML
• Introducción a HTML
• Etiquetas
• Navegadores
• Codigo fuente de una pagina web
• Tag y Tags basicos.
• Etiquetas de color de fondo
• Insertar elementos y Enlaces
• WEB 2.0
• • Recursos Web
UNIDAD III
DISEÑO WEB
3. Semana 2
Hoja de Trabajo No. 1
Actividad:
Instrucciones: Realice lo que
se le pide en cada fecha.
Fecha: Martes 20 de agosto
Investigue en Internet
información relacionada con
la evolución de la web y
realice una línea de tiempo
en Word, utilizando la
herramienta Smart Art.
Fecha: Jueves 22 de agosto
Realice un cuadro compartivo sobre los
principales navegadores que existen para
accesar a Internet e incluya el concepto , la
definición de Navegador, elabórelo con
creatividad.
Incluya en su cuadro comparativo:
a. Imagen del navegador
b. Fabricante
c. Versiones
d. Características o Ventajas
4. Semana 2
Hoja de Trabajo No. 2 ACTIVIDAD No. 2
FECHA: Viernes : 23 de agosto
TEMA: Diseño Web
Herramienta: Notepad ++
Tipo de actividad: Individual
Diseñe una pagina web creativa sobre el
valor “Honestidad”, en base a sus
conocimientos previos.
Aplique las etiquetas de cabecera, etiquetas
para color y las etiquetas para implementar
imágenes.
Sitio de referencia:
www.virtualnauta.com
www.librosweb.es
ACTIVIDAD No. 1
Viernes: 23 de agosto
Herramienta: Word
Tipo de actividad: individual
Elabore un esquema o una mapa mental, que
ilustre la clasificación de los Motores de
Búsqueda que existen para buscar información
en Internet.
Utilice un documento de Microsoft Word e
incluya imágenes y formas. Coloque en su
cuaderno el esquema o mapa mental impreso.
El trabajo individual, deberá subir su archivo a Moodle.
5. Semana 3
ACTIVIDAD No. 1
Martes : 27 de agosto
Instrucciones:
Practica de etiquetas que se utilizan
para darle formato al texto a una pagina
web y las etiquetas relacionadas con
hipervínculos.
Diseñe una página tipo directorio web,
que le permita acceder a:
A. Una Universidad
B. Un Banco
C. Un Restaurant
D. Un colegio de prestigio
ACTIVIDAD No. 2
Jueves : 29 de agosto
Entrega de Notas de Unidad
“NO HAY CLASE”, TRABAJAN EN SU
PROYECTO.
6. Semana 3
ACTIVIDAD No. 1
Viernes : 30 de agosto
Instrucciones:
Ingrese al sitio www.blogspot.com
y proceda a crear un blog
colaborativo, para poster las
futuras publicaciones de las
actividades realizadas en el aula.
Este blog será administrado por
una persona y tendrá su equipo de
colaboradores (los cuales deben
registrarse).
El blog deberá tener
diseño, configurado con
colores, esquemas, etc.
• ACTIVIDAD No. 2
Viernes : 30 de agosto
• Instrucciones:
• Ingrese al sitio www.prezi.com y
proceda a crear una presentación
colaborativa acerca del tema:
“Diseño Web”, que incluya los
siguientes tópicos:
• HTML
• XHTML
• HTML5
• BLOG
• GOOGLE SITES
• JAVASCRIPT
• FLASH
El 2do. Período será utilizado para
continuar con el proyecto de TICS, de
esta 4ta. Unidad.
7. Semana 4
TEMA: LISTAS, NUMERACIÓN Y TABLAS
Herramienta: Notepad++, Mozilla Firefox
Tipo de Actividad: individual
ACTIVIDAD No. 1
Martes : 03 de agosto
Instrucciones:
Considerando el ejemplo del docente, realice la
practica de listas y numeración, en un nuevo
archivo HTML.
Ejercicio:
Se requiere una lista con viñetas de las materias
que cursa en el presente ciclo escolar.
Se requieren dos listas:
a. Una lista de verduras con numeración
romana
b. Una lista de frutas con numeración alfabética
ACTIVIDAD No. 2
Jueves : 05 de agosto
Instrucciones:
Considerando el ejemplo del docente, realice la
practica de tablas en un documento HTML.
Ejercicio:
Se requiere una pagina web para un
Supermercado, para el departamento de Frutas
y Verduras, que describa lo siguiente:
• Nombre del articulo
• Precio
• Fotografía
8. Blog – Mapas Conceptuales
TEMA: Mapas Conceptuales
Herramienta: www.bubbl.us
Tipo de Actividad: Grupal
Instrucciones:
Ingrese al sitio, regístrese, la
actividad consiste en trabajar un
mapa conceptual
colaborativo, que incluya
pequeñas definiciones acerca de
los tecnicismos de uso en
Internet.
Invite a los miembros de su
blog, para que el producto final
sea elaborado por todos y luego
publique en su blog, la imagen
generada .
Semana 4
(en casa)
IMPORTANTE !!! MOODLE!!!
Suba un documento de Microsoft Word que incluya
el mapa elaborado, debidamente identificado:
HT3 - nombre, grado y sección
9. Semana 4
TEMA: LISTAS, NUMERACIÓN Y TABLAS
Herramienta: Notepad++, Mozilla Firefox
Tipo de Actividad: individual
Instrucciones:
Considerando el ejemplo del docente, realice la
practica de listas y numeración, en un nuevo
archivo HTML.
Ejercicio:
Se requiere una lista con viñetas de las materias
que cursa en el presente ciclo escolar.
Se requieren dos listas:
a. Una lista de verduras con numeración
romana
b. Una lista de frutas con numeración alfabética
ACTIVIDAD No. 2
Jueves : 05 de agosto
Instrucciones:
Considerando el ejemplo del docente, realice la
practica de tablas en un documento HTML.
Ejercicio:
Se requiere una pagina web para un
Supermercado, para el departamento de Frutas
y Verduras, que describa lo siguiente:
• Nombre del articulo
• Precio
• Fotografía
10. !! IMPORTANTE !!
Mapas Conceptuales
Recurso: www.text2mindmap.com
Instrucciones: Para programar una pagina
web, existen diferentes etiquetas, algunas
son para encabezados, otras para
formatos, existen para listas, etc.
Ingrese al sitio, diseñe un mapa que
describa los grupos de etiquetas que se
usan en el diseño de una pagina web y las
principales características de los lenguajes
de programación para Internet, como lo
son: HTML, XTML, PHP, JAVASCRIPT, ETC.
La imagén resultante del sitio:
Subala a Moodle, y identifiquela como:
Examen Corto - nombre, grado y sección
Semana 4
EXAMEN
CORTO
VIERNES:
6 DE
SEPTIEMBRE
11. Plantillas CSS-
Blogger
Semana 4
ACTIVIDAD de EXTRA POINTS
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.
12. Semana 4
Proyecto TICS
“Orgulloso de ser guatemalteco”
Supervisión
Evaluación del desarrollo
Seguimiento y observaciones
Del 09 al 13 de septiembre
Revisión del
blog, las
entradas, la
plantilla, el
desarrollo del
proyecto, las
sugerencias y
observaciones.