Post on 15-Jun-2015
SYLLABUS
OFERENTE: FACULTAD DE INGENIERIA – DEPARTAMENTO DE INFORMATICA
ACTIVIDAD ACADÉMICA: DISEÑO DE SITIOS WEB BASICO (HTM)
CICLO: TÉCNICO PROFESIONAL
CÓDIGO: 02000615
NÚMERO DE CRÉDITOS: 2
PROFESOR: Docentes de informática
CORREO ELECTRÓNICO: area_informatica@cun.edu.co
HORARIO:
PLANTEAMIENTO DEL PROBLEMA:
Lenguaje de Marcas de Hipertexto es una tecnología de la información y la comunicación, es un instrumento esencial para el uso adecuado de las nuevas tecnologías, y ésta a la vez se nutre de las estrategias que le brinda la convergencia de medios para ejercer su actividad de enseñanza-aprendizaje.
La asignatura es una oportunidad para interesar a los estudiantes por las nuevas tecnologías, los avances tecnológicos o nuevos campos que cambiarán en nuestro futuro, teniendo como base un software básico como es el block de Notas y un navegador, con estas dos herramientas se puede alcanzar la convergencia tecnológica aumentando las competencias humanas y la capacidad de poner en contacto a los seres humanos de cualquier lugar y a cualquier hora en tiempo real.
Se puede aplicar en diferentes áreas de conocimiento y del saber.
PROPÓSITOS DE APRENDIZAJE
Conocer la integración de múltiples disciplinas, en beneficio de la optimización de los diversos procesos en una compañía.
Reconocer en forma real los elementos que componen una estructura HTML y visualizar los componentes de otras tecnologías observando su código su código fuente y poner manipularlo.
Adquirir destreza y habilidad en el manejo herramientas informáticas que contribuyan a su formación profesional, faciliten la ejecución de tareas, buen uso de recursos, capacidad de análisis y mejoramiento de capacidades productivas.Utilizar HTML Dinámico (DHTML), que es una mejora que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.
PROBLEMAS QUE SE ABORDARÁN EN EL DESARROLLO DE LA ACTIVIDAD ACADÉMICA.
¿Qué ventajas tiene el uso de E-Learning en procesos enseñanza aprendizaje con HTML?
¿Cómo aprovechar los beneficios de las propuestas de creación de una página HTML, desde la perspectiva profesional de su carrera?
¿Qué aplicaciones y/o servicios se puede realizar con dicha tecnología?
COMPETENCIAS
COMPETENCIA COMUNICATIVA: Adquiere destrezas en la presentación y sustentación de diversas temáticas mediante la utilización del Lenguaje de Marcas de Hipertexto
COMPETENCIA ARGUMENTATIVA: Conoce y sustenta términos y temas de actualidad relacionados con el manejo del lenguaje de Marcas de Hipertexto, que es un lenguaje Mundial.
COMPETENCIA ENCICLOPÉDICA: Pone en juego, en los actos de significación, comunicación e integración de los saberes que se manejan actualmente en el entorno informático y tecnológico.
ARTICULACIÓN DE LA ACTIVIDAD ACADÉMICA CON OTRAS ÁREAS DE CONOCIMIENTO
Área de Conocimiento:
Área de Informática Área TICS Área administrativa
Relación Con otras Actividades académicas:
Dado el carácter global que posee la asignatura se puede garantizar articulación, no solamente a nivel de asignaturas o cursos, sino a nivel de áreas completas del conocimiento, donde se puede destacar
Área de comunicaciones y la electrónica Área de TIC´S Área de administración Área de economía Área de finanzas Área de sistemas Área de cultura y arte Área de política y desarrollo de sociedad Área de medicina Área de ecología y medio ambiente
METODOLOGÍA DE APRENDIZAJE
La asignatura se desarrollara bajo el modelo de aprendizaje por proyectos y el aprendizaje colaborativo de la siguiente manera:
Durante las 16 semanas lectivas, los estudiantes deberán desarrollar un proyecto - investigación formativa alrededor de la convergencia tecnológica en la actual sociedad del conocimiento haciendo particular énfasis en la adecuada utilización de las tecnologías de la información la comunicación y los medios, de esta manera y con ayuda del docente acompañante, se guiara al estudiante en el desarrollo de su trabajo, allí deberá evidenciar el manejo adecuado de herramientas y servicios en línea y se realizará profundización especial en el manejo de internet y sus aplicaciones principales.
El trabajo estará soportado sobre lecturas, debates y toda actividad que permita desarrollar en el estudiante las competencias argumentativas, propositivas e interpretativas alrededor del tema central del curso.
A lo largo de las sesiones se brindaran a los estudiantes las herramientas y los procedimientos para el manejo especifico del ordenador en contenidos como manejo avanzado de bloc de notas y del navegador en el lenguaje demarcas de Hipertexto con la combinación de javascript, CSS (hojas de estilo en cascada).
PLANEACIÓN DEL PROCESO DE APRENDIZAJENUCLEOS DE APRENDIZAJE
PROPOSITOS DE
FORMACIÓN
COMPETENCIAS
(ACTUACIONES)
PROBLEMAS O PREGUNTAS
PROBLEMATIZADORAS
ACCIONES A DESARROLLAR (DESCRIPCIÓN
DE ACTIVIDADES Y CATEGORÍAS
DE APRENDIZAJE
TIEMPOS DE TRABAJO POR
CRÉDITOS: TUTORÍA, TRABAJO
AUTÓNOMO, TRABAJO
COLABORATIVO
BIBLIOGRAFÍA
Introducción HTML
-Definir los componentes mínimos de un lenguaje de Marcador de hipertextos.
- Proporcionar al estudiante
experiencias de aprendizaje
acordes con los avances
tecnológicos y necesidades de
su trabajo.
- Inculcar en al estudiante la idea de ser
generador activo de su propio aprendizaje, mediante la
utilización de lenguajes
acordes a la creación de una
página
Cómo aprovechar los beneficios de
la web creada con HTML
Las prácticas se llevarán a cabo en laboratorios de sistemas con acceso a
internet
Consulta de diversas fuentes para ilustrar el concepto
Realización de guías y talleres.
Consultar los diversos sitios no solo del profesor (ver direcciones en google docs área informática desde el correo institucional o desde la plataforma Moodle) que le sirvan de apoyo a la asignatura
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
(1 sesión de dos horas trabajo dirigido.)
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
1
Aulaclic.es
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
Estructura interna de una página HTML
-Definir los componentes mínimos de un lenguaje de Marcador de hipertextos.
- Proporcionar al estudiante
experiencias de aprendizaje
acordes con los avances
tecnológicos y necesidades de
su trabajo.
- Inculcar en al estudiante la idea de ser
generador activo de su propio aprendizaje, mediante la
utilización de lenguajes
acordes a la creación de una
página
¿Cómo cargar información en
Internet de manera Gratuita?
¿Cómo me relaciono con un
ambiente tecnológico
dinámico y cómo lo utilizo para
solucionar problemas
presentes en mi entorno?
¿Qué ordenador necesito para
realizar mi trabajo de una manera ágil?
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
(1 sesión de dos horas trabajo dirigido.)
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
2
Aulaclic.es
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
Salto de línea <br>
Párrafo <p>
Títulos <h1><h2><h3><h4><h5><h6>
Enfasis (<em> <strong>)
Definir los comandos de manejo de párrafo, salto de línea y Titulos
Diseñar páginas web con
párrafos, títulos.
¿Cómo cargar información en
Internet de manera Gratuita?
¿Cómo me relaciono con un
ambiente tecnológico
dinámico y cómo lo utilizo para
solucionar problemas
presentes en mi entorno?
¿Qué ordenador necesito para
realizar mi trabajo de una manera ágil?
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
3 Aulaclic.es
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
Hipervínculo a otra página del mismo sitio <a>
Hipervínculo a otro sitio de internet <a>
Hipervínculo mediante una imagen <a> y <img>
Manejar, desarrollar, formular el manejo óptimo de Hipervinculos.
Diseñar y modelar
hiperviculos de diferentes maneras
¿Cómo cargar información en
Internet de manera Gratuita?
¿Cómo me relaciono con un
ambiente tecnológico
dinámico y cómo lo utilizo para
solucionar problemas
presentes en mi entorno?
¿Qué ordenador necesito para
realizar mi trabajo de una manera ágil?
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
4 Aulaclic.es
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
http://www.htmlya.com.ar
/
Imágenes dentro de una página <img>
Hipervínculo a un cliente de correo <a>
Manejar, desarrollar, formular el manejo óptimo de imágenes
Manipular las imágenes en
una web
¿Qué beneficio tiene la inclusión de imágenes en
un sitio web?
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
5 Aulaclic.es
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
http://www.htmlya.com.ar
/
Anclas llamadas Manejar, desarrollar,
Crear anclas efectivas y
¿De qué manera se identifican
Consulta de diversas fuentes
(1 sesión de dos horas trabajo dirigido.)
Aulaclic.es
Lista
formular el manejo óptimo de Listas y anclas
manejo de listas en la web
varios ítems de manera que
queden resaltados o enumerados en
html?
para ilustrar el concepto
Realización de guías y talleres
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
6,7
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
http://www.htmlya.com.ar
/
Tabla
Tabla y combinación de celdas.
Manejar, desarrollar, formular el manejo óptimo de tablas
Crear y diseña tablas para la
web
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
(1 sesión de dos horas trabajo dirigido.)
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
8,9
Aulaclic.es
http://www.webestilo.com
/html/
http://www.desarrolloweb
.com/html/
http://html.conclase.net/
tutorial/html/
http://es.html.net/
http://www.htmlya.com.ar
/
Formulario –
Formulario - input type="text"/ input type="password"
Formulario - input type="checkbox"
Formulario - input type="radio"
Formulario - select (cuadro de selección individual)
Manejar, desarrollar, formular el manejo óptimo de formularios
Usar y diseñar los formularios
para la web
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
(1 sesión de dos horas trabajo dirigido.)
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
10,11
http://html.conclase.net/
tutorial/html/
http://es.html.net/
http://www.htmlya.com.ar
/
Frames Manejar, desarrollar,
Diseñar y usar el manejo de
¿Cómo se mejora la distribución de
Consulta de diversas fuentes
(1 sesión de dos horas trabajo dirigido.)
http://html.conclase.net/
Frames - Actualización de un frame a partir del enlace de otro frame
Frames - Propiedades del elemento frame
formular el manejo óptimo de frames
frames en la web
un sitio web?
¿Cómo se monta un sitio web.?
¿Cómo tramito el dominio y alquilo
un hosting?
para ilustrar el concepto
Realización de guías y talleres
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
12,13
tutorial/html/
http://es.html.net/
http://www.htmlya.com.ar
/
Introducción al javascript
Desarrollar una estructura con otro lenguaje para adecuar sus páginas web.
Crear, diseñar y manejar
funciones para la web de una manera oprima
¿Qué herramientas de
programación existen para mejorar el
rendimiento y funcionalidad de
una página?
Consulta de diversas fuentes para ilustrar el
concepto
Realización de guías y talleres
(1 sesión de dos horas trabajo dirigido.)
(2 horas para que el estudiante trabaje el taller dejado en clase en el sitio web definido para tal fin)
14,15,16
http://www.manualdejava
script.com/
http://www.desarrolloweb
.com/directorio/programacion/
javascript/manuales_de_java
script/
CRITERIOS DE EVALUACIÓN
Evaluación diagnostica: Para establecer el nivel de conocimientos que el estudiante tiene a cerca del tema, en cada clase se realizará un ejercicio práctico relacionado con el eje de aprendizaje tratado.Evaluación formativa: Le permite al docente y al estudiante detectar las fortalezas y debilidades, las cuales clase a clase y con el trabajo autónomo se debe mejorar.Evaluación sumativa: de acuerdo con la exigencia de la institución para cualificar el nivel de competencias y está compuesta por tres cortes, Primer corte 30%, segundo corte 30% y tercer corte 40% y la escala de las mismas es de 1 a 5, donde cada ejercicio taller tendrá su respectiva evaluación.
Lo anterior debe estar directamente relacionado con la metodología, los acuerdos pedagógicos logrados al inicio del curso y lo consagrado en el reglamento estudiantil.