Planes de Clases Programacion WEB

LOS ANDES
INSTITUTO TECNOLOGICO
Acuerdo Ministerial # 1598
Registro Institucional # 17-080
Escuela: Informtica
Nombre de la Asignatura:
Programacin web
Nombre del Docente: Ing. Lder
Zambrano Zambrano
PLAN DE CLASE No. 1

CARRERA: Tecnologa en
Semestre: Quinto
Anlisis de Sistemas
Horas Presenciales: 4
Fecha: 26 de abril del 2015.
Horas Autnomas:
Nombre de la Unidad: Programacin orientada a la web

Tema: Estructura bsica de una pgina web
Objetivo: Especificar semejanzas y diferencias entre la programacin de escritorio y la programacin orientada a
la web.
Contenidos
Introduccin a la
tecnologa
HTML
Estructura
bsica de una
pgina web.
Etiquetas
abiertas y
cerradas en
HTML
Formatos en
pginas web.
Enfoques Metodolgicos: Actividades

Presenciales
Autnomas
Conceptos
generales sobre
la introduccin a
la tecnologa
HTML.
Recursos
Planes
Guas de
estudio e
Internet
Videos
Clase magistral
sobre la
estructura bsica
de una pgina
web.
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
conceptuales
Evaluaciones
escritas.
Evaluaciones
orales.
Ejercicios
prcticos
Identificar los
conceptos,
de la tecnologa
HTML.
Analizar la
estructura
bsica de las
pginas web.
Diferenciar las
etiquetas
abiertas y
cerradas de
HTML.
Taller sobre las

etiquetas abiertas
y cerradas en
HTML
Enlistar las
etiquetas para
aplicar formatos
en una pgina
web.
Ejemplificacin
sobre las
etiquetas de
formatos en
HTML
WEBGRAFA:
http://www.ite.educacion.es/formacion/materiales/182/cd/dos/estructura_bsica_de_una_pgina.html
http://html.hazunaweb.com/102.php
DOCENTE
VICERRECTOR
REPRESENTANTE ESTUDIANTIL
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 2

Semestre: Quinto
Anlisis de Sistemas
Fecha: 03 de Mayo del 2015.
Horas Autnomas:

Tema: Listas en HTML
Objetivo: Reconocer las etiquetas de las listas ordenadas y no ordenadas, mediante la aplicacin de comandos
HTML para crear pginas web estructuradas.
Contenidos
Introduccin a
las listas
ordenadas y no
ordenadas en
HTML
Caractersticas
de las listas
ordenadas y no
ordenadas en
HTML
Etiquetas para
construir listas
ordenadas y no
ordenadas
en
HTML
Cabeceras en
HTML

Autnomas
Presenciales
Conceptos
generales sobre
las listas
ordenadas y no
ordenadas en
HTML
Clase magistral
sobre las
caractersticas de
las listas
ordenadas y no
ordenadas en
HTML
Recursos
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Planes
Guas de
estudio e
Internet
Videos
Mapas
conceptuales
Evaluaciones
escritas.
Evaluaciones
Orales.
Ejercicios
prcticos
Definir los
conceptos
generales sobre
las listas
ordenadas y no
ordenadas.
Identifica las
caractersticas
de las listas
ordenadas y no
ordenadas en
HTML
Explicar las
etiquetas para
construir listas
ordenadas y no
ordenadas en
HTML
Conoce la
utilidad de las
etiquetas
ordenadas y no
ordenadas en
HTML
Clase magistral
sobre las
cabeceras en
HTML.
Crea una pgina

web aplicando
listas.
WEBGRAFA:
http://html.conclase.net/w3c/html401-es/struct/lists.html
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 3

Semestre: Quinto
Anlisis de Sistemas
Fecha: 10 de mayo del 2015.
Horas Autnomas:

Tema: Enlaces en HTML
Objetivo: Crear pginas web con enlaces mediante la aplicacin de cdigos HTML, para desarrollar sistemas
informticos interactivos.
Contenidos
Introduccin a la
los enlaces en
HTML
Caractersticas
de los enlaces
en HTML.
Tipos
de
enlaces en una
pgina web.
Etiquetas de los
tipos de enlaces
en HTML

Presenciales
Autnomas
Recursos
Planes
Guas de
estudio e
Internet
Videos
Explicacin sobre
los conceptos
generales de los
enlaces en
HTML.
Clase magistral
sobre las
caractersticas de
los enlaces HTML
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
conceptuales
Evaluaciones
escritas.
Evaluaciones
orales.
Ejercicios
prcticos
Comprende los
conceptos
generales sobre
los enlaces en
HTML.
Identifica las
caractersticas
de los enlaces
en HTML
Diferencia los
tipos de enlaces
en una pgina
web
Cuadro
comparativos de
los tipos de
enlaces en
HTML.
Crea una pgina

web con
enlaces.
Ejemplificacin
sobre las
etiquetas de los
tipos de enlaces
en HTML
WEBGRAFA:
http://librosweb.es/libro/xhtml/capitulo_4/enlaces_basicos.html
http://platea.pntic.mec.es/~abercian/guiahtml/enlaces.htm
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 4

