Nicolau Suárez Olalla logo, segell de Nicolau Suárez Olalla icono mostra amaga menu principal responsive Dissenyador gràfic i desenvolupador web

Les webs i jo

En aquesta pàgina trobareu informació de les tasques principals realitzades en les pàgines webs que he creat i/o actualitzat.

La meva primera web

Deigenitrix

Web dedicada a l'anàlisi i estudi de la representació escultòrica de la verge Maria, a la península, durant l'edat mitjana.

Com el meu "portafoli", vaig crear-la des de zero, sense CMS, i encara m'encarrego de l'actualització del codi i el disseny.

És un reflex de l'evolució i actualització dels meus coneixements i recursos en programació web:

Va nèixer com una web d'HTML4 i CSS2 i una simple línia de codi PHP(include) per unir els documents amb contingut estàtic (head, foot) als variables de cada pàgina.

Gràcies a l'experiència adquirida a l'editorial Vicens Vives vaig poder realitzar canvis destacats en el backend de la web i modernitzar-la: generant el codi HTML mitjançant PHP i incloent MySQL, per emmagatzemar continguts de la web i l'extensa galeria fotogràfica de verges.

Si parlem de frontend, l'evolució va ser similar: el codi s'anava polint i simplificant per fer-lo mes optimitzable, i per descomptat, "responsive". Els canvis més recents en el frontend han estat per actualitzar el codi HTML a HTML5.

Com ja he indicat línies a dalt, segueixo treballant en aquesta web i ara tinc previst millorar la programació en PHP perquè estigui orientada a objectes.

Podeu visitar la web clicant aquí: deigenitrix.net

Vicens Vives

Al llarg de quatre anys, com a responsable de les webs de l'editorial Vicens Vives, vaig realitzar diverses tasques, tant de disseny gràfic com programació web. Estava al càrrec del manteniment i actualització de la web principal (llibres per a Espanya), així com cinc més: "Black cat", per a l'aprenentatge d'idiomes, i les d'Argentina, Colòmbia, Perú i Xile, per a la comercialització i venda dels productes de l'editorial en aquests països.

La meva tasca principal era actualitzar els continguts d'aquestes webs, sobretot la principal:

  • maquetació dels textos i grafisme de les pàgines, amb HTML i CSS3;
  • creació de banners i imatges publicitaries dels productes de l'editorial;
  • manipulació i actualització de pdfs i altres arxius que s'oferien per descarregar;
  • Introduir código de jquery per donar més dinamisme i fer més atractiva l'aparença de les pàgines.

Al principi em vaig centrar en l'actualització dels continguts, el codi HTML i les fulles CSS de les pàgines; reduir i optimitzar el codi, crear noves etiquetes, etc.

El 2012 es refà la web principal i es gestiona, en part, mitjançant un CMS de l'editorial; això em va permetre començar a treballar amb PHP.

Queviures Múrria

Com havia fet amb la web de Vicens Vives, vaig actualitzar el codi d'aquesta web, a HTML5, CSS3, fent-la "responsive" i vaig incloure PHP; això 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, i 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.

Podeu visitar la web clicant aquí: www.murria.cat

Sin vergüenza

Si parlem de la meva col·laboració en l'associació Sin vergüenza com a dissenyador web no tinc tant a escriure com en les anteriors webs. No per falta d'interès: aquesta web es gestiona amb el CMS "wordpress"; per ara, m'encarrega d'actualitzar els continguts i pujar-hi banners i altres imatges decoratives i publicitaries. El mateix puc dir respecte a les pàgines de Facebook de l'associació.

Si visiteu la galeria d'aquesta web hi veure-ho uns quants cartells realitzats per a l'associació, ja que la meva contribució és major com a dissenyador gràfic.

Portafoli

Com en el cas de la web deigenitrix.net he creat aquesta web de zero (i "responsive"), amb HTML5, CSS3, Javascript, AJAX, PHP i MySQL. Com a novetat, respecte a les anteriors:

  • he creat un petit CMS per gestionar els continguts de la web (textos, imatges, menus, blog).
  • per a facilitar la programació en PHP he creat diverses classes.
  • per a filtrar les imatges de la galeria sense renovar tota la pàgina he introduït la tecnologia AJAX.
x

Gestió COOKIES

Aquest web utilitza cookies per al seu funcionament, pròpies i de tercers, algunes necessàries i altres opcionals, pots acceptar-les totes, rebutjar-les o seleccionar les que decideixis.

Cookies necesaries

Registre d'estat de les cookies, quines han estat acceptades i quines no; necessari per la gestió d'aquesta eina i els missatges informatius

Cookies opcionals

Cookies de tercers, en aquest cas de Google (Google Analytics); necessàries per fer estadístiques sobre el tràfic que hi ha en aquesta web.

Els seus noms són:

  • _gld (Per a distingir als usuaris, amb una durada de dos anys)
    _ga (també per a distingir als usuaris, per la cookie dura 24 hores)