Ayuda ejercicios unidad 5: Preparar nuestro sitio

Solución al ejercicio

Crear las primeras páginas del sitio.

Comienza creando una carpeta, en la misma carpeta que has guardado el sitio_flores, y llámala parque natural.
Dentro de ella, crea la carpeta imagenes.

Éste es el código de la página index.html. Puedes crearla con KompoZer o directamente con el bloc de notas. Recuerda, que es importante que la guardes con la extensión adecuada:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
    <title>Parque Natural Sierra Bicuerca - Bienvenidos</title>
    <link href="estilo.css" rel="stylesheet" type="text/css" />  
  </head>
  <body>
    <h1>Parque Natural Sierra Bicuerca</h1>
    <ul>
     <li><a href="index.html">Inicio</a></li>
     <li><a href="especies.html">Especies</a></li>
     <li><a href="#">Reservas</a></li>
     <li><a href="#">Galer&iacute;a</a></li>
   </ul>
   <div>    
    <h2>Bienvenidos al Parque Natural</h2>
    <p>El Parque Natural de Sierra Bicuerca, reserva de la biosfera, es referencia 
      obligada del bosque y matorral mediterr&aacute;neo interior, y h&aacute;bitat
      de la fauna y flora aut&oacute;ctona.</p>
    <p>Fue declarado parque natural en 1983, con una superficie de 9.090 Has. siendo
      uno de los enclaves m&aacute;s extensos de la Comunidad Valenciana. Con un gran
      espesor de vegetaci&oacute;n, y varios riachuelos ofrecen un clima ideal para las
      especies terrestres y acu&aacute;ticas. Sus bosques, de carrasca y pino, albergan
      una amplia colonia de aves.</p>
    <p>Entre las especies del parque podemos destacar una de las &uacute;ltimas colonias
      de buitre leonado de la zona. Tambi&eacute;n nos veremos constantemente sobrevolados
      por el halc&oacute;n peregrino o el &aacute;guila perdicera. Al acercarnos a los 
      riachuelos, veremos numerosas pisadas de jabal&iacute;s y ciervos, y si no hacemos
      mucho ruido, no es dif&iacute;cil encontrar alguno abrevando bajo la atenta mirada 
      del mart&iacute;n pescador, esperando a la despistada trucha.</p>
    </div>
   </body>
  </html>

El código de color negro es la estructura general de la página, que se repetirá en todas las páginas del sitio.
El código gris, es lo que cambiará en cada página. Observa que lo hemos introducido dentro de una etiqueta <div>.

En la página especies.html cambiamos el contenido con respecto a la anterior, pero respetando la misma estructura:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
    <title>Parque Natural Sierra Bicuerca - Especies del parque</title>  
    <link href="estilo.css" rel="stylesheet" type="text/css" /> 
  </head>
  <body>
    <h1>Parque Natural Sierra Bicuerca</h1>
    <ul>
     <li><a href="index.html">Inicio</a></li>
     <li><a href="especies.html">Especies</a></li>
     <li><a href="#">Reservas</a></li>
     <li><a href="#">Galer&iacute;a</a></li>
   </ul>
   <div> 
    <h2>Especies del parque</h2>
    <p>Estos son algunos de los habitantes de parque:</p>
    <h3>Nutria</h3>
    <p>La nutria europea o pale&aacute;rtica (Lutra lutra) es un mam&iacute;fero carn&iacute;voro
       de h&aacute;bitat acu&aacute;tico. Se alimenta de peces, ranas y peque&ntilde;as presas que
       caza en el r&iacute;o. Cerca de sus lugares de cobijo, podremos ver toboganes que crean para
       llegar r&aacute;pidamente al agua.</p> 
    <h3>Buitre leonado</h3> 
    <p>El buitre leonado (Gyps fulvus)es un ave rapaz, una de las mayores  que puede encontrarse
       en la Pen&iacute;nsula Ib&eacute;rica. Su alimentaci&oacute;n principal es la carro&ntilde;a,
       que localiza con su aguda vista.</p>
     <h3>Gineta</h3> 
     <p>La gineta (Genetta genetta) es una especie de mam&iacute;fero carn&iacute;voro.
       Son grandes trepadoras, muy &aacute;giles y grandes cazadoreas de peque&ntilde;os animales. 
       Aunque tambien se alimentan de los frutos del bosque que se peden encontrar en el parque.</p>    
   </div>   
  </body>
  </html>

Observa que utilizamos encabezados y párrafos apra el texto.

Cursos Informática Gratuitos

Síguenos en: Facebook Sobre aulaClic Política de Cookies