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 APRENDIZAJE

NUCLEOS DE PROPOSITOS COMPETENCIA PROBLEMAS O ACCIONES A TIEMPOS DE BIBLIOGRAFÍA
APRENDIZAJE DE S PREGUNTAS DESARROLLAR TRABAJO POR
FORMACIÓN (ACTUACIONE PROBLEMATIZA (DESCRIPCIÓN CRÉDITOS:
S) DORAS DE TUTORÍA,
ACTIVIDADES Y TRABAJO
CATEGORÍAS AUTÓNOMO,
DE TRABAJO
APRENDIZAJE COLABORATIV
O
-Definir los - Proporcionar Cómo aprovechar Aulaclic.es
Introducción
componentes al estudiante los beneficios de Las prácticas se (1 sesión de dos
HTML llevarán a cabo horas trabajo
mínimos de un experiencias de la web creada con http://www.webestil
en laboratorios de dirigido.)
lenguaje de aprendizaje HTML sistemas con o.com/html/
Marcador de acordes con los acceso a internet (2 horas para
hipertextos. avances que el http://www.desarrol
tecnológicos y Consulta de diversas estudiante loweb.com/html/
fuentes para ilustrar trabaje el taller
necesidades de el concepto dejado en clase
su trabajo. en el sitio web http://html.conclase
Realización de guías definido para tal .net/tutorial/html/
- Inculcar en al y talleres. fin)
estudiante la Consultar los
http://es.html.net/
idea de ser diversos sitios no 1
generador solo del profesor
activo de su (ver direcciones
en google docs
propio área informática
aprendizaje, desde el correo
mediante la institucional o
utilización de desde la
lenguajes plataforma
Moodle) que le
acordes a la sirvan de apoyo a
creación de una la asignatura
página

Consulta de
diversas fuentes
para ilustrar el
concepto

Realización de
guías y talleres
-Definir los - Proporcionar ¿Cómo cargar Consulta de (1 sesión de dos Aulaclic.es
Estructura horas trabajo
componentes al estudiante información en diversas fuentes
interna de una dirigido.)
mínimos de un experiencias de Internet de para ilustrar el http://www.webestil
página HTML
lenguaje de aprendizaje manera concepto (2 horas para o.com/html/
Marcador de acordes con los Gratuita? que el
hipertextos. avances ¿Cómo me Realización de estudiante http://www.desarrol
trabaje el taller
tecnológicos y relaciono con un guías y talleres dejado en clase loweb.com/html/
necesidades de ambiente en el sitio web
su trabajo. tecnológico definido para tal http://html.conclase
dinámico y cómo fin) .net/tutorial/html/
- Inculcar en al lo utilizo para
estudiante la solucionar 2 http://es.html.net/
idea de ser problemas
generador presentes en mi
activo de su entorno?
propio ¿Qué ordenador
aprendizaje, necesito para
mediante la realizar mi
utilización de trabajo de una
lenguajes manera ágil?
acordes a la
 creación de una
página

Definir los Diseñar páginas ¿Cómo cargar Consulta de 3 Aulaclic.es

Salto de línea
comandos de web con información en diversas fuentes
<br>
manejo de párrafos, títulos. Internet de para ilustrar el http://www.webestil
Párrafo <p> párrafo, salto de manera concepto o.com/html/
línea y Titulos Gratuita?
Títulos
¿Cómo me Realización de http://www.desarrol
<h1><h
relaciono con un guías y talleres loweb.com/html/
2><h3>
ambiente
<h4><h
tecnológico http://html.conclase
5><h6>
dinámico y cómo .net/tutorial/html/
Enfasis (<em> lo utilizo para
<strong solucionar http://es.html.net/
>) problemas
presentes en mi
entorno?
¿Qué ordenador
necesito para
realizar mi
trabajo de una
manera ágil?

Manejar, Diseñar y ¿Cómo cargar Consulta de 4 Aulaclic.es

Hipervínculo a
desarrollar, modelar información en diversas fuentes
otra página del
formular el hiperviculos de Internet de para ilustrar el http://www.webestil
mismo sitio <a>
manejo óptimo diferentes manera concepto o.com/html/
Hipervínculo a de maneras Gratuita?
otro sitio de Hipervinculos. ¿Cómo me Realización de http://www.desarrol
internet <a> relaciono con un guías y talleres loweb.com/html/
ambiente
Hipervínculo
tecnológico http://html.conclase
mediante una
dinámico y cómo .net/tutorial/html/
imagen <a> y
lo utilizo para
<img>
solucionar http://es.html.net/
problemas
presentes en mi http://www.htmlya.c
entorno? om.ar/
¿Qué ordenador
necesito para
realizar mi
trabajo de una
manera ágil?

Manejar, Manipular las ¿Qué beneficio Consulta de 5 Aulaclic.es

Imágenes
desarrollar, imágenes en tiene la inclusión diversas fuentes
dentro de una
formular el una web de imágenes en para ilustrar el http://www.webestil
página <img>
manejo óptimo un sitio web? concepto o.com/html/
Hipervínculo a de imágenes
un cliente de Realización de http://www.desarrol
correo <a> guías y talleres loweb.com/html/

http://html.conclase
.net/tutorial/html/

http://es.html.net/

http://www.htmlya.c
om.ar/
 Manejar, Crear anclas ¿De qué manera Consulta de (1 sesión de dos Aulaclic.es
Anclas llamadas horas trabajo
desarrollar, efectivas y se identifican diversas fuentes
dirigido.)
Lista formular el manejo de listas varios ítems de para ilustrar el http://www.webestil
manejo óptimo en la web manera que concepto (2 horas para o.com/html/
de Listas y queden que el
anclas resaltados o Realización de estudiante http://www.desarrol
trabaje el taller
enumerados en guías y talleres dejado en clase loweb.com/html/
html? en el sitio web
definido para tal http://html.conclase
fin) .net/tutorial/html/

6,7 http://es.html.net/

http://www.htmlya.c
om.ar/

Manejar, Crear y diseña Consulta de (1 sesión de dos Aulaclic.es

Tabla horas trabajo
desarrollar, tablas para la diversas fuentes
dirigido.)
formular el web para ilustrar el http://www.webestil
manejo óptimo concepto (2 horas para o.com/html/
Tabla y
de tablas que el
combinación de estudiante
Realización de http://www.desarrol
celdas. trabaje el taller
guías y talleres dejado en clase loweb.com/html/
en el sitio web
definido para tal http://html.conclase
fin) .net/tutorial/html/

8,9 http://es.html.net/

http://www.htmlya.c
om.ar/

Manejar, Usar y diseñar Consulta de (1 sesión de dos http://html.conclase

Formulario – horas trabajo
desarrollar, los formularios diversas fuentes .net/tutorial/html/
dirigido.)
Formulario - formular el para la web para ilustrar el
input manejo óptimo concepto (2 horas para http://es.html.net/
type="text"/ de formularios que el
input Realización de estudiante http://www.htmlya.c
trabaje el taller
type="password guías y talleres dejado en clase om.ar/
" en el sitio web
definido para tal
Formulario - fin)
input
type="checkbox
" 10,11
Formulario -
input
type="radio"
Formulario -
select (cuadro
de selección
individual)
 Manejar, Diseñar y usar ¿Cómo se mejora Consulta de (1 sesión de dos http://html.conclase
Frames horas trabajo
desarrollar, el manejo de la distribución de diversas fuentes .net/tutorial/html/
dirigido.)
Frames - formular el frames en la un sitio web? para ilustrar el
Actualización de manejo óptimo web concepto (2 horas para http://es.html.net/
un frame a partir de frames ¿Cómo se monta que el
del enlace de un sitio web.? Realización de estudiante http://www.htmlya.c
trabaje el taller
otro frame guías y talleres dejado en clase om.ar/
¿Cómo tramito el en el sitio web
Frames -
dominio y alquilo definido para tal
Propiedades del fin)
un hosting?
elemento frame

12,13
Desarrollar una Crear, diseñar y ¿Qué Consulta de http://www.manual
Introducción al
estructura con manejar herramientas de diversas fuentes (1 sesión de dos dejavascript.com/
javascript horas trabajo
otro lenguaje funciones para programación para ilustrar el
dirigido.)
para adecuar la web de una existen para concepto http://www.desarrol
sus páginas manera oprima mejorar el (2 horas para loweb.com/directori
web. rendimiento y Realización de que el o/programacion/jav
funcionalidad de guías y talleres estudiante ascript/manuales_d
trabaje el taller
una página? dejado en clase e_javascript/
en el sitio web
definido para tal
fin)

14,15,16

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.