TABLA DE CONTENIDO INGENIERÍA INDUSTRIAL CURSO VIRTUAL DE DISEÑO Y CREACIÓN DE PÁGINAS WEB (BÁSICO) PRESENTACIÓN DE LA MATERIA

Transcripción

1 INGENIERÍA INDUSTRIAL CURSO VIRTUAL DE DISEÑO Y CREACIÓN DE PÁGINAS WEB (BÁSICO) PRESENTACIÓN DE LA MATERIA TABLA DE CONTENIDO 1. INTRODUCCIÓN A quién va dirigido? 1.2 Valor Agregado 2. OBJETIVOS Objetivo General 2.2 Objetivos Específicos 2.3 Tiempo Estimado 3. CONTENIDOS... 5 Módulo 1: Introducción a HTML Módulo 2: Contenido de una Página Módulo 3: Contenido avanzado Módulo 4: Distribución de Contenidos Módulo 5: Estilo de una página 4. PLAN DE TRABAJO ACTIVIDADES Y RECURSOS... 7 Actividades Recursos 6. EVALUACIÓN BIBLIOGRAFÍA Enlaces 8. PLAN DE DOCENCIA

2 Nombre de la Asignatura: Diseño y Creación de Páginas Web (Básico) Fecha de Actualización: Julio 5 de 2008 Créditos Académicos: 1 Área: Electiva No Técnica 1. INTRODUCCIÓN De acuerdo a las nuevas tendencias en cuanto a la globalización y masificación de la educación a través de las NTICs 1, es necesario ser concientes con aspectos tales como la calidad que dicha formación puede ofrecer, los beneficios que prestará a la sociedad y las limitantes que pueden poner en tela de juicio este proceso. La Escuela Colombiana de Carreras Industriales busca no solo estar a la vanguardia de los nuevos mecanismos de educación, sino también incorporarlos como parte de la cotidianidad de la comunidad que le conforma, para así promover nuevas competencias profesionales acorde a los perfiles laborales de hoy día y de paso formarlos de manera integral. La difusión de la información se ha orientado en gran medida a los medios digitales y electrónicos, siendo la Web y las pequeñas redes, los canales comúnmente usados para la transmisión de la misma y es aquí en donde cabe recordar la importancia que tiene la presentación de los datos para su comprensión y análisis, de ello depende que el uso que se le dé corresponda con los fines para lo cual se creó; los procesadores de texto entregan una variada gama de opciones para enriquecer y adornar los contenidos con el fin de hacerlos más llamativos y al mismo tiempo más comprensibles para su posterior interpretación, pero esto generalmente presenta dos problemas comunes: el tamaño final del archivo y el licenciamiento del software en el que se creó. Existe una solución para dichos problemas y es utilizar lenguajes libres orientados a la Web, por ejemplo, HTML, XML, PHP y JSP, combinados con CSS y XSL, con ello se puede estandarizar la presentación de la información, también hacerla más liviana, portable y libre de cualquier atadura a una licencia comercial. Con el fin de promover mecanismos que ayuden al profesional a desenvolverse en ambientes de tipo Web, la Escuela Colombiana de Carreras Industriales presenta el curso de Diseño y Creación de Páginas Web (Básico), con el cual pretende desarrollar las habilidades fundamentales para la construcción de contenidos orientados a Internet, centrándose específicamente en HTML y CSS para crear sitios estáticos de índole informativo. 1 NTICs: Nuevas Tecnologías de Información y Comunicación 2

3 A quién va dirigido? Este curso ha sido creado como parte de las Electivas No Técnicas que ofrecen los diferentes programas Académicos de la Escuela Colombiana de Carreras Industriales para la formación integral de la persona, por ende, cualquier estudiante de cualquier programa académico que esté interesado en el curso puede inscribirlo. Valor Agregado La creación de este espacio virtual permite ampliar las posibilidades de flexibilizar la educación, entregando libertad al estudiante, no solo en espacio y en tiempo sino también con la aproximación de sus necesidades particulares, además de hacerlos participes en este nuevo proceso de virtualización de materias e incorporación de nuevas tecnologías y metodologías de enseñanza-aprendizaje. 3

