Nueva versión de Anna Port Fotografía

Después de la web de Harolito Photo he realizado algunos otros pequeños proyecots web, pero no ha sido hasta ahora que me he puesto otra vez de lleno y con un resultado bastante satisfactorio. El objetivo del proyecto? Remodelar al completo la web de Anna Port para poder hacerla más dinámica y de paso cambiar el estilo.

Plantee el proyecto en dos partes: la gestión de las galerías y el aspecto visual. He aprendido mucho con este proyecto y pronto publicaré cosas interesantes en el blog. (tip CSS)

Primero tenía que conseguir un sistema sencillo con el que poder publicar y organizar las fotografías del portafolio. Quería algo más potente que el antiguo sistema con Lightroom y algo mas amigable que el que diseñe para Harolito Photo. Entonces el paso estaba claro, WordPress. Tuve que desarrollar un theme para este CMS que escondiera el estilo “blog” para crear una página  al estilo “portafolio”.

http://annaport.es

Ademas la gestión de fotografías tenía que ser cómoda por lo que decidí usar Flickr. Usando la API del servicio desarrollé un sistema con el que recuperar cómodamente las imágenes de los álbumes.

En el aspecto visual he querido dar importancia a las imágenes y siguiendo las peticiones del “cliente” el resultado ha sido bastante satisfactoria gráficamente. El mayor problema lo tuve con las galerías aunque al final he personalizado una que gusta bastante.

Después varios días trabajando en esto y haciendo diversas revisiones ya esta preparada y la podéis ver en la web de Anna Port. El tema para WordPress lo he llamado FrancePhoto y lo publicaré próximamente por si alguien lo quiere usar.

Espero que os guste.

Mis otros trabajos.

Centrar imágenes usando CSS

Creando la portada de mi último proyecto me he visto con la necesidad de poner una imagen centrada en el diseño. En un principio todos pensamos en usar text-align: center pero esto solo afectaría al contenido de un bloque.

Dado que la etiqueta img no es un contenedor (no podemos usar <img>contenido</img>) la propiedad anterior no afecta a las imágenes. Para arreglar esto podemos usar un pequeño arreglo muy fácil:

img { display: block; margin: auto; }

Con este código hacemos que la imagen se centre, aplicando un margen automático a los cuatro lados. Si solo queremos centrarla horizontalmente podemos usar margin-left/right. Uniendo este a un selector de clase CSS podeís hacer que solo la imagén de la portada se centre.

Os presento paa taa taa

Después de la presentación de mi último proyecto de diseño web, la web de Anna Port hoy os traigo mi último proyecto. Tengo que dar las gracias a la confianza que me ha dado el “cliente”, pues me ha puesto pocas trabas y al final ha salido una web bastante interesante.

Os presento Harolito Photo, o mejor dicho: paaa · taaa · taaa

harolito

Después de ver el trabajo hecho con el portafolio de Anna Port, Harol me pidió que le hiciera algo parecido para poder mostrar sus fotografías de una forma más profesional que la que tenía. Yo le expliqué que mucho no sabía de diseño web, pero el me dio su confianza y yo he hecho lo que he podido.

La parte del front-end no ha sido muy complicada, pues el trabajo era hacer algo simple con un estilo visual muy parecido al de la mayoría de portafolios.  El reto para mi era hacer un panel de control con el que Harol no tuviera problemas para administrar su web. Finalmente encontré y edite un CMS y el resultado no esta nada mal.

Este proyecto ha conseguido que mejorara mis conocimientos de PHP. También he usado, lógicamente, HTML, CSS y Javascript.

Ha sido un proyecto muy interesante para mi :D Las cosas van mejorando, y aunque me queda mucho por aprender creo que voy paso a paso :D

¿Que os parece el trabajo? ¿Y sus fotos? :D

Mis otros trabajos.

Os presento AnnaPort.es, mi primera web

Hoy tengo el orgullo de presentaros mi primer trabajo de diseño web. Ya lleva un tiempo online pero hasta hoy no me he decidido a hablar sobre ello porque aún le faltaban algunos retoques.

Este sitio quiere ser un portafolio para las fotografías de una artista. Podéis ver más fotos suyas en su Flickr.

No tengo muchos conocimientos de diseño web (espero que por ahora) pero he intentado hacer todo lo posible para que este medianamente presentable y profesional.

He usado estándares como HTML y CSS. También algo de Javascript para el Ajax de las diferentes secciones. Y finalmente las galerías están hechas en Flash con Simpleviewer.

El diseño está hecho por mi, con peticiones de la artista. Me gusta como ha quedado finalmente aunque siendo tan autocrítico como soy podría estar mucho mejor y espero que en un futuro este más preparado para mejorarla.

Ahora a afrontar nuevos proyectos ^^

Anna Port Fotografia
Otros trabajos.