DESIGN FOR WEB
DEVELOPMENT
CODING:
I started with the stylesheet, coding the numbers according to measurements in my previous plans (wire frame etc.) I wanted my content to be left aligned,
VIDEO:
For this page I wanted to put a video on, I made the video as part of a history of and thought it would be in keeping with everything else on my website, I think it looks good against the white background, I've put some instructions on above the video from the UKTEACOUNCIL and aligned everything centrally, I think this looks neater.
ROLLOVER IMAGE:
This is my 'Teas' page where I wanted the main focus to be images, I decided I would like a grid of images that would be circular that would make up the entire page, I would have them as rollover images so that information about the tea could be revealed when hovering over them. I started by saving my title header as an image on illustrator: This was the title header for the page, I saved it on illustrator for web with a transparent background:
Kathryn Brooks // OUGD504 // DESIGNING FOR WEB