Unidad III – Aplicación en Web

Unidad III – Aplicación en Web

11. HTML + CSS: Crea una página sencilla con un título, un párrafo y una imagen, aplicando estilos básicos (color, tipografía).

12. Integración gráfica: Inserta un logotipo diseñado en Illustrator dentro de una página HTML.

13. Dreamweaver: Abre un proyecto y crea una plantilla básica con encabezado y pie de página.

14. XAMPP: Instala y levanta un servidor local, luego abre tu página HTML desde localhost.

15. Protocolos: Explica con tus propias palabras la diferencia entre HTTP y HTTPS en un esquema visual.


Guía de Práctica de la Tarea – Diseño Gráfico y Desarrollo Web

Unidad III – Aplicación en Web


Ejercicio 11: HTML + CSS básico

- Objetivo: Crear una página sencilla.

- Pasos:

  1. Escribe un archivo HTML con título, párrafo e imagen.

  2. Aplica estilos CSS (color, tipografía).

  3. Abre la página en el navegador.

  4. Evalúa la presentación.


Ejercicio 12: Integración gráfica

- Objetivo: Insertar un logotipo en HTML.

- Pasos:

  1. Diseña un logotipo en Illustrator.

  2. Exporta en formato PNG.

  3. Inserta el logotipo en tu página HTML con <img>.

  4. Ajusta tamaño y posición con CSS.


Ejercicio 13: Dreamweaver – Plantilla

- Objetivo: Crear estructura básica.

- Pasos:

  1. Abre Dreamweaver y crea un nuevo proyecto.

  2. Diseña una plantilla con encabezado y pie de página.

  3. Guarda como archivo HTML.

  4. Visualiza en navegador.


Ejercicio 14: XAMPP – Servidor local

- Objetivo: Levantar un sitio en localhost.

- Pasos:

  1. Instala XAMPP.  

  2. Copia tu página HTML en la carpeta htdocs.

  3. Inicia Apache desde el panel de control.

  4. Abre http://localhost en tu navegador.


Ejercicio 15: Protocolos

- Objetivo: Diferenciar HTTP y HTTPS.

- Pasos:

  1. Investiga qué significa cada protocolo.

  2. Dibuja un esquema comparativo (seguridad, uso).

  3. Explica en clase por qué HTTPS es más seguro.

Valor de 10 Puntos