Colocando "Mis fotos": Segovia y Viena

Lo dicho en el título: ya he puesto las fotos del gato en Segovia y en Viena. Como las de Granada ya estaban, sólo quedan París, Estambul y Olot.
Eso es todo hoy, no hay más que contar.





Adiós!!

Ajuste de tamaño del banner, y aplicación al banner de España

Hola!! hoy he estado ajustando el tamaño de las imágenes que estaba usando ayer para el banner, y luego he hecho lo propio con el banner para España, al que ya le he puesto sus respectivas imágenes de segovia, olot y granada, y que al pinchar en la imagen correspondiente vaya a la página de la ciudad.Mañana o otro día crearé el de Europa, aunque casi que prefiero finiquitar lo de "mis fotos", porque urge bastante la verdad. He hecho el de España porque Ricardo quería verlo hecho, y ya está. Hoy sí que dejo imagen con el código HTML de cuando he estado practicando con las imágenes en sucio. Donde pone "var slider width", está la velocidad con que se mueve el banner. Luego más abajo, se ve que están dirigidas a una página en concreto, y más a la derecha se verían los nombres que aparecen al señalar con el ratón la imagen, y finalmente los tamaños tanto de ancho como de alto de la propia imagen.

Aquí la página del código HTML:

Aquí el primer banner que he hecho, en sucio, con las imágenes ya retocadas de tamaño.

Aquí el banner que he creado para la página de España:
Se acabó por hoy!! :)

Creación de un "banner".

Buenas!!! Como ya intuíamos, la aplicación de Javascript al proyecto no debía tardar demasiado, aunque antes he probado rápidamente un script que consistía en que, al pinchar en una imagen, cambiaba a otra, y así sucesivamente (no se aprecia en la imagen.. pero bueno):


Ahora vamos con lo importante: EL BANNER. Lo he estado aplicando primero en sucio, para no hacer destrozos en el código del proyecto. He cogido unas imágenes cualesquiera:


Aunque en la imagen no se aprecia, es una barra de tres imágenes que se desliza hacia la izquierda, y cuando desaparece, vuelve a aparecer por la derecha. El tamaño de las imágenes es ajustable, y el próximo día tengo que hacerlas más pequeñas y que se muevan también más rápido. Cuando comencemos con el proyecto mostraré cómo uso el código HTML para hacer todo eso.
Eso ha sido todo por hoy, mañana ya volvemos al proyecto, a aplicar lo aprendido y a acabar lo que quedó pendiente!! (recuerdo que ya busqué las fotos del gato en los sitios y que ya sólo me queda organizarlas y colocarlas en las tablas de cada página).
Mañana más!! :D

Lección nueva (y última): Utilizar JAVASCRIPT

Semana nueva, lección nueva. Nos hemos metido ahora en el mundillo del javascript, aunque es una mera introducción lo que vamos a ver. De todas formas, tendremos que usar algo el lenguaje de programación (HTML), aunque sea copiando, pegando, y deduciendo...
Los javascripts sirven para, en nuestro caso, añadir animaciones y efectos que den dinamismo, color y movimiento a la página, aunque tienen muchas más aplicaciones que servir para animaciones.
La página que visitaremos para descargarnos los javascript será www.mundojavascript.com esencialmente:


Hoy nos ha dado tiempo a usar algunos javascripts. Todos hemos usado el del reloj en el puntero del ratón, al que le podíamos cambiar el color, el tamaño, etc. Esto se hace en el apartado "Código" del frontpage. Anteriormente teníamos que poner una parte del código, que venía dado en la web, en el "head" o cabeza, y otra en el "body" o cuerpo. No tengo imágenes de esa parte dado que se me ha olvidado coger imágenes, y como no he guardado el documento... Pero bueno ya pondré cómo utilizo los códigos html para crear javascripts en otra ocasión, porque seguro que los usaremos en el proyecto... (sino, ¿para qué los habríamos aprendido a usar?)






No sólo he probado el javascript del puntero del mouse, también he encontrado otro que era poner letra en plan brillando y tal, a lo policía. Aunque aquí no se aprecia mucho, dejo la imagen que permite hacerse una idea de cómo era el javascript:


Está chulo esto del javascript. Mañana seguro que lo seguimos usando, aunque entonces... ¿cuándo acabaremos el proyecto? si tenemos que añadir aún más cosas relacionadas con esto, me da que esta semana no acabamos. Pero bueno, mientras Ricardo no nos meta prisa... aunque al final busqué y encontré todas las imágenes que irán en "mis fotos" con lo cual he avanzado gran parte el trabajo y tengo tiempo de sobra porque colocar las imágenes es relativamente rápido.
Bueno, Hasta mañana!

Finalizado Estambul y iniciada la búsqueda de fotos del gato.

Hoy en informática ya he acabado con Estambul, como tenía previsto. Ya tengo el apartado lugares de interés y los hipervínculos.



Bien, ahora falta una parte del trabajo importante: El apartado "Mis fotos", que me falta en todas las páginas menos en Granada. Dado que no quiero dedicar el tiempo de clase a buscar fotos sin hacer nada más, he decidido buscarlas en clase y llevar ya el lunes TODAS las fotos de TODAS las ciudades, así me quito un peso de encima, y gano mucho tiempo, porque tampoco es plan de alargar mucho más el proyecto, espero que la semana que viene ya comience a estar acabado. Quien sabe, quizás el jueves esté todo finalizado.