4 2. OBJETIVOS Estos son los objetivos que se buscan conseguir con el desarrollo del curso: Objetivo General Ofrecer las herramientas necesarias para que el estudiante de cualquier programa académico conceptualice y ponga en práctica los métodos y técnicas para elaborar páginas Web informativas con contenido estático basadas en HTML y CSS. Objetivos Específicos Familiarizar al estudiante con los ambientes virtuales de aprendizaje de forma conceptual y tecnológica. Fomentar actitudes de dialogo, respeto, retroalimentación y construcción grupal de conocimiento, reconociendo a los demás como parte fundamental del proceso de auto-aprendizaje. Permitir que el estudiante sea quien lleve su ritmo de aprendizaje pero ajustado al cronograma de curso. Apoyar el proceso formativo del estudiante obrando como guía y asesor de una educación personalizada, con el fin de dar seguridad y mantener el contacto humano. Dinamizar el proceso de aprendizaje mediante el uso de material acorde a la conceptualización, realización de ejercicios prácticos y socialización de resolución de problemas. Conocer y manejar los elementos básicos que permitan crear páginas, así mismo como los métodos y técnicas que permiten este desarrollo. Lograr que los estudiantes sean capaces de crear páginas de tipo multimedia haciendo uso del lenguaje HTML incluyendo hojas de estilos elaboradas con CSS. Tiempo Estimado El curso deberá llevarse a cabo en 15 semanas de clase, esperando que el estudiante dedique mínimo dos horas a la semana. 4

5 3. CONTENIDOS Módulo 1: Introducción a HTML Familiarización con la plataforma Moodle Introducción al curso Módulo 2: Contenido de una Página Qué es HTML? Versiones de HTML Navegadores y compatibilidad Editores Etiquetas Estructura de un archivo HTML o Identificador del tipo de documento o Cabecera de la página o Título de la página o La etiqueta <meta> o El cuerpo del documento o Los comentarios al código Módulo 3: Contenido avanzado Colores en hexadecimal Texto y formateo básico o Formato del párrafo o Saltos de línea o Las 6 cabeceras o Tipos de letra o Formato de frase o Líneas horizontales o Otros formatos Caracteres especiales o Caracteres extendidos o Caracteres de control Listas o Lista ordenada o Lista con viñetas o Lista de definición o Anidación de listas Hipervínculos y anclajes o Tipos de referencias o Destino de los enlaces o Formato o Puntos de fijación: Anclas 5

6 Módulo 4: Distribución de Contenidos Ubicación y jerarquía de archivos Imágenes o Formatos de imagen o Propiedades o Borde, tamaño y alineación Multimedia o Video y audio o Animaciones y películas flash o Controles ActiveX o Applets de Java Tablas o Filas, columnas y celdas o Propiedades o Formato de tablas o Formato de celdas o Combinación de celdas Capas o Definición o Propiedades Marcos o Definición o Tipos de marcos o Conjunto de Marcos o Compatibilidad con navegadores o Destinos de enlace y comunicación entre marcos Combinación de tipos de distribución Módulo 5: Estilo de una página Hojas de estilos o Introducción o Vinculación de hojas de estilo o Sintaxis o Propiedades De bloque De tipo de letra De formato del texto De color y fondo De clasificación Otras 6

