1. Página | 1 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013
P R O G R A M A C I Ó N D E D I S E Ñ O W E B
1. INFORMACIÓN GENERAL
1.1. Carrera Profesional : Computación e Informática
1.2. Módulo : Gestión de aplicaciones para internet y producción multimedia
1.3. Unidad Didáctica : Diseño web
1.4. Semestre Académico : Quinto
1.5. Horas semanales : Cuatro (4) horas
1.6. Créditos : Tres (3)
1.7. Docente : Edwin MAMANI LOPEZ
2. FUNDAMENTACIÓN
Los profesionales en Informática, diseñadores gráficos o no; que deseen ingresar a este mercado, requieren una herramienta sencilla y que a la vez cumpla con
las exigencias actuales. En este contexto, La Unidad Didáctica de Taller de Programación Web promueve el diseño y producción de sitios web, a través del uso de
Adobe Dreamweaver CS no sólo por su interface amigable, sino porque además, permite editar documentos que no sean necesariamente HTML (como por
ejemplo, JavaScript, PHP, XML y otros), aplicar estilos CSS e incluso conectarse a una base de datos.
3. CAPACIDADES TERMINALES Y CRITERIOS DE EVALUACIÓN
Capacidad Terminal Criterios de Evaluación
1. Diseñar páginas web y plantillas para aplicaciones de Internet 1.1 Identifica y clasifica los tipos de plantillas de aplicaciones en Internet.
1.2 Utiliza herramientas adecuadas para diseñar interfaces de fácil
interactividad.
1.3 Publica la aplicación en Internet.
2. Diseñar sitios Web utilizando estilos CSS 2.1 Utilizar imágenes y crear mapas de imágenes
2.2 Diseñar sitios Web utilizando estilos CSS
2.3 Crear formularios
2.4 Crear páginas en base a una plantilla
3. Aplicar los comandos y estructuras requerida para crear un sitio web
con Dreamweaver CS4.
3.1 Crear y publicar un sitio Web con Dreamweaver CS4.
3.2 Definir la información del sitio Web y configurar las opciones locales y
remotas
3.3 Identificar las diferencias entre el lenguaje HTML, XHTML y CSS

2. Página | 2 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013
4. ORGANIZACIÓN DE ACTIVIDADES Y CONTENIDOS BÁSICOS
Capacidad Terminal N° 01: Diseñar páginas web y plantillas para aplicaciones de Internet
Elementos de la
Capacidad Terminal
Organización de los aprendizajes Actividades de
Aprendizaje
Criterios de evaluación Hrs
Procedimientos Conceptuales Actitudinales
Describir las
características de un
buen diseño de
página web.
Fundamentos del
Diseño Web:
Tipografía
Teoría del color
Lenguajes,
tecnologías y
archivos para web
Participa y coopera
en los trabajos de
grupo
Nº 01:
Consideraciones para el
diseño web
Describir las características
de un buen diseño de
página web.
06
Reconocer interfaz y
desarrollar
aplicaciones de listas
utilizando HTML.
Desarrolla una
Interfaz y primeras
aplicaciones en
HTML
Etiquetas en HTML
Párrafos <p> -
atributos del texto.
Encabezados <h1>
Las listas
Comunica sus ideas y
opiniones a sus
compañeros.
Nº 02:
Interfaz y primeras
aplicaciones en HTML
Reconocer interfaz y
desarrollar aplicaciones de
listas utilizando HTML. 08
Desarrollar
aplicaciones de
hiperenlaces, tablas
y marcos con código
HTML
Usa enlaces e
imágenes y Diseño
de tablas y marcos
Hiperenlaces
Imágenes y fondos
Tablas
Marcos
Persevera en la
buena consecución
del trabajo
propuesto
Nº 03:
Uso de enlaces e imágenes
y Diseño de tablas y marcos
Desarrollar aplicaciones de
hiperenlaces, tablas y
marcos con código HTML 08
Diseñar formularios
de datos utilizando
código HTML
Diseña Formulario y
Multimedia
Formularios
Multimedia
Atiende las opiniones
e ideas de los
compañeros
Nº 04:
Formulario y Multimedia
Diseñar formularios de
datos utilizando código
HTML
06
Realizar aplicaciones
de integración de
CSS y HTML
Hojas de estilo CSS:
Sintaxis, selectores
ID y clases.
Capas
Lenguajes de script
Vincular una hoja de
estilo
Comprende la
importancia de
autoevaluarse sobre la
forma como se aprende
(metacognición).
Nº 05:
Vincular CSS en HTML
Realizar aplicaciones de
integración de CSS y HTML
04
Diseñar menús de
navegación de una
página web.
Diseño de menús
desplegables
Barras de
navegación
Valora su laboratorio,
demostrando orden
limpieza y
responsabilidad.
Nº 06:
Diseño de Menús
Desplegables
Diseñar menús de
navegación de una página
web.
04
Elaborar proyecto
web
Aplicación de
degradados, colores
de relleno y bordes
personalizados
Presentación y
sustentación de
proyecto web
Publicación de
página web
Desarrollo proyecto
web empresarial e
institucional
individual.
Nº 07:
Proyecto Web.
Elaborar proyecto web
cubriendo las necesidades
y servicios requeridos y lo
pública en internet.
10

