Construction Process for My Charity Website

-------------------------------------------------------------------------------------------------------------
Dimensions
-------------------------------------------------------------------------------------------------------------

In order to start creating my charity website I had to set the dimensions to a certain width. I inseted a website template like the one above to work off as a background so no objects such as; text, photographs go under the template. This would mean that the audience would have to scroll down to see anymore information so it was essential that all the important object were within the template.

-------------------------------------------------------------------------------------------------------------
Navigation Bar
-------------------------------------------------------------------------------------------------------------

I had a task of creating my own navigation bar, I did this on the program 'Adobe Photoshop'. As I was new to this program and unexperienced on all the tools, I was able to follow simple instructions to create my navigation bar. Firstly I used the shape tool to draw out a rectangle shape as my main background of my naviagtion bar. Next, I added text using the text tool onto my naigation bar, I was able to change the font and colour. I inserted the names of my pages which I wanted to appear on my website. I chose a font that was clear and easy to read and a suitable colour to read off a dark background. I chose white and blue as I feel they work well together. Next, I added an effect to my text, I used the effect blur. Adding this effect made the naviagtion bar look more stylish and clear for my audience. To insert my navigation bar onto my website I went to insert, web object and clicked on rollover as you can see in the above image. The box above then appeared. I ticked both boxes normal and over as I had a second layer with the blurred effect on my text. I browsed for my sepearate parts of navigation bar and put them all together to make my navigation bar. To make the naviagtion bar navigate around my website I had to add a thing called an anchor to the page and connect it to the naviagtion bar. This then abled the naviagtion bar to work and made it easy to navigate around the website.
-------------------------------------------------------------------------------------------------------------
Logo
-------------------------------------------------------------------------------------------------------------
I created my own logo, from using my designs and producing it on Adobe Photoshop. I used the shape tool and created it using a paw print shape relating to the animal charity website and added text to it with the text tool. I changed the colours then my logo was completed to insert into my website. Inserting the logo was simple, just went to insert picture, from file and browsed for my logo and moved into appropriate place (the top left side of the screen) following the conventions of website making.
-------------------------------------------------------------------------------------------------------------
Photographs
-------------------------------------------------------------------------------------------------------------

I took my own original photographs of animals (cats, dogs, rabbits mainly) to use to put on my charity website. To insert my photos all I had to do was go to insert picture, from file and browse for the photo to insert and place it in a suitable place within the website template because they are eye-catching for the audience. I was aiming for my layout to look professional and serious.

-------------------------------------------------------------------------------------------------------------
Video
-------------------------------------------------------------------------------------------------------------

In order to produce my video for my charity website I used the program, 'Windows Movie Maker'. This was a simple enough program to use as on the left side of the screen it gave me information on what to do. I inserted my own photographs and added some text and the charities logo. It was put all into a sequence and was timed reasonably well. I was able to add transitions to the movie and the edit faded from one photo to another. To insert my video onto my website I went to insert, media and then video. I was able to browse for my video set it as an icon to show up on my about us page. Above is a preview of my video for my charity website.

-------------------------------------------------------------------------------------------------------------
Text
-------------------------------------------------------------------------------------------------------------

On this software there was a text tool to insert text and write plenty of information for my website. I could change the colour of the text and the font, I thought to using the same colours to make it look sensible and 'Calibri' font so it is clear and easy to read text. The propaganda of my text had to aim to persuade my target audience to give their help, get involved and dontate to those needed animals.

-------------------------------------------------------------------------------------------------------------
Hyperlink
-------------------------------------------------------------------------------------------------------------

As part of my task in producing a charity website, I had to add a hyper link to my website. It is located on the re-home page where the audience can find out more information. I have hyper linked it to my blog. I highlighted some text saying 'click here' right clicked and went to hyper link I could then type in my choice of hyper link to link that piece of text to.