7 4. PLAN DE TRABAJO Propósitos Tiempo Temas y Subtemas Actividades Recursos Familiarización con la plataforma virtual General Introducción al curso Módulo 1 - Aprender a utilizar la plataforma y/o reforzar conocimientos sobre el uso de esta - Clarificar y divulgar las reglas de juego del curso Semana 1 Semana 2 Capacitación estudiantil Ayuda de la plataforma Módulo 2 - Reconocer HTML como lenguaje para la creación de páginas Web, así como las restricciones de su uso y estándares para la publicación - Identificar la estructura básica de un documento HTML Módulo 3 - Crear la primera página e ir incorporando sintaxis del lenguaje HTML a medida que se profundice en los temas y se aumente la complejidad en los ejercicios Semana 3 Semana 4 Semana 5 Semana 6 Semana 8 Qué es HTML? Versiones de HTML Navegadores y compatibilidad Editores Etiquetas Estructura de un archivo HTML - Identificador del tipo de documento - Cabecera de la página - Título de la página - La etiqueta <meta> - El cuerpo del documento - Los comentarios al código Colores en hexadecimal Texto y formateo básico - Formato del párrafo - Saltos de línea - Las 6 cabeceras - Tipos de letra - Formato de frase - Líneas horizontales - Otros formatos Caracteres especiales - Caracteres extendidos - Caracteres de control Listas - Lista ordenada - Lista con viñetas - Lista de definición - Anidación de listas Semana 7 Hipervínculos y anclajes - Tipos de referencias - Destino de los enlaces - Formato - Puntos de fijación: Anclas Ubicación y jerarquía de archivos Evaluación (Primer Corte) Desarrollo primera evaluación del curso 7

8 Módulo 4 - Incorporar contenidos de tipo multimedia y aprender a organizar los archivos que hacen parte de la página - Mejorar la forma de presentación del contenido a través de estructuras como tablas y Capas, así mismo profundizar en aspectos como el diseño Módulo 5 - Realizar de manera técnica el diseño de la página mediante la incorporación de estilos Semana 9 Semana 10 Semana 11 Semana 13 Semana 14 Semana 15 Imágenes - Formatos de imagen - Borde, tamaño y alineación Multimedia - Video y audio - Animaciones y películas flash - Controles ActiveX - Applets de Java Tablas - Filas, columnas y celdas - Formato de tablas - Formato de celdas - Combinación de celdas Capas - Definición Marcos - Definición - Tipos de marcos - Conjunto de Marcos - Compatibilidad con navegadores - Destinos de enlace y comunicación entre marcos Combinación de tipos de distribución Semana 12 Hojas de estilos - Introducción - Vinculación de hojas de estilo - Sintaxis - De bloque - De tipo de letra - De formato del texto - De color y fondo - De clasificación - Otras Culminación del desarrollo del proyecto final Evaluación (Segundo Corte) de Participación - Autoevaluación de desempeño, evaluación del curso y del docente (Semana 14) Desarrollo segunda evaluación del curso (Semana 14) Semana 16 Semana 17 Evaluación (Tercer Corte) Entrega Proyecto final del curso 8

9 5. ACTIVIDADES Y RECURSOS Para llevar a cabo el temario del curso, es necesario establecer la forma en que este se impartirá de acuerdo a las actividades y recursos escogidos. Actividades : A partir del material elaborado, se espera que la teoría sea conceptualizada por el estudiante para abordar con mayor facilidad la temática del curso. : Es el espacio de debate en el que se plantean problemas relacionados a la temática del curso y se tiene retroalimentación asincrónica de los participantes con mediación del tutor. Se propone un foro de discusión por semana para abarcar los temas vistos con posibilidad de retomar otros foros. Trabajo Colaborativo: El trabajo en equipo hace parte fundamental de la relación social e interacción con los compañeros que permite crear conciencia del otro y promover valores como la solidaridad y el respeto, además es parte esencial de la construcción grupal de conocimiento. Evaluación: Este es el mecanismo que permite tener un acercamiento a la aprehensión que el estudiante ha tenido con respecto a los conceptos y a las prácticas realizadas en las semanas del curso. Se realizarán tres evaluaciones (cortes) a lo largo del curso y una evaluación parcial (revisión) del proyecto final. Autoevaluación: Es el medio que recoge las impresiones del estudiante sobre el desarrollo del curso y su evolución en este y a la postre entrega los resultados que determinan el nivel que alcanzó a lo largo de su proceso de auto-aprendizaje. Se realizará en la última semana del curso. Evaluación del Curso: Este medio permite recibir las conformidades, inconformidades y sugerencias para con el desarrollo del curso, metodologías de aprendizaje, actividades y recursos usados a lo largo del proceso de aprendizaje que necesiten mantenerse y/o mejorarse. Se realizará en la última semana del curso. Recursos Material Elaborado por el Docente: Son los documentos que el docente desarrolla para llevar a cabo los propósitos del curso. El peso del curso recae en gran medida sobre este material. : Herramienta de comunicación asincrónica basada en los sistemas de listas de correo, cuyo propósito es debatir y retroalimentar la comunicación para generar conocimiento social. 9

