Unidad3-2013 4pc

Click here to load reader

  • date post

    12-Jul-2015
  • Category

    Education

  • view

    182
  • download

    4

Embed Size (px)

Transcript of Unidad3-2013 4pc

Unidad III - 2013

Unidad III - 2013Herramientas Web y Diseo WebProf. Edwin Raymundo Delgado4to. Perito

SEMANA 1

Contenido de la unidadINTERNET Evolucin y desarrollo de la web Navegadores y Motores de busqueda Tecnicismos en InternetHTML Introduccin a HTML Etiquetas Navegadores Codigo fuente de una pagina web Tag y Tags basicos. Etiquetas de color de fondo Insertar elementos y EnlacesWEB 2.0

Recursos Web

UNIDAD IIIDISEO WEB

Semana 2Hoja de Trabajo No. 1Actividad:Instrucciones: Realice lo que se le pide en cada fecha.

Fecha: Martes 20 de agosto

Investigue en Internet informacin relacionada con la evolucin de la web y realice una lnea 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 definicin de Navegador, elabrelo con creatividad.

Incluya en su cuadro comparativo:a. Imagen del navegadorb. Fabricantec. Versionesd. Caractersticas o VentajasSemana 2Hoja de Trabajo No. 2ACTIVIDAD No. 2FECHA: Viernes : 23 de agostoTEMA: Diseo WebHerramienta: Notepad ++Tipo de actividad: Individual

Disee 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 imgenes.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 clasificacin de los Motores de Bsqueda que existen para buscar informacin en Internet.

Utilice un documento de Microsoft Word e incluya imgenes y formas. Coloque en su cuaderno el esquema o mapa mental impreso.

El trabajo individual, deber subir su archivo a Moodle.Semana 3

ACTIVIDAD No. 1Martes : 27 de agosto

Instrucciones: Practica de etiquetas que se utilizan para darle formato al texto a una pagina web y las etiquetas relacionadas con hipervnculos.

Disee una pgina tipo directorio web, que le permita acceder a:

Una UniversidadUn BancoUn RestaurantUn colegio de prestigio

ACTIVIDAD No. 2Jueves : 29 de agostoEntrega de Notas de UnidadNO HAY CLASE, TRABAJAN EN SU PROYECTO.

Semana 3 ACTIVIDAD No. 1Viernes : 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 diseo, configurado con colores, esquemas, etc.

ACTIVIDAD No. 2 Viernes : 30 de agosto

Instrucciones: Ingrese al sitio www.prezi.com y proceda a crear una presentacin colaborativa acerca del tema: Diseo Web, que incluya los siguientes tpicos:HTMLXHTMLHTML5BLOGGOOGLE SITESJAVASCRIPTFLASH

El 2do. Perodo ser utilizado para continuar con el proyecto de TICS, de esta 4ta. Unidad.Semana 4 TEMA:LISTAS, NUMERACIN Y TABLASHerramienta:Notepad++, Mozilla FirefoxTipo de Actividad: individualACTIVIDAD No. 1Martes : 03 de agosto

Instrucciones: Considerando el ejemplo del docente, realice la practica de listas y numeracin, en un nuevo archivo HTML.

Ejercicio:Se requiere una lista con vietas de las materias que cursa en el presente ciclo escolar.

Se requieren dos listas:a. Una lista de verduras con numeracin romanab. Una lista de frutas con numeracin alfabtica

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 articuloPrecioFotografa

Blog Mapas Conceptuales

TEMA: Mapas ConceptualesHerramienta:www.bubbl.usTipo de Actividad: Grupal

Instrucciones:Ingrese al sitio, regstrese, la actividad consiste en trabajar un mapa conceptual colaborativo, que incluya pequeas 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 seccinSemana 4 TEMA:LISTAS, NUMERACIN Y TABLASHerramienta:Notepad++, Mozilla FirefoxTipo de Actividad: individualACTIVIDAD No. 1Martes : 03 de agosto

Instrucciones: Considerando el ejemplo del docente, realice la practica de listas y numeracin, en un nuevo archivo HTML.

Ejercicio:Se requiere una lista con vietas de las materias que cursa en el presente ciclo escolar.

Se requieren dos listas:a. Una lista de verduras con numeracin romanab. Una lista de frutas con numeracin alfabtica

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 articuloPrecioFotografa

!! 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, disee un mapa que describa los grupos de etiquetas que se usan en el diseo de una pagina web y las principales caractersticas de los lenguajes de programacin para Internet, como lo son: HTML, XTML, PHP, JAVASCRIPT, ETC.

La imagn resultante del sitio:Subala a Moodle, y identifiquela como: Examen Corto - nombre, grado y seccinSemana 4EXAMEN CORTO VIERNES: 6 DE SEPTIEMBRE Plantillas CSS-BloggerSemana 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 cdigo CSS a un blog.

Realice una copia de su blog a un nuevo blog, aplique una plantilla CSS a ese blog creado, ponga en prctica la informacin que haya encontrado en Internet.

Semana 4 Proyecto TICSOrgulloso de ser guatemalteco

Del 09 al 13 de septiembreRevisin del blog, las entradas, la plantilla, el desarrollo del proyecto, las sugerencias y observaciones.