Comienzo la última ciudad: ESTAMBUL

Buenas!! después de estos dos días dedicándome a los marcos, ya era hora de volver a la antigua faena de la búsqueda de información. Era el turno de Estambul, que era la única ciudad que aún no había tocado siquiera. He progresado bastante, pues he encontrado ya la información general, la gastronomía, e incluso he decidido ya un diseño para la página. Esta página me ha cundido rápido el primer día. Ahora sólo quedan los lugares de interés, a los que me dedicaré mañana, además de los siempre importantes HIPERVÍNCULOS.

Hasta mañana!!

Retocando el diseño del índex una vez puesto el marco.

Hola!! Hoy, con los marcos ya puestos, me he dedicado a acabar la página inicial, la del índex. He retocado el fondo del marco, que lo he puesto azul clarito, y el de la página, que lo he dejado de color completamente blanco sin edificios de fondo, queda mucho mejor así; a veces lo simple es lo que mejor queda, y en mi opinión éste es un ejemplo. Además he cambiado también el texto introductor de la página por uno algo más currado porque las 2 frasecitas que tenía antes quedaban algo simples. También he buscado en internet y he cambiado las imágenes del marco, es decir, las de ir a Europa y a España, ya que no me acababan de gustar las que tenía antes. Estas quedan muy bien con el nuevo fondo!!


That's all today!!

Marcos

Hoy en informática nos hemos puesto un pelín las pilas y hemos dejado de lado acabar todos los hipervínculos, imágenes, información etc. del viaje del gato. Ricardo nos ha enseñado (o mejor dicho, aulaclic.es nos ha enseñado) ha hacer marcos en la página, un diseño bastante curioso porque combina de dos a tres páginas web diferentes, con distintos estilos posibles, de forma que unas páginas web pueden mantenerse constantes y sólo varíe la principal. Me explico: por ejemplo, dividimos la pag. web en 2 partes: a la izq, una más fina, que nos lleve a las páginas web principales. A la derecha, la página por la q vamos navegando (la página principal).

Sin embargo, a veces puede darse que estas 2 partes sean independientes y por tanto, ambas principales, pero no nos interesa por le momento ese estilo.

Al principio hemos estado practicando y ajustando, pero luego ya hemos comenzado a aplicar los marcos al proyecto del viaje del gato.

Acabar Viena + Hipervínculos

Hola! Acabo la semana de informática acabando el diseño de Viena y toda su información puesta y ordenada. He utilizado tablas para organizar la información.
También me he dedicado a poner bien todos los hipervínculos de Europa y su relación con el índice, para que no hayan "agujeros" en el trabajo, no sea que luego se me olvide ponerlos. Eso sí, aún me falta poner fotos del gato en todos los lugares, tanto de España como de Europa, excepto en Granada, pero eso lo haré más hacia el final, porque si no pierdo el ritmo de la clase con algo que puedo perfectamente hacer en otro momento o incluso hacerlo en casa. No es algo demasiado preciso por el momento.
Resumiendo: tengo todo hecho excepto el apartado "mis fotos" de todas las ciudades excepto Granada, y también me falta por hacer completa ESTAMBUL.

Aquí dejo imágenes de las ciudades europeas con el diseño y los hipervínculos acabados.

Trabajando con las ciudades europeas.

Buenas!! entre el martes y hoy me he estado ocupando de París y Viena, completar toda la información (que me ha costado bastante, sobretodo el tema de la gastronomía de Viena). Primero comencé por París, puse toda la info y luego comencé a adornar la página (lo cual me llevó muchos minutos porque no me venía la inspiración para que me gustase el diseño de la web). El resultado final la verdad es que lo considero bastante satisfactorio, aunque la página que más me gusta siguen siendo Segovia y Olot.Con Viena ya tengo toda la información pero aún tengo que estructurarla (tablas, organización ordenada, etc) y tengo que decorarla también, al igual que París.
Ah! y no olvidemos que Estambul aún no lo he comenzado...
A este proyecto aún le falta un tiempecillo sin duda.

Completando España

Hola!! hoy he dedicado la clase a buscar lo que me quedaba dels volcans d'olot (lugares de interés) y a completar lo que vienen siendo las cositas que me había ido dejando atrás en las otras ciudades e índices (hipervínculos, gifs animados y otras cosas), para no dejar tantos agujeros en el trabajo, y empezar Europa en serio a partir de mañana con la conciencia más tranquila (como ya tengo la información de Viena buscada, me dedicaré a buscar de París, y iré sacando a flote estas 2 ciudades, y cuando ya las tenga, comenzaré con Estambul).

Fiesta

Hola! hoy en informática Ricardo ha dejado el día libre para ir adelantando faena atrasada, hacer blog, etc, porque acabamos de volver de los exámenes y no estábamos con mucho ánimo de trabajo, además de que faltaba media clase (3 personas) y por lo tanto no era plan de avanzar gran cosa. Yo en realidad lo que he hecho ha sido buscar información de Viena para ir poniendo información en el proyecto (y hemos descubierto cosas muy interesantes como que las salchicha de frankfurt y la de viena en algunos lugares la consideran la misma, aunque en realidad no lo es).


El lunes volvemos, esta vez de verdad, y seguiremos acopañando al gato en su viaje. =)