Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
ste es el cdigo de la pgina index.html (gurdala con este Nombre) vamos a crearla en el bloc de notas.
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<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="#">Galera</a></li>
</ul>
<div>
<p>El Parque Natural de Sierra Bicuerca, reserva de la biosfera, es referencia obligada del bosque y
matorral
mediterrneo interior, y habitada de la fauna y flora autctona. </p>
<p>Fue declarado parque natural en 1983, con una superficie de 9.090 Has. siendo
uno de los enclaves extensos de la Comunidad Valenciana. Con un gran espesor de vegetacin, y varios
riachuelos ofrecen un clima ideal para las especies terrestres y acuticas. Sus bosques, de carrasca y pino,
<p>Entre las especies del parque podemos destacar una de las ultimas colonias de buitre leonado de la
zona.
los riachuelos, veremos numerosas pisadas de jabales y ciervos, y si no hacemos mucho ruido, no es difcil
encontrar alguno abrevando bajo la atenta mirada del pescador, esperando a la despistada trucha. </p>
</div>
</body>
</html>
Vamos a crear la pgina que nos servir como base para crear las distintas pginas del curso.
En la pgina en blanco, escribe el nombre del sitio, Floramics. No cambies de lnea al acabar.
Vamos a escribir el men. Escribe los distintos elementos, cada uno en una lnea. Debe de quedar con este
aspecto.
Inicio
Flores
Nosotros
Contacto
Noticias
Selecciona las cinco lneas y pulsa el icono de la barra de formatos para convertirlas en una lista no
ordenada.
Haz doble clic sobre el texto del primer elemento para seleccionarlo.
En la ventana que se abre, en Ubicacin del enlace introduce index.html y pulsa Aceptar.
Repite los pasos del 7 al 9, pero enlazando los elementos con las siguientes pginas:
Flores flores/index.html
Nosotros nosotros.html
Contacto contacto.html
Noticias noticias.html
Haz clic fuera de la lista, en la lnea siguiente. Si no puedes salir de la lista, sitate en el ltimo elemento y
pulsa
Escribe un texto donde ir el ttulo de la seccin, por ejemplo, Ttulo. Convirtelo en un Ttulo 2 (<h2>).
Cambia de lnea, y escribe un texto de ejemplo, como Aqu ir el texto. Convirtelo en un Prrafo, en el
mismo
desplegable.
Estos dos elementos los hemos colocados para hacernos una idea de lo que ir en la pgina, pero los
Cambia de lnea y escribe el texto del pie, Todos los derechos reservados. El smbolo lo puedes insertar
a
Sin cambiar de lnea, en la barra de formatos, en el primer desplegable, elige Contenedor genrico (DIV).
Cambia al modo de edicin de Cdigo fuente.
Vamos a encerrar la parte del encabezado en una divisin. Escribe la apertura de la etiqueta (<div>) antes
de la
etiqueta <h1>.
En la pgina tenemos ahora dos divisiones, una para el encabezado y otra para el pie. Crea otra para el
Para acabar, vamos a aadir el enlace a la hoja de estilos. Vuelve al modo de edicin normal.
En el campo URL escribe estilo.css y pulsa en Crear hoja de estilos. Pulsa Aceptar.
Asegrate de que eliges la carpeta sitio_flores para guardarla, cmbiale el nombre por base.html y
pulsa Guardar.