Diseño responsive

1. El sitio para una pantalla grande

He aquí el sitio que vamos a realizar. En primer lugar, no será un RWD.

He aquí el código de la página HTML:


<!DOCTYPE HTML>  
<html lang="es">  
<head>  
   <title>Mi página de inicio</title>  
   <meta charset="UTF-8" />  
   <link rel="stylesheet" href="styles.css" />  
</head>  
<body>  
<div id="contenedor">  
    <header id="arriba">  
        <h1>Mi sitio web</h1>  
        <h2>El eslogan de mi sitio Web</h2>  
    </header>  
    <nav id="navegacion">  
        <p><a href="#">Enlace 1</a> | <a href="#">Enlace  2</a> |  
        <a href="#">Enlace 3</a> | <a href="#">Enlace  4</a> |   
        <a href="#">Enlace 5</a> | <a href="#">Enlace  6</a></p>  
    </nav>  
    <section id="contenido">  
    ...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Tamaño de las pantallas
Siguiente
Utilidad de las hojas de estilo para la impresión