3. Página | 3 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013
Capacidad Terminal N° 02: Diseñar sitios Web utilizando estilos CSS
Elementos de la
Capacidad Terminal
Organización de los aprendizajes Actividades de
Aprendizaje
Criterios de evaluación Hrs
Procedimientos Conceptuales Actitudinales
Realizar aplicaciones
de integración de
java script, css y
html
- Crear un boceto
web en el lienzo
ajustando
tamaños
adecuados de
acuerdos a los
estándares.
- Capas.
- Lenguajes de
script.
- Vincular una hoja
de estilo
Valora su
laboratorio,
demostrando orden
limpieza y
responsabilidad.
Nº 08:
Vincular java scrip y css en
HTML
Investiga información y
aplica en el desarrollo de
ejemplos prácticos
06
Elaborar y validar
formularios con CSS.
- Diseñar
formularios de
datos utilizando el
lenguaje CSS
- Elementos de
formulario
- Crear formularios
- Validar formularios
Participa y coopera
en los trabajos de
grupo
Nº 09:
Elementos de Formularios
Desarrolla aplicaciones.
06
Crear plantillas de
páginas web
- Crear plantillas
- Establecer
regiones editables
en una plantilla
- Basar páginas en
una plantilla
- Insertar una capa
- Formato de una
capa
Comunica sus ideas y
opiniones a sus
compañeros.
Nº 10:
Creación de Las plantillas
Desarrolla aplicaciones.
06
Aplica
comportamientos
del lenguaje CSS
- Mensajes
emergentes
- Texto de la Barra
de estado
- Carga previa de
imágenes
- Cambiar
propiedades CSS
- Comprobar Plug-
ins
Persevera en la
buena consecución
del trabajo
propuesto
Nº 11:
Comportamientos
Avanzados
Desarrolla aplicaciones.
06
Elaborar proyecto
web cubriendo las
necesidades y
servicios requeridos
en modo local.
Utiliza adecuada-
mente información,
manejo que incluye
cómo encontrarla,
evaluarla.
- Presentación y
sustentación de
proyecto web
- Publicación de
página web
Atiende las opiniones
e ideas de los
compañeros
Nº 12:
Proyecto Web.
Desarrollo proyecto web
personal.
06

