Download - Unidad3-2013 4pc

Transcript
Page 1: Unidad3-2013  4pc

Unidad III - 2013

Herramientas Web y Diseño Web

Prof. Edwin Raymundo Delgado

4to. Perito

Page 2: Unidad3-2013  4pc

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

Page 3: Unidad3-2013  4pc

Semana 2Hoja de Trabajo No. 1Actividad:

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 navegadorb. Fabricantec. Versionesd. Características o Ventajas

Page 4: Unidad3-2013  4pc

Semana 2Hoja de Trabajo No. 2 ACTIVIDAD No. 2

FECHA: Viernes : 23 de agostoTEMA: 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.comwww.librosweb.es

ACTIVIDAD No. 1Viernes: 23 de agostoHerramienta: WordTipo 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.

Page 5: Unidad3-2013  4pc

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.

Page 6: Unidad3-2013  4pc

Semana 3 ACTIVIDAD No. 1

Viernes : 30 de agosto

Instrucciones:

Ingrese al sitio www.blogspot.comy 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. 2Viernes : 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.

Page 7: Unidad3-2013  4pc

Semana 4 TEMA: LISTAS, NUMERACIÓN Y TABLAS

Herramienta: Notepad++, Mozilla FirefoxTipo de Actividad: individual

ACTIVIDAD No. 1Martes : 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 romanab. Una lista de frutas con numeración alfabética

ACTIVIDAD No. 2Jueves : 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

Page 8: Unidad3-2013  4pc

Blog – Mapas ConceptualesTEMA: Mapas Conceptuales

Herramienta: www.bubbl.usTipo 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

Page 9: Unidad3-2013  4pc

Semana 4 TEMA: LISTAS, NUMERACIÓN Y TABLAS

Herramienta: Notepad++, Mozilla FirefoxTipo 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 romanab. Una lista de frutas con numeración alfabética

ACTIVIDAD No. 2Jueves : 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

Page 10: Unidad3-2013  4pc

!! 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

Page 11: Unidad3-2013  4pc

Plantillas CSS-Blogger

Semana 4 ACTIVIDAD de EXTRA POINTS

TEMA: Cambio de PlantillaHerramienta 2.0: BloggerTipo 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.

Page 12: Unidad3-2013  4pc

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.