Title Banner Design

After deciding on the name for my Website the first thing I had to do was design the title banner.

I did this using Adobe Fireworks. Firstly I counted the pixels that I needed the banner to be in Adobe Dreamweaver. It was important for the design of my website that the banner was the correct size.

After counting the length and width of the pixels I was able to enter them into Fireworks in order to get the basic size that my title banner would be. I then added a text box and entered the title. I decided that I would use a font that was quite feminine as that is my target audience. In order to achieve the simple but bold look I decided to have black writing on a white background.

I also knew I wanted to add pictures to my banner so that the site is immediately interesting to a reader when they click on to it. I decided firstly to add a picture of myself, I made this decision because I wanted to keep the site personal and felt that a picture of myself would work well considering the fact that my name is involved in the title. I used a picture of myself from Facebook and put it into Photoshop in order to crop the picture so it would fit properly into the banner.

After putting the picture of myself onto the banner I felt that the banner would look better with another picture to balance the other side out. The picture that I chose to use was a heart which I found on Google. This was an appropriate picture as it fitted perfectly with the theme of the site and would be one of the first things that a reader would see when they enter the site.

After I designed the banner I then had to import it into Dreamweaver. Whilst doing this I had a problem as my banner did not fit properly into the banner space at the top of my Dreamweaver page. I thought I had count the pixels correctly and re counted them however it still did not fit properly. However, whilst trying to make my banner fit I realised that if I made the banner small I could have the white banner on a black background which looked very effective on my page. Therefore I made the banner smaller and was very happy with the way it looked.