UNIVERSIDAD DE PANAMÁ

FACULTAD DE INFORMÁTICA, ELECTRÓNICA Y COMUNICACIÓN

Licenciatura en Informática para Gestión Educativa y Empresarial
Programa Analítico de Asignatura
I. Datos Generales

Denominación de la Asignatura: Diseño y Desarrollo de Páginas Web

Departamento: Informática
Código: 17437__Semestre: 2do. Semestre_____ Créditos: 3_________
Horas Totales: _5_ Teóricas: ___2__ Prácticas___3___ Laboratorio: __3_
Pre-requisitos: No tiene
Profesores (as) responsables de la elaboración del programa Analítico:
Prof: Marta Quintero.

II. Justificación
La Web es un medio de gran importancia tanto en el ámbito educativo como en el empresarial.
Por su capacidad interactiva y multimedia puede tener muchas aplicaciones educativas que
faciliten el aprendizaje por parte del usuario, que puede acceder documentos en diferentes
formatos y comunicarse de manera síncrona y asíncrona con personas alrededor del mundo.

Para la gestión empresarial, tanto dentro de la empresa como fuera de ella, la web es más que un
medio para darse a conocer ya que facilita la interacción y permite realizar una serie de acciones
que no se limitan a la promoción de los productos o servicios, sino que llega hasta vender y
cerrar transacciones.

Por ser una herramienta (la) Licenciado(a) en

Informática para la Gestión Educativa y Empresarial, esté en capacidad de diseñar y desarrollar
páginas web que cumplan con los estándares, así como de evaluarlas atendiendo a criterios de
calidad. El conocer una metodología de diseño de sitios web servirá de base para el desarrollo de
aplicaciones web dinámicas y para el comercio electrónico que se tratan en asignaturas
posteriores.
Además, en la actualidad, el no utilizar estos recursos adecuadamente, representa una limitante
inaceptable para un profesional competente

III. Descripción
En esta asignatura se introduce al estudiante al diseño y desarrollo de sitios Web. En un primer
acercamiento, se estudian los conceptos básicos del ambiente Web, las tipologías de sitios web
y los criterios de calidad más importantes a considerar para el diseño, desarrollo y evaluación de
un sitio Web.

Posteriormente, se estudia la anatomía de un sitio web, las diferentes alternativas para su

desarrollo y los procesos necesarios para alojar, redireccionar y promover un sitio Web en
Internet. Finalmente, se aplican los criterios de calidad para desarrollar sitios Web, que cumplan
con los estándares W3C: XHTML y CSS.
En el desarrollo de cada módulo, se realizan investigaciones y/o lecturas comentadas con su
correspondiente lluvia de ideas, se lleva a cabo una exposición dialogada y se realizan
talleres/laboratorios en donde se aplica lo estudiado y por último se desarrolla un proyecto que
integre el conocimiento adquirido en cada módulo.

IV. Objetivos Generales

1. Evaluar sitios Web de acuerdo a criterios consistentes de calidad.
2. Diseñar Sitios Web atendiendo a los criterios de calidad que se utilizan para su evaluación.
3. Desarrollar sitios Web aplicando criterios de calidad y utilizando los estándares XHTML y
CSS.
4. Publicar y promover páginas web, ya sean educativas o del ámbito empresarial

V. Relación con el perfil del Graduado

Formar diseñadores de páginas Web capaces de insertarse rápidamente en el mercado laboral;
desarrollar proyectos creativos que respondan a las necesidades de comunicación visual de
particulares, empresas y organizaciones educacionales.

VI. Enfoque Metodológico

