CSS is essential when designing any website, together with HTML you are able to fully customize your layout; add background images, change the colour of text, create menus ex.
In the next couple of minutes you will learn the basics of CSS and learn how to make your website look professional.
Before I started I created my background images in Photoshop such as my logo, banner, background image. Please click here to learn how to create your images.
First off open you text editor, Notepad for windows or coda for mac is fine. However I'm using jEdit.
To start with we need to create our HTML page. Unsure about HTML click here.
 |
| On your desktop or another directory create a folder. Rename this folder to the name you want your website to be called. I called mine Code-Cast. This folder is where your website is going to be stored. |
Within the folder you just made create two other folders one named images and the other one named style. These two folders are where your style sheet (CSS) and your images are going to be stored.
 |
| Click on the image or click here to view full size. |
Don't Copy the red text!
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head>
<title>Your websites name will go in here</title>
</head>
<body>
</body>
</html>
In between the opening HTML tag and the opening head tag we have put