Semestre: Quinto
Anlisis de Sistemas
Horas Autnomas:

Tema: Imgenes en HTML
Objetivo: Insertar imgenes mediante la aplicacin de la etiqueta img de HTML para disear sistemas web
vistosos y atractivos.
Contenidos

Presenciales
Autnomas
Introduccin a
las imgenes en
HTML
Explicacin de los
Alineacin
de
las imgenes en
pginas web.
imgenes en
Fondos
de
pginas
web
con imgenes
Tamao de las
imgenes
en
HTML
Recursos
Planes
Guas de
estudio e
Internet
Videos
conceptos
generales de las
HTML
Ejemplificacin
sobre la
alineacin de las
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
conceptuales
Evaluaciones
escritas.
Evaluaciones
orales.
Ejercicios
prcticos
Comprende los
conceptos
generales de las
imgenes en
HTML.
Alinea las
imgenes en
diferentes zonas
en pginas web
Inserta
imgenes de
fondos en
pginas web.
imgenes en
pginas web.
Clase magistral
Configura el
tamao de las
imgenes en
pginas web
sobre los fondos

de pginas web
con imgenes.
Taller sobre el
tamao de las
imgenes en
HTML
WEBGRAFA:
http://www.virtualnauta.com/html-imagenes
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 5

Semestre: Quinto
Anlisis de Sistemas
Horas Autnomas:

Tema: Tablas en HTML
Objetivo: Disear tablas en HTML, mediante la aplicacin de la etiqueta table, para estructurar la informacin de
las pginas web.
Contenidos
Introduccin a
las tablas en
HTML
Caractersticas
de las tablas
en HTML
Etiquetas de
las tablas en
HTML
Combinacin
de celdas en
tablas HTML
Insertar
imgenes en
tablas HTML

Presenciales
Autnomas
Recursos
Planes
Guas de
estudio e
Internet
Videos
Clase
Magistral sobre
los conceptos de
las tablas en
HTML
Explicacin de las
caractersticas de
las tablas en
HTML
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
conceptuales
Evaluaciones
escritas.
Evaluaciones
orales.
Ejercicios
prcticos
Define los
conceptos
generales de
las tablas en
HTML
Identifica las
caractersticas
de las tablas
en HTML
Explicacin de
las etiquetas en
tablas HTML
Combina
celdas en
tablas HTML
Clase magistral
sobre la
combinacin de
celdas en tablas
HTML
Inserta
imgenes en
tablas HTML
Ejemplificacin
sobre la insercin
de tablas en
HTML
WEBGRAFA:
http://www.esi2.us.es/cofrade/consulting/consulting2.htm
http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 6

Anlisis de Sistemas
Fecha: 07 de junio del 2015.
Semestre: Quinto
Horas Autnomas:

Tema: Contenido multimedia en HTML
Objetivo: Insertar contenido multimedia mediante el objeto embed, para crear pginas web dinmicas
Contenidos
Introduccin al
contenido
multimedia en
pginas web
Estructura de las
etiquetas para
insertar audio
y videos en
archivos HTML
Tipos de
etiquetas de
audio y video
Servidores con
contendido
multimedia en
la web
Insercin de
audio y video
en pginas
web

Presenciales
Autnomas
Explicar los
conceptos
generales sobre
el contenido
multimedia en
pginas web
Explicar la
estructura de las
etiquetas de
audio y video en
archivos HTML
Socializar los
tipos de etiquetas
de audio y video.
Explicar el
funcionamiento
de servidores
web con
contenidos
multimedia
Ejemplificar la
insercin de
audio y videos en
pginas web
Recursos
Planes
Guas de
estudio e
Internet
Videos
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
Describe los
conceptuales
conceptos de
Evaluaciones
contenido
escritas.
multimedia en
Evaluaciones
pginas web.
orales.
Describe las
Ejercicios
estructuras de
prcticos
las etiquetas
para insertar
audios y
videos en
archivos
HTML
Explica los tipos
de etiquetas
de audio y
video
Inserta audio y
videos en
pginas web
WEBGRAFA:
https://developer.mozilla.org/es/docs/Web/HTML/Usando_audio_y_video_con_HTML5
http://www.aulaclic.es/html/t_9_1.htm
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 7

Anlisis de Sistemas
Semestre: Quinto
Horas Autnomas:

Tema: Formularios en HTML
Objetivo: Insertar formularios en pginas web mediante la aplicacin de las etiquetas form de HTML, para recibir
datos de los internautas que navegan por la red.
Contenidos

