Exhibition website

For the web gallery and exhibition module I was in the web team, who were tasked with creating a website to advertise and provide more information about the exhibition we were creating.

The website can be found here: http://retroresolution.site90.com/

We decided to create a simple site design as the team did not have much experience in creating websites. The theme for the exhibition was retro so the graphics and icons used were chosen to fit with this theme. The graphics used on the site were provided by the graphics team and there were many changes before the design was settled on.

First I was tasked with creating a contact page for the website. I decided to create a form using php that can be used to send an email from the website. As I had never done this before so it needed a bit of research but in the end a fully functioning form was created. 

Next I worked on the gallery pages to add a lightbox to the page. As the three Polaroid images were saved as a single image, image maps were used to create the links. Fancybox (http://fancyapps.com/fancybox/) was used for the lightbox as it supported YouTube videos and links using the area tag, originally another lightbox plugin was being used but this didn't support videos (http://leandrovieira.com/projects/jquery/lightbox/). The setting were adjusted so the helper buttons were used as the left and right arrows wouldn't work with the YouTube content.

JQuery was also used to add smooth scrolling back to the top of the page as the pages were quite long, especially the gallery and students page.

This was my first time working on live website and I have learnt a lot from working on it.

Website

My new website can be found at: www.andrewbonnington.co.uk

Web gallery and exhibition

This module consists of creating a CV and business card, and to work as a group to create an exhibition to showcase our work. The class is split into three teams web, exhibition and graphics and each is assigned different tasks.

A blog for this module can be found here: http://abonnington-galleryandexhibition.blogspot.com/

Web design

The first task was creating a CSS style sheet so that the design of the website would match an image that had been provided without editing the html file. Notes about the widths and colours were provided to help in creating this. This part of the assignment was quite straightforward and was completed quite quickly.