creativemedicine.co.uk

Website pretty much done now! Just adjusting the gallery and laying out 'clothing' page. Lightbox & PHP mailer to come next....

Suttles Website

I had a meeting yesterday with Emma Ansell from Mushroom Marketing to discuss the Suttles website I am building. Suttles is a company that sells stone & rock to trade buyers and domestic customers online and owns a quarry.

I had come up with a few initial ideas as a starting point so we look at these and made the changes where necessary. I am now working on a new layout incorporating my own photography of the products. I have also bought in a a friend who is going to take over the main photography for the website.

This is going to be a fairly large website which is to include everything that Suttles do so it could take a little while but it is something I can work on over the next 6 months.

CSS from Dreamweaver Lesson

.container { /* CSS Document */
width: 900px; /* Any elements placed within the container will fit within the 900 pixel frame */
font-family: Arial, Helvetica, sans-serif; /* The browser will search for these fonts in your font folder, and then display any text in the typeface you have availible */
font-size: 12px;
color: #330000;
background-image: url(images/Untitled-1.png); /* This will add an image to the background of the container which will act as a banner */
background-repeat: no-repeat; /* This means the background image (or banner) will appear only once */
background-position: center top; /* This controls the position of the background image (or banner) */
margin: auto; /* This will keep the container in the centre of the page */
padding-top: 210px; /* This will keep all of the content appearing on top of the  */
padding-right: 10px; /* This will prevent the contents running to the edge of the container */
padding-left: 10px; /* This will prevent the contents running to the edge of the container */
border: 1px solid #996600; /* This will add a border to the container */
}

a:link { /* This controls the style of links that have not been clicked on */
font-family: "Courier New", Courier, monospace;
font-size: 12px;
line-height: normal;
color: #660000;
text-decoration: none; /* This removes the underline from any links */
}

a:hover { /* This controls the style of links when your mouse scrolls over the top */
color: #666600;
text-decoration: underline blink;
}

a:visited { /* This controls the style of links that have been clicked on */
color: #FF0066;
text-decoration: underline overline line-through blink;
}

Dreamweaver I, II & III

We have now started our Dreamweaver evening classes on Tuesdays. I already know basic HTML & CSS but these courses have really helped me. We have been covering the basics of web layouts and writing & applying style sheets. I have started to build the CM website to start selling the clothing and get our work on the net. More good shit to come.