THE CREATION OF THE CROFT WEBSITE

AS part of our digipack, we need to create a digipack and magazine advert or website. Being an avid web designer during my spare time, I thought it would make sense if I made a website for our band. So now I'm at home using Photoshop and Dreamweaver to create a website. In this post I'm going to explain what I've done and why in brief detail.

Firstly I created a template on photoshop as you can see:

As you can see it has blue lines, ignore these, these are just lines to slice up the template into images to import into HTML code.

I chose to use dark colours as we're a rock band (which conforms with typical conventions) and so I made a dark grey background with a black diagonal pattern, and a plain black content background. I also made a small banner, showing the band members with "The Croft" next to it. I made the pictures black and white to relate to our music video and also it gives it a retro feel. I then added the navigation below, (home, the band etc..).


From there I imported the sliced images into dreamweaver which is a program that helps you write code for websites. There isn't much point showing a screenshot of this program, as the code just looks like "jibberish".

I thought it would be a great idea to include our video on the main page of our website, primarily promoting it, and making it stand out to viewers, instead of linking to the video, so it attracts more attention. So I coded this up in HTML and CSS, and here's how it looks in my browser:

The content such as news etc and general information will be underneath the text at the bottom, however this is yet to be added.

Quite pleased with what I've done so far. So I'm going to take a break, however I will keep this updated.