SYLLABUS ELECTIVA DISEÑO WEB BASICO

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: [email protected]

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?


concepto




2

Aulaclic.es


/html/


.com/html/


tutorial/html/

http://es.html.net/

http://es.html.net/

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



http://www.desarrolloweb.com/html/



http://www.webestilo.com/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.











concepto


3 Aulaclic.es


/html/


.com/html/


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











concepto


4 Aulaclic.es


/html/


.com/html/


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?


concepto


5 Aulaclic.es


/html/


.com/html/


tutorial/html/

http://es.html.net/


/

Anclas llamadas Manejar, desarrollar,

Crear anclas efectivas y

¿De qué manera se identifican

Consulta de diversas fuentes


Aulaclic.es

http://www.htmlya.com.ar/



http://es.html.net/













http://es.html.net/










http://es.html.net/










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



6,7


/html/


.com/html/


tutorial/html/

http://es.html.net/


/

Tabla

Tabla y combinación de celdas.

Manejar, desarrollar, formular el manejo óptimo de tablas

Crear y diseña tablas para la

web


concepto




8,9

Aulaclic.es


/html/


.com/html/


tutorial/html/

http://es.html.net/


/

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


concepto




10,11


tutorial/html/

http://es.html.net/


/

Frames Manejar, desarrollar,

Diseñar y usar el manejo de

¿Cómo se mejora la distribución de

Consulta de diversas fuentes








http://es.html.net/







http://es.html.net/













http://es.html.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



12,13

tutorial/html/

http://es.html.net/


/

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?


concepto




14,15,16

http://www.manualdejava

script.com/


.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.

http://www.manualdejavascript.com/






http://es.html.net/


SYLLABUS ELECTIVA DISEÑO WEB BASICO

Documents

Transcript of SYLLABUS ELECTIVA DISEÑO WEB BASICO