P. 1
SYLLABUS ELECTIVA DISEÑO WEB BASICO

SYLLABUS ELECTIVA DISEÑO WEB BASICO

|Views: 69|Likes:
Publicado porjonharold bonilla

More info:

Published by: jonharold bonilla on Nov 01, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

02/08/2012

pdf

text

original

SYLLABUS

OFERENTE: ACTIVIDAD ACADÉMICA: CICLO: CÓDIGO: NÚMERO DE CRÉDITOS: PROFESOR: CORREO ELECTRÓNICO:

FACULTAD DE INGENIERIA – DEPARTAMENTO DE INFORMATICA DISEÑO DE SITIOS WEB BASICO (HTM) TÉCNICO PROFESIONAL 02000615 2 Docentes de informática 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 APRENDIZAJE DE S PREGUNTAS FORMACIÓN (ACTUACIONE PROBLEMATIZA S) DORAS

ACCIONES A DESARROLLAR (DESCRIPCIÓN DE ACTIVIDADES Y CATEGORÍAS DE APRENDIZAJE
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 talleres. de guías y

TIEMPOS DE TRABAJO POR CRÉDITOS: TUTORÍA, TRABAJO AUTÓNOMO, TRABAJO COLABORATIV O
(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)

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

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.com/html/ http://html.conclase .net/tutorial/html/ http://es.html.net/

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

1

Consulta de diversas fuentes para ilustrar el concepto Realización de guías y talleres Consulta de diversas fuentes para ilustrar el concepto Realización de guías y talleres

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?

(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)

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.com/html/ http://html.conclase .net/tutorial/html/ http://es.html.net/

2

Salto de línea <br> Párrafo <p> Títulos <h1><h 2><h3> <h4><h 5><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? ¿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? ¿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

3

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.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

Consulta de diversas fuentes para ilustrar el concepto Realización de guías y talleres

4

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.com/html/ http://html.conclase .net/tutorial/html/ http://es.html.net/ http://www.htmlya.c om.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

Consulta de diversas fuentes para ilustrar el concepto Realización de guías y talleres

5

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.com/html/ http://html.conclase .net/tutorial/html/ http://es.html.net/ http://www.htmlya.c om.ar/

Anclas llamadas Lista

Manejar, desarrollar, formular el manejo óptimo de Listas y anclas

Crear anclas efectivas y manejo de listas en la web

¿De qué manera se identifican varios ítems de manera que queden resaltados o enumerados en html?

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)

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.com/html/ http://html.conclase .net/tutorial/html/ http://es.html.net/ http://www.htmlya.c om.ar/

6,7

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)

Aulaclic.es http://www.webestil o.com/html/ http://www.desarroll oweb.com/html/ http://html.conclase .net/tutorial/html/ http://es.html.net/ http://www.htmlya.c om.ar/

8,9

Formulario – Formulario input type="text"/ input type="password" Formulario input type="checkbox" Formulario input type="radio" Formulario select (cuadro de selección individual) Frames Frames Actualización de un frame a partir del enlace de otro frame

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)

http://html.conclase .net/tutorial/html/ http://es.html.net/ http://www.htmlya.c om.ar/

10,11

Manejar, desarrollar, formular el manejo óptimo de frames

Diseñar y usar el manejo de frames en la web

¿Cómo se mejora la distribución de un sitio web? ¿Cómo se monta un sitio web.? ¿Cómo tramito el dominio y alquilo

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)

http://html.conclase .net/tutorial/html/ http://es.html.net/ http://www.htmlya.c om.ar/

12,13

Frames Propiedades del elemento frame

un hosting?

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)

http://www.manuald ejavascript.com/ http://www.desarroll oweb.com/directori o/programacion/jav ascript/manuales_d e_javascript/

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.

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->