Versión: 1.1.1

- Reconocimiento del navegador y, si es móvil, redireccionamiento a la versión móvil alojada en http://m.pablobetes.com, con opción de vuelta a la versión de escritorio situada en el footer de la versión móvil.

Versión: 1.1

Los cambios que se han hecho desde la última entrega han sido los siguientes:

- Optimización del banner superior y del botón del logo y otros iconos que se mostraban con un marco blanco en Internet Explorer.
- Redondeado de esquinas con jquery corner tanto del contenido como del footer.
- Descarga de los CSS y JS de Twitter, Jquery, Jquery Mobile, Superfish y Skype para que acceda a mi servidor y no los descargue de la web para impedir que no funcionen si caen los servidores que los alojaban.
- Cambio en el js de Twitter para que al hacer click en los enlaces, éstos se abran en una ventana/pestaña nueva en vez de abrirse en la misma y traducción de la interfaz al español.
- Cambio en el js de Skype que mostraba un punto blanco en el lateral izquierdo de la pantalla.
- Comienzo de la implementación de una interfaz móvil con jquery mobile (BETA) www.pablobetes.com/mobile.html
- Reorganización del código fuente ajustándose a las normas de estilo (márgenes) tanto del HTML como del CSS.
- Implementación de Superfish para el botón de fotografía del banner superior.
- Implementación de un visor de fotografías en HTML.
- Creación de un nuevo estilo CSS secundario con el banner de botones vertical en vez de 'inline' y cambios en la interfaz.
- Se añaden dos botones en la parte superior derecha de la página para conmutar el estilo CSS.
- Cambios en el HTML para ajustarlo a la norma para que valide con el validador W3C.


Aquí dejo unas capturas de pantalla de todos los cambios realizados:

Paletas de Colores

A partir del logo de mi web,






kuler.adobe.com, me muestra la siguiente paleta de colores:

La paleta de colores tomando como base el último color, que es el que más protagonismo tiene en la web, queda así:

Análogo:

Monocromático:

Complementario:

La paleta de colores que más se ajusta a lo que quiero es la primera.



Desde checkmycolours.com, analizando mi web, muestra que tiene 29 elementos y todos ellos han pasado el test, como muestra la siguiente captura:

Versión 1.0

Presento la primera entrega de la web que está alojada en mi propio dominio: www.pablobetes.com

El trabajo realizado para esta primera entrega es el siguiente:


- Cambio del nombre del título de la página.
- Cambio del nombre, del color y del tamaño de los botones de la parte superior.
- Logo en la parte izquierda de la botonera superior.
- Cambio en las dimensiones y en el contenido del banner.
- Sustitución de texto de la entrada.
- Bordes laterales de la entrada.
- Cambio del texto del footer.
- Integración con Twitter (BETA).

- Compra del alojamiento y puesta en funcionamiento.

Actualmente, CSS se encuentra perfectamente adaptado a la norma pero HTML da un par de fallos debido al script de Twitter.

Aquí dejo un par de capturas del antes y el después:

Planificación de la web

Voy a hacer mi página web personal, que en un futuro, colgaré en mi dominio.

El objetivo de una página personal es dar información a la gente sobre mí, con mi biografía, fotos y redes sociales.

La páginas que he encontrado que me sirven como referencia son:

http://www.rosalonso.es/
http://www.emmawatson.com/
http://www.oscarsanchez.net/
http://www.robesfotografo.com/

Lo principal que quiero mostar en la web es mi biografía, un apartado con fotos ordenadas en álbumes (ya que la fotografía es mi principal afición) y elementos de redes sociales como Twitter para que aparezcan los tweets incrustados en la web.

En el caso de hacer una app móvil, pondría la misma información que en la web adaptada a los terminales táctiles. Por ejemplo, el pase de fotografías, deslizando el dedo como si se pasase una página de un libro.