Wednesday, 5 May 2010

Main Task- Construction- Making My Website

To create my website, I used Serif WebPlus 10 because it is a simple programme to use but gives you a professional looking finished product. I used this programme to create my entire website, and below is a step by step log of what I did.

Firstly, I created a master page which acts as a template for all other pages, so anything on that will go onto those. This is my base and will include the website title, logo, nav bar and search bar.














Here it shows me editing the website's dimensions, so every page is 750pix by 600. This means that it follows the 'Rule of Thumb' where all the important information is above the fold so users don't have to scroll down. Also, on my site there is no scrolling needed and everything is easily seen and accessible.















Now I have inserted my logo, and added a background colour and Charity slogan below the logo. The name of my charity is on the logo so as soon as you enter the website you immediately know where you are.















Above, I have inserted my navigation bars which I created on Photoshop, and I am now editing the rollover so when you roll the mouse over each one, they light up which makes it more user friendly and attractive.















Now that the Nav bars work as rollovers, I need to anchor them to each webpage so when you click on them they take you to that page. I created an anchor on each page and then set the nav bars by going- rightclick- edit rollover- set- an anchor on your site. I then selected the anchor point as the ones I created.















Finally, to finish the Master Page I added a fake 'Donate Now' button and Search bar, to make my website more realistic, user-friendly and appear as a charity site.

Home Page

Now that the master page is done, I can put all the information and images onto each webpage. This was very simple because all I had to do was add the saved images and type out the text. On the main page, the text is central with images around it because that is the most important thing the audience need to see, with the images supporting the information.

No comments:

Post a Comment