Banner Europa

Hoy me ha tocado repetir lo que hice ayer para Espanna pero ahora en la página Europa.
La tarea de hoy por tanto ha sido sencilla, pues ya sabía que tenía que añadir en cada caso.

Una vez hecho esto, me he puesto a repasar las páginas que ya tenía hechas para quitar algunos hipervínculos que me quedaban por ahí y para cambiar las tablas de imágenes de 2x3 por tablas de 3x2, para que queden bien con el marco de la página Index.

Además he probado en un ordenador diferente las páginas para ver que cosas tenía que cambiar porque no se veían y me he dado cuenta de que todas las fotos de Segovia me las tengo que descargar y reinsertar, porque solo estaban copiadas junto al texto y algunas comidas de Estambul lo mismo.

El próximo día debería estar todo perfecto.

Banner Espanna

La tarea de hoy consistía en poner un banner como el que hicimos ayer en las páginas de España y Europa. Para ello, he copiado el código de ayer y lo he pegado en la parte del body de la página de España, la cual he copiado antes por si acaso la estropeaba.

Al principio no me salía, pero he visto que el problema estaba en que he pegado el código debajo de la foto y lo tenía que poner en la parte de arriba de body.

Una vez tenía la estructura principal, me he puesto a cambiar el nombre de las imágenes y las páginas de enlace en el código, pero una vez hecho me he dado cuenta de que no se veían las imágenes ni iban los enlaces.

Aunque al principio he intentado sacarlo por mi mismo finalmente he tenido que pedir ayuda a Ricardo. El problema estaba en que en el apartado de la página web tenía que poner solo el nombre de la página.htm en lugar del emplazamiento concreto, por ejemplo F:\FRONTPAGE\Ejercicios\Espanna.htm y en el de las imágenes, tenía que poner delante del nombre de la imagen la carpeta en la que se encontraba, es decir, imagenes/acueductodesegovia.jpg por ejemplo.

banner

Lo primero que nos ha dicho ricardo que tenemos que hacer es crear un banner de imágenes. Nadie sabía lo que era así que nos lo ha explicado: Es una tira de imágenes que pasa por encima de la página y cada imagen tiene un enlace a una página.

Nos hemos puesto a buscarlo como locos y no encontrabamos nada, hasta que he buscado con el nombre de scroll. He encontrado el código en javascript y lo he pegado en una página en blanco.
Ya en el código me ha tocado cambiar las imágenes que salían, el texto que sale al ponerte sobre ella y la página del enlace, entre las que he puesto Marca.com, google.es...

Las imágenes eran demasiado grandes por lo que he tenido que reducirlas con la ayuda de Ricardo. Para ello tenía que poner las palabras width + un número y height + otro número, que significan anchura y altura, después del nombre de la imagen.

Javascript

Hoy hemos leído la lección 15 del curso de aulaclic, pero solo la parte de Javascript, que es un lenguaje de programación.
Una vez hecho esto, hemos empezado a practicar en hojas nuevas.
Lo primero que nos ha pedido ricardo ha sido un reloj analógico que llevara también fecha. Lo único que hemos tenido que hacer ha sido buscar esto en la página mundojavascrip y copiar su código dentro del body. Después hemos ido probando y cambiando los colores del reloj, el tamaño, el tipo de letra...
Más tarde hemos probado cosas a nuestra bola, yo por ejemplo he hecho un cartel de neon en el que las luces se encendían y apagaban con diferente velocidad y un texto que se escribía con máquina antigua de escribir y daba la sensación de que se equivocaba, borraba y volvía a escribir. A ésta no la he pillado el truco, ya que borraba lo que yo quería pero escribía más tarde de lo que yo le ponía....

Algunas muestras son éstas:

Ultimo dia para retocar cosas

El próximo día empezaremos a leer la próxima lección, por lo que hoy era el último día para dejar las páginas terminadas.

En la clase de hoy he ido comprobando que tenía todos los elementos en todas las hojas, poniendo y quitando hipervínculos, metiendo algunas fotos en tablas para que queden mejor distribuidas y puesto que algunas fuentes se me habian borrado, las he cambiado por unas más normales que espero acepte el ordenador de Ricardo.

Además he buscado fotos del gato en Estambul y Olot, que aún no las tenía. En la segunda ha sido imposible encontrar, asíque he tenido que usar el Ulead Photo Express y crear algún montaje.

