TUTORIAL: INTRODUCTION TO CSS

I apologise for not updating my posts all this while, it is due to some unforeseen circumstances.

Having learn the basic HTML TAGS, next in line is to get familiar with the CSS.
Before we proceed, I have talked on how to use NOTEPAD with the basic HTML tags. But, I am looking forward to having great web designers. So, you are required to get a copy of DREAMWEAVER 8 or other versions of the software for the subsequent lessons.

Introduction

CSS is used with HTML to make your webpage look more organized, attractive and well managed. In a single term, it makes your website layout organized.

In this lesson we will start the design of a Webpage.


Practical Description

1. Open your Dreamweaver software
2. Click on "New Html" and Save it in your website folder(which you must have created before you begin)
3. On the File Tab click on new and then in the open dialog, click on CSS
4. Save the CSS file with your desired name
Before the CSS can work with the HTML page, a link must be inserted between the <head></head> tag. To do this
5. Goto your Html page and right click anywhere between the head tag
6. Select "CSS styles" and select "Attach Style sheet"
7. In the opened dialog click "Browse" to select the CSS file from the stored location
8. Click Ok and close the dialog. Your CSS is now attached.

...To be continued

Comments