Wireframes

I created some wireframes for my Humber Mouth site so I could plan what the layout of the site would look like. I have created two wireframes, one for the homepage and one for the other web pages because all the other pages will have the same layout but just with different content.

Home Page Wireframe:

This is the layout for the home page. The header at the top will contain the name of the site and the site logo and the navigation bar will be underneath this. The image box will either contain an image of the Humber Bridge or an image of books. The text underneath the image container will be the welcome text. The side bar within the main body will contain the latest events and a link to the appropriate pages.

Other Page Layout:

This is the layout for the whole website except the home page. The header and navigation bar will stay the same as the home page but the main body will just have two containers instead of three. The main container is on the left and will contain the main content for the particular page and the sidebar will contain links, text or images.