DESCRIPCIÓN ESPECÍFICA

Transcripción

1 DESCRIPCIÓN ESPECÍFICA Nombre del Módulo: DISEÑO DE PÁGINAS WEB CON HTML. Código: CSTI0007 Horas certificables: 6 Objetivo General: Construir páginas Web a partir del sistema de etiquetas HTML Objetivos específicos Distinguir herramientas y entornos de trabajo para el World Wide Web. Herramientas para la construcción de páginas HTML Introducción Browsers Evolución de los visualizadores Browsers para WWW: Mosaic, Opera, Navigator, Mozilla, Internet Explorer. Visualizadores auxiliares Navegación off-line Editores Editores HTML "modo texto" Editores WYSIWYG Creación y gestión de espacios Web Generación de mapas Validación de páginas, WC Investiga sobre la historia de Internet apoyado de bibliografía convencional y electrónica. En parejas externa su opinión sobre los aportes que esta tecnología presenta. Analiza las características de los navegadores más populares, haciendo búsquedas en motores de búsqueda para Internet. Elabora y expone diagramas que sinteticen la utilidad de los mapas de los sitos web. Explica la relación existente entre los diferentes tipos de navegadores para Internet y el lenguaje de etiquetas HTML. Página 1 de 9

2 Reconocer la estructura básica de etiquetas para crear una página web con HTML. El lenguaje HTML Introducción Las versiones de HTML Elementos del lenguaje Caracteres especiales Directivas Comentarios Espacios, tabuladores y líneas Los browsers y el aspecto final del documento Estructura básica de un documento HTML Estructura de un documento HTML La etiqueta <HEAD>, <TITLE>, <BASE>, <LINK>, <META>, <BODY>. Analiza con artículos descargados del web las diferentes versiones de HTML existentes. Genera una lista de caracteres especiales en un procesador de palabras, propios del sistema de etiquetas HTML Reconoce a partir de conceptos teóricos de usabilidad, la distribución de las zonas de una página web. Visitando sitios en Internet, se identificarán las diferentes partes de una página web. Escribe una página web con HTML, explicando el alcance de cada una de las etiquetas utilizadas Página 2 de 9

3 Aplicar características especiales de formato al texto en HTML Organización del texto Saltos de línea y párrafos. Alineación Saltos de línea y párrafos Alineación Dirección del texto División de líneas Formatos especiales El estilo del texto Estilos físicos Estilos lógicos Estilos físicos frente a lógicos Cabeceras Separadores Listas Marcadas, numeradas, de definiciones, menús, listas "planas", "directorios", varios niveles y márgenes Construye páginas sencillas que contengan texto. Observa de otros sitios web, diferentes posibilidades de alineación de texto. Aplica saltos de línea para la construcción de párrafos. Efectúa formatos de texto especiales a las páginas web. Observa como se muestran listas simples de elementos en una página web con diferentes formatos. Aplica opciones de multinivel a listas ordenadas y desordenadas. Expone y aplica características de formato desde el código a una página web. Página de 9

4 Practicar el uso de los diferentes tipos de hipervínculos que ofrece el sistema de etiquetas HTML Hipertexto e hipergráficos Referencias locales Referencias internas a un documento Referencias a documentos HTML externos Enlaces a otros recursos Internet En parejas descarga información de Internet acerca de la teoría hipertextual. Construye páginas que conformen un pequeño proyecto y las vincula mediante enlaces de texto. Aplica enlaces a partir de gráficos que permitan vincular distintas páginas web. Construye hipertextos asociados a direcciones URL. Elabora vínculos que conecten a direcciones de correo electrónico o de transferencia de archivos. Dentro de una página web, se crean vínculos que permitan desplazarse a diferentes zonas de la misma página. Investiga en Internet y en bibliografía convencional, como manipular los atributos de un hipertexto. Construye páginas web, implementando hipervínculos locales y a otras páginas. Página 4 de 9

5 Diferenciar aspectos relacionados con la manipulación de imágenes en páginas web, con el uso de HTML. Confeccionar tablas en HTML que permitan organizar información variada en una página web. Imágenes Formatos gráficos GIF, JPEG y PNG Elección de formato gráfico La directiva <IMG> Textos alternativos y barras de comandos Alinear texto e imágenes Tamaño y disposición de las imágenes La directiva IMG y las mediciones en imágenes Tablas Tablas básicas Tablas avanzadas Opciones especiales de formato Agrupaciones de filas y columnas Aplicaciones de las tablas Tablas de imágenes y enlaces Notas al margen Texto en dos o más columnas Tabulación En grupo define los conceptos básicos que caracterizan los diferentes formatos de imágenes. Discrimina entre imágenes vectoriales y mapas de bits. Implementa la introducción de imágenes con la etiqueta IMG. Establece relaciones entre el acoplamiento del texto y de las imágenes. Aplica atributos que permiten manipular a gusto las imágenes. Analiza como los distintos tipos de imágenes y sus atributos, pueden generar peso en la página. Ejemplifica a partir de páginas activas en el web, la utilidad de la herramienta de tablas. Inserta tablas simples, manipulando su estructura. Diseña modelos complejos, insertando tablas dentro de tablas. Modifica atributos propios de las tablas, como anchos de celdas y bordes. Construye tablas que le permitan insertar imágenes e hipervínculos. Inserta imágenes y manipula sus parámetros, con el código HTML. Ejemplifica la construcción de páginas y la tabulación de datos dentro de una página web, con la herramienta de tablas. 2 4 Página 5 de 9

