Índice

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">  
     ...