Blog Plaza de Oriente
Se ha añadido una animacion que interacciona con el usuario en la seccion Acercade... En ella se podra ver informacion sobre nosotros haciendo click sobre una de nuestras fotos.
Tuvimos problemas con la incorporacion del video a la pagina, ya que macromedia incorporo maquetas html para el video, asi como tablas para contenerlo que luego no pasaban los validadores. El elemento que mas problemas ha dado al igual que en la insercion de musica en la pagina ha sido el modo de insertar la animacion sin emplear la etiqueta "embed", este elemento fue creado por Netscape como su metodo para meter plugins y reproductores embebidos en paginas web. A pesar que algunos exploradores como Netscape y otros lo soportan, este elemento no es un estandar HTML y no pasa lo validadores, por lo que para poder añadir contenido flash, animaciones macromedia, etc. en este caso hemos tenido que recurir a meterle toda la linea "embed" a traves de javascript. No podemos prescindir de esta linea si queremos que exploradores como Netscape y otros puedan visualizar el video.
Para ofrecer mas interactividad al usuario empleando JavaScript hemos probado a crear una formulario de contacto, el cual ha de tener una serie de campos obligatorios. Para verificar estos campos hemos empleado una funcion JavaScript que comprueba que los datos introducidos son correcto y envia un mail a nuestra direccion, en caso de encontrar algun campo incompleto o incorrecto lo avisa por pantalla. Debido a que no podemos emplear php para enviar los emails con webmail, nos hemos apoyado en el script formMail en Pearl, pero nuestro servidor (pese a facilitarnos un derectorio para estos scripts en Pearl), no es capaz de interpretar el script y por tanto, no podemos enviar aun emails sin necesidad de otro servidor de correos que no sea el nuestro, estamos tratando de solventar el problema con ayuda de los administradores del servidor, si no podemos solucionarlo, tendremos que optar por enviar el correo via Outlook porque es muy tarde para migrar a otro servidor...
Como esperamos ya hayais comprobado, ya podeis visitar nuestra página principal y escuchar el precioso "Canto della Terra". Con el fin de dar un poquito de sonido a la web hemos optado por esta cancion clásica compuesta por F.Sartori e interpretada por Sarah Brightman dueto con Andrea Bocelli. La cancion se encuentra en formato WAV (para poder insertarla con Object conforme a estándares) y para minimizar el espacio hemos tomado 8bits como tamaño de muestreo a 8,000 kHz en Estéreo con una velocidad de Bits de 128 kbps, asi hemos logrado que pese a que la calidad es muy inferior a lo normal, la carga es "bastante" rapida desde el servidor a tu navegador.
Tambien podeis probarlo desde aquí:
Finalmente hemos logrado con Javascript que el cambio de estilo en nuestras paginas se transmita a todas nuestras paginas. Para ello hemos empleado la barra de navegacion como pensamos en un principio y al llamar a otra pagina rescatamos esa informacion y actualizamos nuestro estilo al entrar en el cuerpo de la pagina.
Hemos quitado el módulo de SimpleViewer para sustituirlo por uno creado por nosotros mismos, para ello hemos usado HTML + CSS + JavaScript, asi seguimos poniendo en práctica todo lo aprendido en clase y fuera de ella. Quizás no quede tan llamativo como el de antes, pero ha sido diseñado por nosotros integramente.
Nuevo elemento desarrollado en JavaScript que cambia el tamaño de letra. El propio navegador ya cuenta con la opción de cambiar el tamaño de texto de forma relativamente sencilla. Aunque hay personas que posiblemente tengan poca experiencia usando internet y tal vez algún tipo de pérdida visual.
Trás las clases de teoría de JavaScript vistas estos últimos días, hemos añadido a la web un botón para que nos puedan agregar a favoritos, y otro para el cambio de estilo, que más adelante estará disponible, ya que estamos investigando y haciendo pruebas acerca de como desarrollarlo.
Estos botones se encuentran en la parte izquierda bajo el menú.
Se encuentra en todas las páginas en la parte superior derecha, para facilitar la búsqueda de cualquier dato relacionado con la Plaza de Oriente, solo realiza busquedas dentro de nuestro dominio.
Más adelante incorporaremos al menú una nueva categoría que se llamará buscar, donde podreís realizar busquedas en todas las páginas de histMadrid.
Para darle un poco de movimiento a nuestra página principal hemos incorporado una película en flash, no es más que una foto que va apareciendo poco a poco, este efecto se consigue con la opacidad del elemento, que en nuestro caso es una imágen.
Hemos creado un nuevo elemento del menú, donde hemos colgado fotos recogidas por internet. Para ello nos hemos ayudado de un módulo ya hecho, se trata de SimpleViewer, es gratuito y fácil de usar, para descargarlo y saber más características puedes encontrarlo aquí.
En localización hemos añadido un servicio gratuito de Google. Google Map es un servidor de aplicaciones de mapas en Web, ofrece la capacidad de hacer acercamientos o alejamientos para mostrar el mapa. El usuario puede controlar el mapa con el mouse o las teclas de dirección para moverse a la ubicación que se desee.
Nosotros lo hemos programado en base a nuestras necesidades, a parte de las funciones básicas también hemos añadido un callejero, y varios puntos para saber la situación exacta de todo lo que rodea a la Plaza de Oriente. También en está sección se encuentra como llegar a la Plaza de Oriente en transporte público.
Hemos reducido nuestros diseños a 3 hojas de estilo independientes y simplificado las declaraciones internas.
Una vez creada la base de nuestra pagina hemos propagado el codigo HTML al resto de paginas que van a componer nuestro espacio. Trataremos de emplear javascript para implementar esos cambios, pero no podemos enviar varibles de una pagina a otra como en las web dinamicas y por tanto no se respetaria el cambio de estilo al cambiar de seccion dentro de la web... actualmente tratamos de solventar ese problema
Hemos podido comprobar que nuestra direccion ya aparece en Google.
Con motivo de esta noticia y en paralelo a las maquetaciones hemos ignagurado la seccion Historia, para ir ampliando poco a poco nuestros contenidos.
Con la teoria de clase hemos solucionado los problemas con las capas de nuestro diseño, ya no presenta ningun problema en ningun navegador y pasa todos los validadores.
Ahora hemos decidido dar un paso mas. Cada uno de nosotros ha iniciado un diseño en paralelo que se ajuste a la misma declaracion HTML con el objetivo de crear en un futuro una funcion para poder intercambiar dichos estilos mientras que aprendemos todos el funcionamiento de las hojas de estilo.
Puesta en produccion del primer diseño sencillo realizado integro en CSS, la maquetacion de la cabecera y los efectos de los botones de la barra lateral del menu han sido realizados con Photoshop. Hemos realizado el primer diseño clasico y sencillo debido al caracter de la plaza de Oriente
Debido a la incorporacion de los nuevos elementos hemos restructurado la disposicion de archivos en el servidor mediante carpetas especificas para cada subpagina y una carpeta comun con las imagenes con sus respecticas carpetas. De igual modo hemos dividido nuestra pagina CSS en un par de paginas CSS diferenciando los diseños de capas y los estilos de parrafos.
Tras validar la pagina hemos probado a visualizarla en diferentes navegadores y hemos encontrado errores en algunos como Safari, actualmente tratamos de subsanar este problema.
Tambien hemos dado de alta nuestra URL en google, esperamos verla pronto en el buscador.
Hemos creado el icono de la pagina con una imagen de la plaza, a partir de ahora ya podeis ver el icono en todas nuestras paginas.
Con la incorporacion de la pagina del Blog hemos comenzado a crear varios diseños mediante capas para la pagina definitiva. Pronto realizaremos las primeras pruebas.
Cambio de servidor debido a que nos metía código Java Script y nos daba error al pasar el validador W3C, hemos estado dándole vueltas como poder quitarlo, pero la decisión tomada para evitarnos problemas ha sido cambiar de servidor.
El nuevo alojamiento es http://www.plazadeoriente.890m.com
Aquí tenéis el código:
Tal y como habíamos acordado, hemos estado mirándonos durante la semana CSS y HTML, y hemos empezado a trabajar en este blog, donde iremos colgando todas las experiencias y vivencias durante el transcurso de creación de la web.
Hoy nos hemos centrado en buscar un servidor en el que alojar la web, el cual fuese gratuito y no nos introdujese publicidad alguna.
La web ha sido alojada en http://www.plazadeoriente.99k.org
Hemos enviado por email los datos requeridos para la práctica, y también hemos colgado nuestro index.html indicando que estamos en construcción.
Tras la clase de teoría de hoy, hemos ido a prácticas. Lo primero ha sido elegir el tema sobre el que tratará nuestra web, la elección ganadora ha sido la Plaza de Oriente. Acto seguido hemos estado buscando y recopilando información por la red.
Plaza de Oriente | Última modificación 08-06-2008 | Danny DC, Miguel0n y Mike | Copyright © 2008