Además como se puede ver en la imágen, he modificado el fondo de las ciudades españolas, porque el verde no terminaba de gustarme.

Final Estambul

Hoy he termiado de buscar algunos lugares de interés de Estambul, como el Gran Bazar o un crucero por el Bósforo y sus correspondientes fotos.

Después he buscado su gastronomía. He tenido un pequeño problema ya que al copiar la información he copiado también las imágenes y después me ha tocado descargarmelas para tenerla en el Pendrive. Estas son algunas:

Además he terminado de buscar las imágenes de la gastronomía de Viena que aún no había terminado.

Estambul

La de hoy ha sido una clase extraña donde las haya.

Al margen de esto, he modificado la página de Europa al igual que hice ayer con la de España para que entre en el nuevo marco.

También he empezado la página de Estambul:

-La información general.

-Primeros lugares de interés:

1. Mezquita de Arap



2. La Mezquita Azul
   


3. La iglesia de Santa Sofía

Además he encontrado un gif animado con la bandera de Europa para ponerla en las páginas de las ciudaddes europeas y que sirvan de vuelta a la página de Europa.

Marcos

Hoy hemos leído la lección 8 del curso de aulaclick: Marcos.
Una vez hemos leído esto y hemos hecho unas pruebas en una hoja nueva, Ricardo nos ha hecho modificar la página que teniamos titulada como Index:
-Hemos tenido que dividir la página en dos regiones, mediante la acción de los marcos, y en la parte de la izquierda hemos situado los mapas de Europa y España, con unos hipervínculos que nos lleven a las páginas de España y Europa y que éstas aparezcan en la parte derecha.
Inicialmente la parte derecha tiene el titulo de MIS VIAJES y la foto del gato con su descripción.

(No se ve ninguna división en la página porque he pues to el mismo fondo, he quitado la barra de desplazamiento ajustando el tamaño de las fotos y he marcado una casilla que no muestra la división).

-Ahora me toca modificar las páginas España y Europa de modo que queden bien encuadradas en el marco derecho. Hoy he modificado la página de España.

Viena

Después de no venir ayer a clase, hoy me he dedicado a diseñar la página de Viena.
He hecho el apartado de información general, de lugares de interés y también la gastronomía.

-La información general la he completado con alguna foto de la ciudad

-El apartado de lugares de interés está formado por varios palacios, las tabernas típicas de Viena y la ópera.

- Me he quedado buscando fotos para la gastronomía, ya que tengo pocas fotos y bastante información.

Además he cambiado el tamaño de los títulos de las páginas de Segovia, Olot y Granada para que llamen más la atención.

Estas son algunas de las fotos que he empleado hoy:

Continuación París

Hoy he buscado la gastronomía de París y he conseguido algunas fotos de las comidas.

Después he buscado las flechas de retorno al inicio de la página, que esta vez son una bola azul y como su fondo es negro, se confunde con el de la página.

También he creado todos los marcadores de la página y he puesto los hipervínculos en la lista superior y en las flechas.

Al final de la hora he buscado las fotos del gato en Segovia ya que se me habían olvidado.

Empiezo con Europa

Hoy he empezado con la primera ciudad europea: París.
Para las ciudades Europeas he ideado otro diseño diferente, con fondo oscuro y letras blancas. El fondo de momento es provisional hasta que encuentre uno que me convezca.
El tipo de letra de cada título lo he cambiado también y debajo de cada aspecto a desarrollar he puesto una línea degradada de azul a blanco.
En cuanto a contenido, solo he hecho la información general y los lugares de interés, que he tenido que buscar y luego desarrollar. Después he añadido una foto a cada lugar y la he alineado con el texto. Algunos de estos lugares son estos:

Día de Relax

Hoy, primer día después de los examenes, Ricardo nos ha dado un día tranquilo, pero lo hemos empleado para adelantar el trabajo.
Lo primero de todo he hecho un mapa de imágenes sobre el mapa de España, es decir, he puesto un hipervínculo sobre las chinchetas del mapa que lleve a las distintas páginas de las ciudades españolas.
Luego he editado el mapa de Europa y le he puesto las chinchetas correspondientes en Estambul, Viena y París.
También he añadido un gif en las páginas de Espanna y Europa, que te lleve a la página Index. Para alinearlo con el mapa como yo quería he tenido que crear una tabla y luego alinearlo en la tabla. En este proceso he entendido la importancia de la sangría y de los "blockquote", los cuales tengo que suprimir para mover bien los objetos por la página.