6 Construir frames (marcos) que faciliten la organización y el aspecto de una página web. Generar hojas de estilos para aplicar a diferentes documentos de HTML. Frames Qué son los frames? Estructura de un documento con frames: <FRAMESET> La directiva <FRAME> Modificando el aspecto de los frames El atributo target <NOFRAMES> Frames flotantes Ventajas y desventajas de la utilización de frames Hojas de estilo La directiva <STYLE> Tipos de selectores Mecanismos alternativos para asociar estilos a documentos Enlace a documentos externos Importar estilos El atributo style Propiedades de las hojas de estilo Unidades de longitud Propiedades asociadas a fuentes de letra Propiedades asociadas a colores y fondos Propiedades asociadas al texto Propiedades asociadas a cajas de texto Propiedades asociadas a la posición de un elemento Algunos consejos sobre la utilización de hojas de estilo Define la aplicación de frames para páginas web. Caracteriza las ventajas y sus desventajas evaluando diferentes criterios. Construye frames horizontales y verticales. Aplica etiquetas que permiten modificar el aspecto de los frames. Define el concepto de hojas de estilo, su importancia, ventajas y desventajas. Enumera los diferentes tipos de selectores. Crea y configura distintos tipos de estilos. Utiliza los estilos que diseña en la aplicación a documentos externos. Importa estilos para sus trabajos. Discrimina con prácticas dirigidas las propiedades de las hojas de estilos. Manipula atributos de fuentes, colores, texto, alineamientos y otros. Elabora una página web utilizando la herramienta de frames. Produce una página web, a partir de la construcción de una hoja de estilos en cascada. 6 6 Página 6 de 9

7 Fabricar formularios en HTML que permitan interactuar con el usuario. Relacionar objetos multimedia y complementos, con documentos creado en HTML. La entrada de usuario Introducción a los Formularios La directiva INPUT, TEXTAREA, SELECT, BUTTON, FIELDSET y LEGEND Estilo y formularios Tabulaciones Formularios y listas Matrices de selección Botones de varias funciones Objetos multimedia Formatos multimedia. Introducción a los plug-ins Asociando un plug-in a un formato multimedia Mecanismos generales de inserción de objetos <MARQUEE> y <BGSOUND> La directiva <APPLET> <PARAM> Atributos de <APPLET> La directiva <EMBED>, <OBJECT> Atributos básicos de <OBJECT> Atributos adicionales de <OBJECT> Incorpora objetos simples para el trabajo con formularios dentro de una página web. Relaciona aspectos de estilo a la implementación de formularios. Diseña botones para manipular la entrada de datos por parte del usuario de la página web. Establece la importancia de aplicar objetos Multimediales a la página web. Caracteriza los formatos más comunes asociados al trabajo web. Considera la necesidad de utilizar distintos tipos de software para la utilización de un objeto multimedia. Define y manipula distintos atributos que se aplican al uso de objetos multimedia. Crea una página web implementando un formulario y sus respectivos controles. Inserta con etiquetas del lenguaje HTML objetos Multimediales. Página 7 de 9

8 IV. LINEAMIENTOS DE EVALUACIÓN Con base en el análisis de los objetivos, contenidos y duración en horas de este módulo, se obtuvieron los valores porcentuales de las áreas que a continuación se presentan: ÁREA VALOR Socioafectiva: 10% Cognoscitiva: 25% Psicomotora: 65% Total 100 % Área Socioafectiva La finalidad de esta área es obtener información de la conducta manifestada por la persona participante durante el desarrollo de la acción formativa, específicamente en cuanto a comportamientos, valores, actitudes y sentimientos. Los aspectos por evaluar en esta área deben ser desarrollados y promovidos por la persona encargada de la formación durante el desarrollo del servicio de capacitación. Para su valoración se recomienda, la observación de los siguientes aspectos: Aspecto por observar Descripción Tipo de escala Participación Motivación Responsabilidad Expone sus aportes, dudas y consideraciones con el resto del grupo, y se encuentra presto a la reciprocidad de cualquier actividad. Figura como una persona afable y que irradia un sentimiento positivo y constructivista, para sí y para los demás. Acata las disposiciones en términos de tiempo, efectividad y objetividad, tal cual se plantean. %, valorado con las intervenciones que muestre en clase y su aporte al trabajo en equipo %, valorando el aporte para el crecimiento en el conocimiento de los compañeros y el propio. 4%, valorando el puntualismo en la presentación de las asignaciones y la calidad de las mismas Página 8 de 9

9 Área Cognoscitiva Para la evaluación de esta área se propone la realización de actividades de comprobación. A continuación se detallan: Actividad Objetivos N que abarca Nombre Valor % er Parcial Prueba Teórica 10% do Parcial Prueba Teórica 10% 1-10 Proyecto 5% Área psicomotora Para la evaluación de esta área se propone la realización de actividades de comprobación. A continuación se detallan: Actividad Objetivos N que abarca Nombre Valor % er Parcial Prueba Práctica 25% do Parcial Prueba Práctica 25% 1-10 Proyecto 15% Página 9 de 9