ISTD Design for Print and Web - Website Development

To enhance and develop my the ISTD brief i have mocked up website deisgns. I though that it would also be useul to create the:

HTML Code

and STYLESHEET

i started by developing images to relate back to the mock ups i had initially designed.  I have measured the image to the size of the container.

I have started to code the website primarily focusing on the homepage s a start up design and function. I will develop the image buttons into links also.

Mock up of HEADER

BUTTONS

CONTAINER

and

Poster images.

The HTML coding i find very difficult and i have struggled to once agin create the code. i FOUND THAT THE BUTTON AND CONTAINER is the easiest side to teh coding but it is hard to register the designs in a more structered way. 

SPLIT SCREEN OF HTML /  STYLESHEET

Saving teh image from  photoshop file. The image is saved to web and then as a PNG 24. This allows for space awareness and a clear website veiwing soloution. 

SIMPLE FORMAT OF WEBSITE / WIRE FRAME SOLOUTION:

Arrangment of buttons:

The buttons could work in vertical formation, but i had specialised and planned for the buttons to be on a horezontal axis. 

I find coding once again very hard. I have decided to create this website as added practice and with more time and even more practice i can hopefully add to this an re-crete the page more clearly and in a more exciting way.