1. Las sesiones de aprendizaje combinarán la exposición del docente con la participación activa
de los estudiantes.
2. Se llevarán a cabo talleres prácticos.
3. El profesor empleará métodos de casos para los talleres de laboratorio e información
actualizada para el trabajo individual de investigación. Así mismo, durante las clases se
desarrollará la capacidad de razonamiento, sentido común y lógica con debates y dinámicas
grupales
VII. Enfoque Evaluativo
VIII. Competencia
1. Básicas
Adaptabilidad a nuevas tecnologías y aplicaciones Búsqueda de información y actualización
2. Genéricas
Trabajo en equipo y cooperación Búsqueda de información
3. Específicas
Manejar programas de diseño de aplicaciones web Conocer y aplicar las distintas técnicas y
herramientas de diseño
DESCRIPCIÓN PORCENTAJE
Pruebas Parciales (3) 35%
Otras Asignaciones:
Laboratorios,Tareas/Investigaciones/Portafolio 10%
Exposiciones Orales temas asignados 10%
Proyectos (2) 10%
Examen Semestral 35%
Total: 100%
CONTENIDO
1. Introducción al ambiente Web
1.1. Página Web
1.2. Sitio Web
1.3. Url
1.4. Dominio
1.5. Navegadores
2. Sitios web.
2.1. Funciones.
2.2. Tipologías de acuerdo a sus características y funcionalidad.
2.3 Evaluación de sitios Web.
a- 1.1 Anatomía.
1.2 Organización y navegación.
b- Metodología de desarrollo
2.1 Análisis y planificación.
2.2 Diseño y producción
2.3 Pruebas y mantenimiento.
3. Creación de páginas Web
3.1 Editores
3.2 Convertidores
3.3 Lenguaje de Marcado
3.4 Publicación Sitios Web.
a- Lenguaje de Marcado XHTML
1.1 Introducción
1.2 Estructura
1.2.1 Cabecera
1.2.2 Cuerpo
1.3 Etiquetas
1.4 Atributos
b- Hojas de estilo CSS
2.1 Introducción
2.2 Reglas CSS
2.3 Inclusión de CSS en documentos
XHTML.
202 Diseño Web
PRIMERA SESIÓN SEGUNDA SESIÓN
LUNES 20 de agosto
Presentación de la materia.
Discusión de evaluación. 21 AGOSTO
Verificación de conocimientos previos Construye mapa conceptual del tema.
1 contenidos Entrega para evaluación
1. Introducción a conceptos generales de
sitios web
2. Diferencia entre página web y sitios
web.
27 de agosto TEMA Nº 1
28 de agosto
Estructura de los sitios web.
Tomando como referencia un tema X
Árbol
Desarrolla una estructura
2 Lineales
Entrega diseño para evaluación.
Lineales con ramificaciones
Extendidos
malla
3 de septiembre
Clasificación de los sitios web.
Sitios web.
Revisa bibliografía de los diferentes tipos de
4 de septiembre
3 sitios web.
Sustentación de tipo de sitio web.
Funcionalidad y usos.
Selecciona un tipo de sitio
Busca en la web y presenta explicación del
tipo de sitio.
10 de septiembre
URL dominios y navegadores.
Examina documento sobre el URL de un
11 de septiembre
sitio web
4 Parcial N° 1
Describe perfectamente que es un dominio
(escrito de todo el contenido)
Describe un servidor de alojamiento
Desglosa con detalles un URL de un sitio
web.
18 de septiembre
Luego de conocer la forma correcta en que
17 de septiembre
deben utilizarse los elementos de un sitio
Evaluación de sitios web
web, realiza una evaluación de un sitio X
5 Tipografía, imágenes, contenidos
para seleccionar la utilización de sus
Combinación de colores, fondos
elementos y destaca las partes negativas y
Botones.
positivas las ventajas y desventajas.
(sustentación oral)
 25 de septiembre
24 de septiembre
Construye carpeta para elementos de su
Metodología de desarrollo de un sitio web.
sitio (nombre WEB)
Análisis y planificación.
Elementos de texto
Estructura seleccionada
Elementos de imagen
6 Planeación.
Fondos
Selección del tema
Videos
Estructuración del contenido
Diseños de plantillas
Diseño del menú
Sonido.
Navegación. (botones, hipervínculos)
1 de octubre
2 de octubre
Editores
Analiza los editores para sitios web y todo
7 Convertidores
el entorno de publicación que se requiere,
Lenguaje de Marcado
transferencia FTP, o plataformas online
Publicación Sitios Web.
8 de octubre
Proyecto N° 1 9 de octubre
Inicia la programación de sitio web en Construcción de paginas
HTML 1. Titulo
Introducción 2. Contenido
8 Estructura 3. Imágenes
Cabecera 4. Color de Fondo
Cuerpo 5. Tipografía
Etiquetas 6. Estilo
Atributos Recurso Carpeta Web
Explicación.
15 de octubre
16
9 Continuación construcción de paginas
Creación del menú inicio.
22 de octubre
Interfaz 23 de octubre
10 Botones de navegación PARCIAL N° 2
Depuración del sitio. Sitio web html.

30 de octubre
Organización de información.
29 de octubre
11 Planeación de proyecto 2
 5 de noviembre
6 de noviembre
Proyecto n° 2
Estructurar la información
Editores de sitios web
Agregar paginas
Plataforma Wix
Diseño de portada
12 Plataforma Blogers
navegación
Plataforma wordpress
Selecciona plataforma y en grupo sustenta
Ventajas y desventajas de sus usos.

12 de noviembre. 13 de noviembre
Información de paginas Continuación del sitio
Fondos Detalles finales
13
Tipografía depuración
Recursos adicionales

19 de noviembre 20 de noviembre
Presentación del website (terminado) Presentación del website (terminado)
14
Sustentación Parcial N°3 Sustentación Parcial N°3
Grupo N° 1 Grupo N° 2
26 de noviembre
Construcción del App
27 de noviembre
Diseño
Integración de blogs al APPs
Registro
15 Prueba.
Prototipo
Devolución de portafolios.
Entrega de portafolio
nivelación