10 es: Estos trabajos y ejercicios permiten desarrollar las habilidades técnicas necesarias para poner en práctica los conceptos teóricos aprendidos con el correr de las semanas. Proyecto: Es un trabajo que abarca la mayoría de conceptos aprendidos y tiene como finalidad crear un sitio Web; este proyecto se presentará al finalizar el curso como tercera evaluación (tercer corte). 10

11 6. EVALUACIÓN Los métodos de evaluación permiten establecer si el estudiante ha alcanzado las metas y las competencias relativas al curso, de acuerdo a los parámetros establecidos para el desarrollo del mismo; también es un mecanismo de control que permite hacer diagnósticos sobre la situación de los estudiantes (tanto individual como grupal), del curso y del tutor. Este proceso contempla tres evaluaciones con los que se busca realizar un control sobre la aprehensión de los conceptos, métodos y técnicas para el desarrollo de páginas Web básicas; también se evaluará la participación en los foros de discusión. Se tendrán en cuenta los siguientes criterios: Participación en el foro (calidad) y retroalimentación a los compañeros Aprehensión de conceptos Proactividad e ingenio en la presentación de trabajos Aplicación de conceptos y métodos de desarrollo de páginas Web Disposición para el trabajo en equipo Respeto hacia los demás en cualquier tipo de comunicación El siguiente es el valor porcentual que se le entregará a cada una de las actividades: CORTE 1 (30%) 2 (30%) 3 (40%) ACTIVIDAD CANTIDAD DE ACTIVIDADES FECHA PORCENTAJE RELATIVO Foro Febrero 20 Febrero 35% Taller Febrero 6 Marzo 35% Primer Parcial 1 8 Marzo 13 Marzo 30% Foro Marzo 10 Abril 35% Taller Abril 17 Abril 35% Segundo Parcial 1 19 Abril 24 Abril 30% Foro 3 (Autoevaluación de desempeño, evaluación del 1 26 Abril 8 Mayo 35% curso y del docente) Taller Mayo 22 Mayo 35% Tercer Parcial (Entrega definitiva del proyecto final) 1 24 Mayo 29 Mayo 30% El valor porcentual de la columna CORTE corresponde al porcentaje que tiene el corte en la materia; el PORCENTAJE RELATIVO se refiere al porcentaje que tiene una actividad en un corte. La calificación que se entregará a cada actividad se hará entre el rango de 0 a 5, y se dará por aprobado el curso si la nota final (de acuerdo al peso porcentual expresado en la anterior tabla) es igual o mayor a

12 7. BIBLIOGRAFÍA HTML & XHTML: The Definitive Guide, 5 th Edition. Publisher, O'Reilly & Associates, Inc. Bill Kennedy, Chuck Musciano. Cascading Style Sheets: The Definitive Guide. Publisher, O'Reilly & Associates, Inc. Eric A. Meyer Javascript: The Definitive Guide, 4 th Edition. Publisher, O'Reilly & Associates, Inc. David Flanagan Enlaces