Presenciales
Autnomas
Introduccin a
los formularios
en HTML
Explicar los
conceptos
generales de los
formularios en
HTML
Caractersticas
Explicar las
de los
caractersticas
formularios en
de los
HTML
formularios en
HTML.
Tipos de
Socializar los
entradas de
tipos de
datos en
entradas de
formularios
datos en
HTML
formularios
HTML.
Estructura de los
formularios en Ejemplificacin
de las
HTML
estructuras de
formularios en
Insercin de
HTML
formularios en
Ejemplificacin
paginas web
de la insercin
de formularios
en pginas web
Recursos
Planes
Guas de
estudio e
Internet
Videos
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
conceptuales. Explica los
Evaluaciones
conceptos
generales de
escritas.
los formularios
Evaluaciones
en HTML
orales.
Explica las
Ejercicios
caractersticas
prcticos
de los
formularios en
HTML.
Comprende los
tipos de
entradas de
datos en
formularios
HTML
Inserta
formularios en
pginas web.
WEBGRAFA:
http://html.conclase.net/w3c/html401-es/interact/forms.html
http://www.uazuay.edu.ec/estudios/sistemas/lenguaje_iii/manual4/form.htm
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 8

Anlisis de Sistemas
Semestre: Quinto
Horas Autnomas:

Tema: Mapas sensibles en HTML
Objetivo: Implementar un mapa sensible mediante la aplicacin de las etiquetas map, para ubicar sitios tursticos
en la web de forma fcil y oportuna.
Contenidos

Presenciales
Autnomas
Introduccin a
los mapas
sensibles en
HTML
Explicar los
conceptos
generales de los
mapas
sensibles en
HTML
Caractersticas
Explicar las
de los mapas
caractersticas
sensibles en
de los mapas
HTML
sensibles en
HTML.
Estructura de los
Clase magistral
mapas
de la estructura
sensibles en
de los mapas
HTML
sensibles en
HTML
Coordenadas
Ejemplificacin
rect, circle,
de las
poly en mapas
coordenadas
sensibles.
rect, circle, y
poly en mapas
Programacin
sensibles.
de mapas
Ejemplificacin
sensibles en
de la
pginas web
programacin
de mapas
sensibles en
pginas web
Recursos
Planes
Guas de
estudio e
Internet
Videos
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
Evaluaciones
conceptos
generales de
escritas.
los mapas
Evaluaciones
sensibles en
orales.
HTML
Ejercicios
Identifica las
prcticos
caractersticas
de los mapas
sensibles en
HTML.
Interpreta las
coordenadas
rect, circle y
poly en mapas
sensibles
Programa un
mapa sensible
en HTML
WEBGRAFA:
http://platea.pntic.mec.es/~abercian/guiahtml/mapas.htm
http://www.ite.educacion.es/formacion/materiales/182/cd/trece/mapas_sensibles.html
DOCENTE
VICERRECTOR
LOS ANDES
Escuela: Informtica
Programacin web
Zambrano Zambrano
PLAN DE CLASE No. 9

Anlisis de Sistemas
Semestre: Quinto
Horas Autnomas:

Tema: Los frames en HTML
Objetivo: Dividir la pantalla en varias zonas mediante la aplicacin de la etiqueta frame de HTML, para disear
mens de opciones que faciliten la navegacin de los usuarios.
Contenidos

Presenciales
Autnomas
Introduccin a
los frames en
HTML
Explicar los
conceptos
generales de los
frames en
HTML
Caractersticas
Explicar las
de los frames
caractersticas
en HTML
de los frames en
HTML.
Estructura de los
Explicacin de
frames en
la estructura de
HTML
los frames en
HTML
Etiquetas de los
Ejemplificacin
frames en
de las etiquetas
HTML
de los frames en
HTML
Orientacin de
Socializacin de
los frames en
la orientacin de
HTML
los frames en
HTML
Ejemplificacin
Programacin
de la
de mapas
programacin
sensibles en
de los frames en
pginas web
pginas web
Recursos
Planes
Guas de
estudio e
Internet
Videos
Estrategias de
evaluacin
Resultados de
Aprendizaje:
Competencias
Mapas
Evaluaciones
conceptos
generales de
escritas.
los frames en
Evaluaciones
HTML
orales.
Identifica las
Ejercicios
caractersticas
prcticos
de los frames
en HTML.
Analiza las
etiquetas de
los frames en
HTML
Programa una
pgina web
con frames.
WEBGRAFIA:
http://www.htmlpoint.com/guida/html_13.htm
http://platea.pntic.mec.es/~abercian/guiahtml/frames.htm
DOCENTE
VICERRECTOR

Planes de Clases Programacion WEB

Încărcat de

Informații document

Descriere originală:

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Planes de Clases Programacion WEB

Încărcat de

Drepturi de autor:

Formate disponibile

LOS ANDES

PLAN DE CLASE No. 1

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

Taller sobre las

PLAN DE CLASE No. 2

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

Crea una pgina

PLAN DE CLASE No. 3

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

Crea una pgina

PLAN DE CLASE No. 4

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

sobre los fondos

PLAN DE CLASE No. 5

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

PLAN DE CLASE No. 6

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

PLAN DE CLASE No. 7

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

PLAN DE CLASE No. 8

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

PLAN DE CLASE No. 9

Nombre de la Unidad: Programacin orientada a la web

Enfoques Metodolgicos: Actividades

S-ar putea să vă placă și