UNIVERSIDAD AUTÓNOMA DE OCCIDENTE

FACULTAD DE INGENIERÍA DESARROLLO DE APLICACIONES TELEMÁTICAS

DEPARTAMENTO DE AUTOMÁTICA Y ELECTRÓNICA

MÓDULO 1 - ACTIVIDAD 2

OBJETIVOS

• Poner en práctica los conceptos relacionados con la capa de presentación de las

aplicaciones web.
• Conocer cómo desarrollar páginas sencillas usando HTML.
• Conocer cómo darle estilo a una página HTML usando CSS.

PRIMERA PARTE HTML

En esta primera parte se deberá realizar el desarrollo en HTML de las páginas definidas en la
Actividad 1.

Para cada página se deberá:

1. Diseñar un mockup de la página.

2. Indicar el código HTML que se usó para desarrollar la página. Explicar cada parte del
código.
3. Mostrar una imagen de la página desarrollada, desplegada en el navegador.

SEGUNDA PARTE CSS

En esta parte se deberá dar estilo a las páginas desarrolladas en el punto anterior. Para ello se
deberá:

1. Especificar el estilo que se le dará a cada página.

2. Indicar el código CSS que se usó para aplicar el estilo definido. Explicar cada parte del
código.
3. Mostrar en una imagen el resultado obtenido.

TERCERA PARTE ALMACENAMIENTO DE LAS PAGINAS

Las páginas desarrolladas en los puntos anteriores deberán almacenarse en un servidor web, en
este caso usaremos apache.

Para esto deberá hacer lo siguiente:

 1. Instalar Apache (se recomienda instalar XAMPP). ¿Qué es XAMPP?
2. Ubicar cual es la carpeta en la cual se deben almacenar las páginas. Dentro de ella crear
una carpeta con el nombre que se le dio a la aplicación.
3. En la carpeta creada almacenar las páginas desarrolladas. ¿Cómo se accede a dichas
páginas desde el servidor? Explique su respuesta.

CUARTA PARTE CONDICIONES DE ENTREGA

• Se deberá entregar un documento que contenga la respuesta a cada uno de los puntos solicitados en
este documento.
• El documento deberá ser subido al Drive del curso cumpliendo con las fechas indicadas por el
docente. El no cumplimiento de las fechas implicará una penalización del 20% por día de retraso.

QUINTA PARTE CALIFICACIÓN

ÍTEM VALOR
PRIMERA PARTE
Mockups 20%
Desarrollo en HTML 40%
SEGUNDA PARTE
Hojas de estilo 30%
TERCERA PARTE
Almacenamiento de las páginas 10%