13 8. PLAN DE DOCENCIA Tiempo Temas y Subtemas Actividades Actividad Docente Familiarización con la plataforma virtual General 1. Bienvenida al curso 2. Acompañamiento con el uso del AVA 2 Introducción al curso Semana 1 3. Entrega y explicación de las reglas de juego 4. Entrega de material correspondiente 5. Apertura del Foro General del curso Semana 2 Semana 3 Semana 4 Semana 5 Semana 6 Semana 8 Qué es HTML? Versiones de HTML Navegadores y compatibilidad Editores Etiquetas Estructura de un archivo HTML - Identificador del tipo de documento - Cabecera de la página - Título de la página - La etiqueta <meta> - El cuerpo del documento - Los comentarios al código Colores en hexadecimal Texto y formateo básico - Formato del párrafo - Saltos de línea - Las 6 cabeceras - Tipos de letra - Formato de frase - Líneas horizontales - Otros formatos Caracteres especiales - Caracteres extendidos - Caracteres de control Listas - Lista ordenada - Lista con viñetas - Lista de definición - Anidación de listas Semana 7 Hipervínculos y anclajes - Tipos de referencias - Destino de los enlaces - Formato - Puntos de fijación: Anclas Ubicación y jerarquía de archivos Evaluación (Primer Corte) 3. Desarrollo foro 1: Mi Primera Página: conceptos básicos y estándares 3. Continuación foro 1: Mi Primera Página: conceptos básicos y estándares 4. Incentivación para la participación en el foro 3. Continuación foro 1: Mi Primera Página: conceptos básicos y estándares 4. Incentivación para la participación en el foro 5. Desarrollo del primer taller del curso 3. Cierre foro 1: Mi Primera Página: conceptos básicos y estándares 4. Cierre del primer taller del curso 1. Desarrollo de la primera evaluación del curso 3. Desarrollo foro 2: Mejores Prácticas 4. Incentivación para la participación en el foro 2 AVA: Ambiente Virtual de Aprendizaje (Plataforma Moodle) 13

14 Semana 9 Semana 10 Semana 11 Semana 13 Semana 14 Semana 15 Imágenes - Formatos de imagen - Borde, tamaño y alineación Multimedia - Video y audio - Animaciones y películas flash - Controles ActiveX - Applets de Java Tablas - Filas, columnas y celdas - Formato de tablas - Formato de celdas - Combinación de celdas Capas - Definición Marcos - Definición - Tipos de marcos - Conjunto de Marcos - Compatibilidad con navegadores - Destinos de enlace y comunicación entre marcos Combinación de tipos de distribución Semana 12 Hojas de estilos - Introducción - Vinculación de hojas de estilo - Sintaxis - De bloque - De tipo de letra - De formato del texto - De color y fondo - De clasificación - Otras Culminación del desarrollo del proyecto final Evaluación (Segundo Corte) de Participación - Autoevaluación de desempeño, evaluación del curso y del docente (Semana 14) 3. Continuación foro 2: Mejores Prácticas 4. Incentivación para la participación en el foro 5. Desarrollo del segundo taller del curso 3. Continuación foro 2: Mejores Prácticas 4. Incentivación para la participación en el foro 5. Continuación del segundo taller del curso 3. Cierre foro 2: Mejores Prácticas 4. Cierre del segundo taller del curso 1. Desarrollo de la segunda evaluación del curso 3. Desarrollo foro 3: Autoevaluación 4. Incentivación para la participación en el foro 5. Desarrollo del tercer taller del curso (Semana 14) 1. Acompañamiento tutorial 3. Cierre foro 3: Autoevaluación 2. Cierre del tercer taller del curso Semana 16 Evaluación 1. Desarrollo de la tercera evaluación del curso Semana 17 (Tercer Corte) Evaluación del proyecto final Semana 18 Habilitaciones 1. Realización de habilitaciones 14