MENU DESPLEGABLE

3roBT-INFOR-DISENOWEB-EXAMEN-1T

   EXAMEN

PRIMER TRIMESTRE 2025-2026

DISEÑO Y DESARROLLO WEB 


Utilizar Visual Studio Code para completar el Sitio Web de una empresa de tecnología de venta de equipos de cómputo, a partir del código html proporcionado.

PÁGINA PRINCIPAL (Patrón Z)

index.html

CABECERA

·        Logo de la empresa

·        Título

·        Subtítulo

·        Menú de navegación

o       Inicio

o       Computadores de Escritorio

o       Laptops

·        ACER

 CUERPO

·        Frase Tecnológica

·        Imagen de fondo de la empresa

PIE DE PÁGINA

·        Contacto principal

·        Ubicación

·        Redes Sociales


PÁGINAS SECUNDARIAS (Cuadrícula)

hp.html

lenovo.html

dell.html

 

1.- Agregar los Submenús (HP, LENOVO, DELL) en:                                  

(3 puntos)

·        LAPTOPS

o       ACER

o       HP

o       LENOVO

o       DELL


2.- En los submenús creados (HP, LENOVO, DELL) debe haber enlaces a las tres páginas web para las marcas de computadores.                                            

(1,5 puntos)


3.- Cada página debe mostrar 4 diferentes equipos de cada marca indicada con todas las características.                                                                                                   

(4 puntos)


4.- Cada página debe regresar a la página principal al dar clic en INICIO.                                                                                                                                                      (1,5 puntos)


=====================================================================


  • Crear una CARPETA en el Escritorio, con su APELLIDO-NOMBRE
  • Luego dirigirse al enlace para descargar los 4 archivos base
  • Posteriormente debe guardar los 4 archivos descargados en la CARPETA creada.
  • En VISUAL STUDIO CODE debe abrir la CARPETA creada, y el archivo index.html es el principal, el código debe reutilizarlo para las tres páginas que va a crear:
    • hp.hmtl
    • lenovo.html
    • dell.html

  • Las imágenes que va a utilizar en las tres páginas, debe buscarlas en internet y guardarlas en la CARPETA creada.


Clic para descargar los archivos bases


=====================================================================




No hay comentarios:

Publicar un comentario