1. Crea una nueva pgina en el sitio EJEMPLO1, y la guardamos con el nombre TEXTO1. 2. Escribe directamente en ella este texto:
Sabas que... ... el refrn " en las manos de un idiota ni la plvora arde " viene de las guerras napolenicas. Al parecer el mismo Napolen Bonaparte profiri esta frase a propsito del general Hardrick Von Jaun, comandante del ejercito austrohngaro, tras arrasar al ejercito aliado en la batalla de Jena. Lo curioso es que Bonaparte, en sus aos de academia militar en Lyon, era conocido como el cadete "Oblique" (oblicuo) por sus sucesivos errores en las prcticas de artillera. 3. Aplica a la primera lnea un Encabezado1 y a la segunda un Encabezado2. 4. Selecciona el ltimo prrafo.
5. Corta el prrafo seleccionado y lo pegas por encima del anterior. 6. Convierte los dos ltimos prrafos en una lista ordenada. 7. Cambia la lista ordenada a Lista sin ordenar. 8. Aplica la fuente Arial a los elementos de la lista. 9. Aplica color azul oscuro a los encabezados. 10. Convierte en prrafos normales los elementos de la lista, y sngralos una vez. 11. Aplica un color de gris al fondo de la pgina.
12. Guardamos los cambios. 13. Finalmente visualiza el resultado en el navegador.
NOTAS El contenido de la informacin de la energa elica tiene la siguiente estructura: Parques elicos= parqueseolicos.htm Cmo funciona un aerogenerador? = saberaero.htm
El contenido de la informacin de la energa solar se va ha componer de dos apartados con sus dos pginas: Conexin directa a red = conexin.htm Cmo funciona una clula fotovoltaica? = sabercelula.htm
NOTAS Para poner el tamao de texto a 2, haz clic en el men Texto y en la opcin Tamao y clic en 2. Si est desactivado esto ltimo, haz clic en el men Edicin y en la opcin Preferencias y en la categora General, desactiva la casilla Utilizar CSS en lugar de etiquetas HTML. Y haz clic en el botn Aceptar.
PRACTICA 5: TABLAS
10. Crea un sitio nuevo con el nombre PRACTICA05. 11. Crea 4 pginas nuevas html. Gurdalas con los nombres INDEX, HISTORIA, CONCEPTOS y SERVICIOS. 12. En la pgina INDEX haz el siguiente diseo:
El ttulo est escrito en la fuente Arial, Helvetica, sans-serif, con el formato Encabezado 1 y est centrado. La tabla tiene 3 columnas de 170 pxeles de ancho cada una y 1 fila de 145 pxeles de alto. El grosor del borde es 1 pxel. Est centrada. Los hipervnculos estn escritos en la fuente Arial, Helvetica, sans-serif, con el formato Prrafo. Estn centrados. 13. En la pgina HISTORIA haz el siguiente diseo:
El ttulo est escrito en la fuente Arial, Helvetica, sans-serif, con el formato Encabezado 1. La tabla est al 90 %, la primera columna est al 13% y la segunda columna est al 87%. Tiene 10 filas. El grosor del borde es 1 pxel.
El texto de la primera columna est escrito en la fuente Arial, Helvetica, sans-serif en negrita y con color rojo. Est centrado. El texto de la segunda columna est escrito en la fuente Arial, Helvetica, sans-serif. 14. En la pgina SERVICIOS crea el siguiente diseo:
La tabla y los textos tienen las mismas propiedades que en la pgina HISTORIA. (Puedes copiar y pegar la tabla). 15. En la pgina CONCEPTOS crea el siguiente diseo:
La tabla y los textos tienen las mismas propiedades que en la pgina HISTORIA. (Puedes copiar y pegar la tabla).
5. Busca una imagen que te guste. Puedes usar www.google.es. Cpiala en tu sitio web.
6. Inserta una celda en la tabla anterior. Inserta dentro de la celda la imagen. 7. En la otra celda de la tabla, escribe los siguientes vnculos: Alerta antivirus Diccionarios online Descarga de software - Softonic Viajes - Gua Micheln Informacin de telfonos Enciclopedia Wipipedia www.alerta-antivirus.com www.diccionarios.com www.softonic.com www.michelin.com www.paginasamarillas.es es.wikipedia.org
Los hipervnculos estn escritos en la fuente Arial, Helvetica, sans-serif, con el formato Prrafo. Estn centrados.
2. Busca en www.google.es seis imgenes que te gusten. Guarda cada imagen en una carpeta
de imgenes de tu sitio web.
3. Usa el men Comandos y la opcin Crear lbum de fotos web. 4. Rellena el cuadro de dilogo Crear lbum de fotos web: a. En la casilla Ttulo del lbum de fotos escribe: MIS SEIS FOTOS PREFERIDAS b. En la casilla Informacin de subencabezado escribe: UNA IMAGEN VALE MAS QUE
MIL PALABRAS.
c. En la casilla Otra informacin escribe: PRACTICA 7 DEL CURSO. d. En la casilla Carpeta de imgenes de origen, selecciona con el botn Examinar tu
carpeta de imgenes que has buscado en google.
PRACTICA 8: REPASO
Definir el sitio Web y establecer propiedades de pgina 1. 2. Cada prctica debe hacerse paso a paso, y en el mismo orden sin saltos. Crea un sitio local con el nombre DEPORTES, en tu carpeta Mis documentos.
3.
4.
Crea una pgina HTML con el nombre INDEX y modifica las propiedades de pgina (men Modificar). En el ttulo escribe Quines somos?, en el color de fondo selecciona el color #99CCCC y el color de texto ser #003333. Guarda los cambios y cierra la pgina. Modificar las propiedades de texto
1. 2. 3. 4. 5.
6.
Crea una pgina HTML con el nombre INSTALACIONES, en el sitio DEPORTES. Escribe en la primera lnea el texto NUESTRAS INSTALACIONES. Selecciona el formato Encabezado 1 al texto NUESTRAS INSTALACIONES. Escribe 6 lneas describiendo las instalaciones, con una lista sin ordenar (men Texto). Pon 2 sangras a la lista anterior (men Texto). Guarda los cambios y cierra la pgina.
Inserta imgenes
1. 2.
3. 4.
Busca en www.google.es una imagen de deportes. Guarda la imagen en la subcarpeta IMAGENES (Si no existe crala) de DEPORTES. Inserta la imagen anterior a la derecha del texto de las instalaciones. Guarda los cambios y cierra la pgina.
Formatos de tablas
1. 2.
Crea una pgina HTML con el nombre RESERVAS, en el sitio DEPORTES. Crea la siguiente tabla y selecciona algn formato de tabla (men Comandos). ACTIVIDAD AEROBIC CARDIO PESAS 4 PRECIO/HORA 3
3. 1.
Guarda los cambios y cierra la pgina. Crea una pgina HTML con el nombre QUIEN, en el sitio DEPORTES.
Crear hipervnculos
2.
3. 4.
Crea un hipervnculo a http://es.sports.yahoo.com en la pgina QUIEN. Utiliza el destino _blank (en el panel Propiedades) para que se abra en una ventana nueva del navegador. En la pgina INDEX, crea un hipervnculo para cada pgina del sitio. Guarda los cambios y cierra la pgina.
PRACTICA 9: REPASO
1. Crea un sitio local con el nombre PRACTICA 10.
2. Crea una pgina HTML nueva y modifica las propiedades de la pgina para poner un color de fondo #00FFCC. 3. 4. Escribe como ttulo RECETAS en el ttulo de la pgina. Guarda la pgina con el nombre INDEX.
CONSEJOS
Uno de los mtodos ms empleados en la cocina consiste en sumergir los alimentos en un recipiente con agua y aplicar calor durante un tiempo, hasta que estn cocidos. En ocasiones los distintos elementos se agregan al agua fra, como es el caso de hortalizas frescas, legumbres ablandadas, pescados, carne para caldo, huevos, etc., mientras que en otras ocasiones, se aaden cuando el agua est en ebullicin: pasta, arroz, algunas verduras, la carne del cocido, etc.
Tiempos de coccin Alcachofas Apio Calabacines Calabaza Cardos Cebollas Coles de Bruselas Coliflor Escarola
Minutos 20-30 30-40 20-30 30-40 45-50 25-30 20-25 15-20 15-20
7. La fuente es Courier New, Courier, mono. 8. Escribe el texto CONSEJOS PRACTICOS en el ttulo de la pgina.
9. Guarda los cambios. El mundo de las recetas Recetas tradicionales Recetas internacionales Recetas espaolas http://www.mundorecetas.com http://www.recetas.net http://www.arecetas.com http://www.acocinar.com/recetas.htm 10. Crea un men de salto, con la siguiente lista:
11. Crea una barra de navegacin, con dos imgenes ( imagen arriba y sobre imagen). Pon un hipervnculo que salte a la pgina de consejos. 12. Inserta una direccin de e-mail para solicitar ms informacin (mailto:)
13. Inserta una tabla de 2 columnas y 10 filas en la pgina INDEX, con las recetas ms populares. Elige algn formato de tabla a tu gusto. 14. Guarda todos los cambios y comprueba los resultados en el navegador.
2. a.
fondo.
Las pginas de los marcos deben estar diseadas con las siguientes propiedades: El fondo de la pgina del marco principal debe contener una imagen o un color de El marco superior debe tener el ttulo con Encabezado 1, con el tipo de letra y el color que quieras. Los hipervnculos del marco izquierdo deben estar diseados con las siguiente propiedades: Los prrafos deben estar con el tipo de letra y color que elijas. La alineacin debe ser centrada. Los hipervnculos son: Terra Msica Premium MSN Music Wanadoo Jukebox Apple iTunes Music Store http://musicapremium.terra.es/index.cfm http://music.msn.es http://jukebox.ritmic.com http://www.apple.com/es/itunes/store
b. 3. a.
b.
4. elijas. 5.
Modifica las propiedades de los bordes de los marcos, para que se visualicen como t Guarda todo y comprueba los resultados en el navegador.