Tarea

de Práctica de la Tarea – Diseño Gráfico y Desarrollo 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.

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.