Final Website and development

 

This is the header of my website, which has the same design as my newspaper and poster. Each page that has been hyper linked has this header to establish continuity. Below this is the tabs bar, for which I have put 5 links, of which 2 are live. This is set on a white background in gray text, ensuring the colours of red, black, white and gray are continued. contrasting below, set on a gray background is the white text reading 'Essex's Leading Student Newspaper'. This is also used in the newspaper and the poster. This section of the website shows the relation to my main and other ancillary task, and reflects the chosen colour scheme. From website research I found that most sites featured their header at the top of the page as it is what will first be seen, therefore I have reflected this convention.

This is the body of the homepage of my website. It features a few similar headlines to those in my newspaper in order to show the connection. Again, I have used red and black dots to separate the page layout, this is also a common feature throughout my project. There is one headline featured at the top of the page, showing its importance. The headline is catchy so I did not feel the need to give it further text as it is likely to make the audience curious enough to click on the link. Below this is the article which has also been used as the lead story for my newspaper. Its importance can be seen as it is featured with a picture and a small introductory paragraph. A smaller headlines is in the centre of the articles, giving no detail and simply being just a link. The last link at the bottom of the page also features a small introductory paragraph as I feel students would not necessarily be as interested in this article, so I have given them the relevant detail without having to be clicked on. The right hand side of the page contains links written as a list, in case the tabs were not clear below the header. The advertisement for top 10 bars has been carried from the newspaper onto the website as it would be mentioned in the newspaper article with links to the website. I feel the layout looks clean and modern, and follows the colour scheme of my previous tasks.

This is the advertisement for the Valentines meal deal, which is seen in both my previous tasks. It is in white text on a gray background, and stands out as the body of the page is in white. 

 

This is the header for the second page of my website, which is accessed by clicking on 'Local News'. The header is the same, as well as the tabs but I have changed the text in the gray box underneath. As the subject is news I have featured a local news headline, as well as a promotion for a new TV channel launch. The TV programme being advertised is one which has been created by a fellow A2 media student. Given more time I would like to see if I could get the text to move back and forwards within the line. 

 As the tab moves to a different page I wanted it to be clear it was different, therefore I changed the background colour to a slight gray. On this page I have featured one article, which is from the front page of my newspaper. This page is also separated by red and black dots. Looking at The Epigram website, I saw they had features about how to gain access to their facebook, twitter and other social networking sites like this. In order to create a logo to advertise Big Step's twitter address, I created an image relevant to the newspaper title, two big footprints. An aspect also included in The Epigram was a small box holding links to TV programme listings according to the day. As dots has become a motif in my project I used this background to house the text for the listings. I simply used red and white text and wrote days into the dot, changing some font sizes in order to make it look more visually appealing. The advert for the top ten bars is also used again, showing it is an important part of this month's issue.