4. Página | 4 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013
Capacidad Terminal N° 03: Aplicar los comandos y estructuras requerida para crear un sitio web con Dreamweaver CS4.
Elementos de la
Capacidad Terminal
Organización de los aprendizajes Actividades de
Aprendizaje
Criterios de evaluación Hrs
Procedimientos Conceptuales Actitudinales
Configurar un sitio
local con
Dreamweaver con el
servidor Apache y
MySQL.
- Entender qué son
las hojas de estilo
y su importancia
para construir
sitios Web
- Entorno de trabajo
- Concepto y
Creación de un
Sitio Local
- Insertar Textos
- Listas
Evalúa su propio
desempeño propio y
cuando se trabaja en
equipo.
Nº 13:
Uso del Editor Dreamweaver
CS4
Conceptos, procedimientos
y aplicación
04
Aplicar estilos CSS
personalizado en el
diseño web.
- Reconocer las
propiedades de un
estilo (fuente,
párrafo, fondo,
bloque, borde,
listas, tablas, links,
etc)
- Estilos CSS.
Introducción
- Crear un estilo
personalizado
- Definir o editar un
estilo
- Aplicar un estilo
- Hojas de estilos
Comprende la
importancia de
autoevaluarse sobre
la forma como se
aprende
(metacognición).
Nº 14:
Estilos CSS
Aplicación de conceptos de
estilos
04
Aplicar herramientas
de enlace,
imágenes, tablas y
multimedia en la
web.
- Identifica la
estructura para
definir estilos.
- Define que es una
declaración.
- Reconoce las
partes de una
declaración
(Propiedad, valor,
selector).
- Tipos de
referencia
- Crear enlaces
- Insertar una
imagen
- Propiedades de
una imagen
- Insertar una tabla
Valora su
laboratorio,
demostrando orden
limpieza y
responsabilidad.
Nº 15:
Hiperenlaces, imágenes y
tablas
Conceptos, procedimientos
y aplicación
04
Elaborar proyecto
web cubriendo las
necesidades y
servicios requeridos
y lo pública en
internet.
Utiliza adecuada-
mente información,
manejo que incluye
cómo encontrarla,
evaluarla.
- Presentación y
sustentación de
proyecto web
- Publicación de
página web
Atiende las opiniones
e ideas de los
compañeros
Nº 16:
Proyecto Web.
Desarrollo proyecto web
empresarial e institucional
individual.

5. Página | 5 Programación Diseño web – http://elprofedwin.blogspot.com 09/04/2013
5. METODOLOGIA
Teórico Práctica de laboratorio
a) Exposición interactiva en clases de los contenidos temáticos de cada
unidad respectivamente.
b) Lecturas complementarias para ampliar los temas propuestos en las clases
teóricas.
a) Resolución de ejercicios demostrativos las que se desarrollaran en el centro
de cómputo.
b) Planteamiento de ejercicios propuestos complementarios y su desarrollo;
así como el uso de la web http://elprofedwin.blogspot.com
6. MATERALES EDUCATIVOS y OTROS RECURSOS DIDACTICOS
a) Materiales educativos interactivos (Plataforma Virtual); Direcciones electrónicas para recabar información sobre contenidos planteados.
b) Materiales educativos para la exposición; Pizarra acrílica, plumones, mota, proyector multimedia, mapas conceptuales y esquemas gráficos del problema.
Materiales impresos: texto guía, material de clases, hojas de prácticas de salón y laboratorio.
7. EVALUACION
a) La escala de calificación es vigesimal y el calificativo mínimo aprobatorio es trece (13). En todos los casos la fracción 0.5 o más se considera como una unidad
a favor del estudiante. El estudiante que en la evaluación de una o más Capacidades Terminales programadas en la Unidad Didáctica (Asignaturas), obtenga
nota desaprobatoria entre diez (10) y doce (12), tiene derecho a participar en el proceso de recuperación programado.
b) El estudiante que después de realizado el proceso de recuperación obtuviera nota menor a trece (13), en una o más capacidades terminales de una Unidad
Didáctica, desaprueba la misma, por tanto repite la Unidad Didáctica.
c) El estudiante que acumulara inasistencias injustificadas en número igual o mayor al 30% del total de horas programadas en la Unidad Didáctica (Asignaturas),
será desaprobado en forma automática, sin derecho a recuperación.
Aspectos a evaluar Criterios Procedimientos Instrumentos
Evaluación Conceptual (EC) 40%
- Conocimientos
- Capacidades
Auto aprendizaje
Inter aprendizaje
Intervención Oral
Prueba Escrita
Evaluación Procedimental (EP) 50%
- Habilidades
- Destrezas
Demostración
Ejemplificación
Análisis
Practicas dirigidas, elaboración de
organizadores, trabajo de campo,
guías de observación.
Evaluación Actitudinal (EA) 10%
- Responsabilidad
- Comportamiento
Identificación
Disposición para el trabajo
Lista de cotejos,
Test.
8. RECURSOS BIBLIOGRAFICOS / BIBLIOGRAFIA
EGUILUZ, Javier "Introducción a XHTML" Easybook (http://easybook-proyect.org)
DE LA CRUZ VILLAR, Joel "Diseño web" Grupo Editorial Megabyte. Lima-Perú 2009
http://formacionprofesorado.educacion.es/index.php/es/materiales/materiales/77-php-en-la-educacion
http://www.ite.educacion.es/formacion/materiales/182/cd/
http://www.librosweb.es/
Sicuani, Abril de 2013.