Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Ejercicio 1 4p

    Hochgeladen von

    dlospina
    84 Ansichten4 Seiten
    1 ejercicio

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    1 ejercicio

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    84 Ansichten4 Seiten

    Ejercicio 1 4p

    Hochgeladen von

    dlospina
    1 ejercicio

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 4

    Ejercicio 1

    Preparar nuestro sitio

    Objetivo: Crear las primeras pginas del sitio.

    Comienza creando una carpeta, y llmala parque natural.

    Dentro de ella, crea la carpeta imgenes.

    ste es el cdigo de la pgina index.html (gurdala con este Nombre) vamos a crearla en el bloc de notas.

    Recuerda, que es importante que la guardes con la extensin 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="#">Galera</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
    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,

    albergan una amplia colonia de aves. </p>

    <p>Entre las especies del parque podemos destacar una de las ultimas colonias de buitre leonado de la
    zona.

    Tambin nos veremos constantemente sobrevolados el halcn peregrino o el guila perdicera. Al


    acercarnos a

    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>

    <p> Tu NOMBRE </p>

    </body>

    </html>

    Observa que lo hemos introducido dentro de una etiqueta <div>.

    Guarda y sube los dos archivos a tu carpeta del DRIVE.

    Ejercicio paso a paso:

    KompoZer. Pgina base

    Vamos a crear la pgina que nos servir como base para crear las distintas pginas del curso.

    La pgina la ubicaremos en el sitio que habamos creado previamente, llamado sitio_flores.

    En la barra de redaccin de KompoZer, haz clic sobre el botn Nuevo.

    En la pgina en blanco, escribe el nombre del sitio, Floramics. No cambies de lnea al acabar.

    En la barra de formatos, en el primer desplegable, elige Ttulo 1.

    Pulsa Intro para saltar de lnea.

    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 barra de redaccin haz clic sobre el botn Enlace.

    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

    dos veces intro.

    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

    cambiaremos para cada una.

    Cambia de lnea y escribe el texto del pie, Todos los derechos reservados. El smbolo lo puedes insertar
    a

    travs del men Insertar Caracteres y smbolos....

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

    Escribe el cierre de la etiqueta (</div>) tras el cierre de la lista (</ul>).

    En la pgina tenemos ahora dos divisiones, una para el encabezado y otra para el pie. Crea otra para el

    contenido, que englobe al ttulo 2 y al prrafo.

    Para acabar, vamos a aadir el enlace a la hoja de estilos. Vuelve al modo de edicin normal.

    En la barra de redaccin, pulsa en CaScadeS.

    Despliega el men de la izquierda y elige Elem. Enlace.

    En el campo URL escribe estilo.css y pulsa en Crear hoja de estilos. Pulsa Aceptar.

    En la barra de redaccin, pulsa Guardar.

    Cuando te pida el ttulo, escribe el nombre de la asociacin y pulsa Aceptar.

    Asegrate de que eliges la carpeta sitio_flores para guardarla, cmbiale el nombre por base.html y

    pulsa Guardar.

    Das könnte Ihnen auch gefallen