martes, 25 de marzo de 2025

COMPLETANDO LA PAGINA CON FOOTER Y LOGO

 

COMPLETANDO LA PAGINA CON FOOTER Y LOGO

 

Atienda las isntrucciones del profesor:


1. colcoando el footer

 <footer>

    <div class="footer-content">

      <p>© 2023 Crónica Deportiva. Todos los derechos reservados.</p>

    </div>

  </footer>


aplicando estilo al footer

footer {

      background-color: #4069de;

      color: white;

      padding: 10px 0;

      text-align: center;

    }


    .footer-content {

      max-width: 1200px;

      margin: 0 auto;

      padding: 0 20px;

    }


2. colocando logotipo

<nav>

        <div class="navbar">

            <div class="logo">

              <a href="#"> <img src="logo.png" alt="Logo"> Crónica deportiva </a>

       </div>

      <ul class="menu">

            <li><a href="menu2.html">Inicio</a></li>

            <li><a href="actualidad.html">Actualidad</a></li>

            <li><a href="laliga.html">La liga</a></li>

            <li><a href="internacional.html">Internacional</a></li>

            <li><a href="contactenos.html">Contacto</a></li>

      </ul>

    </div>

  </nav>


aplicando estilo al logo

.logo img {

  width: 100px; /* Ancho del logo */

  height: auto; /* Alto del logo */

  margin-right: 5px; /* Espacio entre el logo y el texto */

  border-radius: 5px; /* Para hacerlo un poco redondo */

}


4. Preparando el menú para las demas paginas



5. copiando pagina para siguiente link en el menú

Una vez que la pagina del menú esté funcionando, copiela con otro nombre, el nombre debe ser de acuerdo a la opción de  su menu que quiera implementar (el que ha indicado en el paso anterior), la idea es tener una copia de su pagina principal, modifique los titulos de esta nueva pagina para que adquiera el aspecto de la nueva opcion de menú.


Este paso debe repetirlo para las demas paginas de opciones del menu principal


No hay comentarios:

Publicar un comentario

FORMULARIOS HTML: LA PUERTA DE ENTRADA A LA INTERACCIÓN

FORMULARIOS HTML: LA PUERTA DE ENTRADA A LA INTERACCIÓN   ¿Qué es un Formulario HTML? Imagina que una página web necesita obtener info...