Wednesday, 21 January 2009

Construction

Before I did anything else, I built my nav bar and title bar.
To create the nav bar I first off drew a rectangle in a programme called Photoshop.

I then coloured the rectangle in purple, like on my design ideas.

Next , I added the text, which would eventually link to a page in my webpage. This I did using the text tool and then I changed the font, size and colour of the text.

To make the nav bar more interesting I added a bolt to each corner of the bar. This I also did in Photoshop. Drawing a circle, I then coloured it a light grey.
Using the 'burn' tool I then began to darken parts of the circle, giving it a metal apperance.

To finish of the bolt I used the 'airbrush' tool. This allows for a layer of one colour to be applyed to an area. Changing the colour to white, I then stated to brush areas, creating a whiter area which now made the bolt look like metal.

Now I had to add the bolts onto the nav bar. This was done by resizing one bolt and copying and pasting it three time and then placing the bolts in the corner.

Once the nav bar was completed I had to save each section of the nav bar so that they could be linked to seperate pages on the final website.

The title bar took the same stages as the nav bar without the addition of the bolts.
Drawing a rectangle, I coloured it the same colour as the nav bar.

I then added a smaller and lighter purple box in the centre of the darker one.

The last stage was to add the writing using the 'text' tool and then changing the font to match the font on the nav bar.

This could now be placed at the top of my web pages and also on the welcome page.
With the nav bar, title bar and logo finished it was time to begin making the webpages.

To start off I opened programme calle WebPlus 10.

The first thing that had to be done was to make a Master Page. This would then keep the same set up (nav bar, title bar, logo and images) on each page. Also, I set the page size on this page (1000pxl X 600pxl).

To do this I had to import each section of the nav bar and join them up (so that it looked as it did before I saved each section).
Next I imported the title bar and placed it just off centre to the left, leaving room for two images to the right of the title bar and a space on the left for the logo, which I imported next and placed where needed.
I could now start to add pages.
To do this I clicked on the add buttom (circled red) ten times for the ten links on my nav bar.
Now that I had my ten pages I could start to add information and complete each page, adding images down the sides of some of the pages to make them look more interesting.

Once I had finished all the pages I added a welcome page, where the viewer presses the R.A.B.B.I.T title to enter the site.















On some pages that had more than one page to
them I added an arrow button that when pressed
would lead to the next page.







The last page that I added was then video page, with the advert for the charity.

To produce my video I used still photos and had a friend of mine talk over the film, explaining about the charity and what it does.

To edit the sound, before I imported it into Windows Movie Maker, I opened a programme called Audacity and imported and edited it as shown below:







To put the video together I opened a programme called Windows Movie Maker and imported the sound and images a shown below:






Once this was done I then saved the Movie as a seperate file and then imported it back into Windows Movie Maker where I added the music the same way as with the speech.

No comments: