Nicolau Suárez Olalla logo, sello de Nicolau Suárez Olalla icono mostra amaga menu principal responsive Diseñador gráfico y desarrollador web

Las webs y yo

En esta página encontrarás información de las tareas principales realizadas en las páginas webs que he creado y/o actualizado.

Mi primera web

Deigenitrix

Web dedicada al analisis y estudio de la representación escultórica de la virgen Maria, en la península, durante la edad media.

Com con mi "portafolio", la cree desde zero, sin CMS, i aún me encargo de la actualitación del codigo y el diseño.

Es un reflejo de la evolución y actualización de mis conocimientos y recursos en programación web:

Nació como una web de HTML4 y CSS2 y una simple línea de codigo PHP(include) para unir los documentos con contenido estático (head, foot).

Gracias a la experiencia adquirida en la editorial Vicens Vives pude realizar cambios destacados en el backend de la web i modernizarla: generando el codigo HTML mediante PHP e incluyendo MySQL, para almacenar contenidos de la web y la extensa galería fotográfica de vírgenes.

Si hablamos de frontend, la evolución fue similar: el codigo se iba puliendo y simplificando para hacerlo mes optimizable, y por descontado, "responsive". Los cambios más recientes en el frontend han estado para actualizar el codigo de HTML a HTML5.

Como ya he indicado líneas a arriba, sigo trabajando en esta web y tengo previsto mejorar la programación en PHP para que este orientada a objetos.

Podes visitar la web clicando aquí: deigenitrix.net

Vicens Vives

A lo largo de cuatro años, como responsable de las webs de la editorial Vicens Vives, realicé diversas tareas, tanto de diseño gráfico como programación web. Estaba al cargo del mantenimiento y actualización de la web principal (libros para Espanya), así com cinco más: "Black cat", para el aprendizaje de idiomas, y las de Argentina, Colombia, Perú y Chile, para la comercialización y venta de los productos de la editorial en estos países.

Mi tarea principal era actualitzar los contenidos de etass webs, sobretodo la principal:

  • maquetación de los textos y grafismo de las páginas, con HTML i CSS3;
  • creación de banners e imágenes publicitarias de los productos de l'editorial;
  • manipulación y actualización de pdfs y otros archivos que se ofrecían para descargar;
  • Introducir código de jquery para dar más dinamismo y hacer más atractiva la apariencia de las páginas.

Al principio me centré en la actualización de los contenidos, el codi HTML y las hoja CSS de las páginas; reducir y optimizar el código, crear nuevas etiquetas, etc.

En 2012 se rehace la web principal y se gestiona, en parte, mediante un CMS de la editorial; eso me permitió empezar a trabajar con PHP.

Queviures Múrria

Como había hecho con la web de Vicens Vives, actualicé el codigo de esta web, a HTML5, CSS3, convirtiendo-la "responsive" y he incluido PHP; eso em va permetre reduir els nombrosos documents ".html" a un sol ".php", mostrant un contingut o altre, a partir de la variable superglobal "$_GET" i els paràmetres de les URLs, y gestionar el canvi d'idioma mitjançant la variable superglobal "$_SESSION".

De tant en tant actualitzo algunes dades de la web, i tinc previst fer millores i incloure una galeria similar a la que podeu veure en aquesta web.

Podeéis visitar la web clicant aquí: www.murria.cat

Sin vergüenza

Si hablamos de mi colaboración en la asociación Sin vergüenza como diseñador web no tengo tanto a escribir como en las anteriors webs. No por falta de interés: esta web se gestiona con el CMS "wordpress"; por ahora, me encargo de actualitzar los contenidos y subir banners y otras imagines decorativas y publicitarias. Lo mismo puedo decir respecto a les paginas de Facebook de la asociación.

Si visitais la galeria de esta web podeis ver unos cuantos carteles realitzados para la asociación, ja que mi contribución es mayor como diseñador gráfico.

Portafolio

Como en el caso de la web deigenitrix.net he creado esta web desde zero (y "responsive"), con HTML5, CSS3, Javascript, AJAX, PHP y MySQL. Como novedad, respecto a les anteriores:

  • he creado un sencillo CMS para gestionar los contenidos de la web (textos, imágenes, menus, blog).
  • pera a facilitar la programación en PHP he creado diversas classes.
  • para filtrar les imágenes de la galería sin renovar toda la página he introducido la tecnología AJAX.