Cascading Style Sheets is something every webmaster should learn to use, however it can be complicated to code by hand. Fortunately, the built in Dreamweaver CSS tools make it simple as pie as you'll see in this introductory lesson.
Whether you are a total newbie when it comes to CSS or you are an expert, the built in Dreamweaver CSS tools can help you out a lot.
This tutorial is designed for the person who owns Dreamweaver, is curious about CSS and wants to learn how to put it to use.
CSS is not hard to learn and with the Dreamweaver point and click tools, it is easier than ever.
3 Types Of CSS:
You can have an internal, external, or inline css style sheet.
In this tutorial, I will discuss an external style sheet, which I think is the most useful when working on a website with more than 1 page.
To create an external stylesheet with Dreamweaver, simple click 'New' and under 'Basic Page' choose 'CSS'.
This will give you a blank style sheet.
The next thing you want to do is experiment and create 1 or 2 CSS definitions.
You might create a CSS definition called 'background1' and make the color green.
Then save the CSS style sheet as something like 'sample1.css'.
Next you would open an html file in the same folder that has some text in it and 'attach' the external style sheet.
You attach the sheet by selecting the 'Text' dropdown menu and choosing 'CSS Styles' then 'Attach Style Sheet'.
Once you have attached an external style sheet to a webpage, you can make changes to the external style sheet and change the content page. This is especially important if you have a website with multiple web pages.
The concept is, that by attaching an external style sheet to all of your web pages, you can update many web pages instantaneously by changing the one CSS style sheet that is attached to them.
In this manner, a large corporate website with 20,000 pages could be updated with new colors and fonts in less than 15 seconds!...Simply by changing the one external CSS style sheet.
So you see how useful CSS style sheets can be.
To get started, simply go into your HTML code after you have attached an external CSS sheet to your page in Dreamweaver. You can take any tag like a tag and start typing in a CSS class.
For example, . If you start adding a css class to any of these tags, Dreamweaver will start to auto-complete it for you and you can choose which class you want to add from a dropdown menu.
You can also use this to style page backgrounds, table backgrounds, fonts, and much more!
You only have to learn the fundamentals of CSS and then experiment with Dreamweaver and I promise you'll be capable of using CSS with Dreamweaver in a matter of a few hours.
To learn more about Dreamweaver and Cascading Style Sheets, you can watch step by step videos at http://www.dreamweaverhowto.com
Got a Question? Ask.
Ask the community a question about this article:
Frequently Asked Questions
Where can I find free power point templates ...
By: amitre | 15-06-2008
Where can I find free power point templates (professional business templates)?
How to control different Resulation and diff ...
By: tarsem12s | 09-06-2008
How to control different Resulation and diff. type of browser from a single css file?
How can i write a wikipedia article in word 2007?
By: Jack of all Trades | 30-05-2008
is there some sort of template or addon which will convert Word 2007 formatting (like numbers and bullets) into wikipedia formatting system?i also need it to support Hebrew (or at least some support for Bidi).Thanks.
Is there a way to generate an RSS feed for the ...
By: drabsv | 25-05-2008
Is there a way to generate an RSS feed for the search results of a Google Custom Search engine? I mean a feed which would notify you whenever a new URL appears in the search results. If that is not "directly possible", any ideas how it can be made through external tools, e.g. via a macro or something else?
Can I submit someone else's website (into my ...
By: drabsv | 24-05-2008
Can I submit someone else's website (into my Google Webmaster Tools account) ?
I have a template which I want to upload to a web ...
By: agv4 | 11-05-2008
I have a template which I want to upload to a web editor to create a landing page. Which editor would you recommend? This is my first time creating a landing page. Thank you.
Q&A Powered by:
Latest Business Articles
The Basics of Creating a Filing System That You Can Benefit From Starting Today
By: Tracey Lawton | 19/07/2008
In my brand-new article, I'm going to share with you 7 easy steps for getting your filing system in place. The summertime is generally a quieter time with a more slower pace of business, so use this time to get one of your core office systems in place.
The 9 Things You Will Want to Include in Your Email Newsletters
By: Katrina Sawa | 19/07/2008
You probably get numerous newsletters across your desk each month. How many of those do you really read? I am sure that you scan certain newsletters for valuable information, while you just toss others. Then, of course, there those like mine (chuckle), which you read every last word of.
CEO Tips for Getting Staff to Understand You
By: Pamela Scott | 19/07/2008
This article is directed to the CEO, but it can help anyone in a management position communicate more clearly with staff.
Protect Your Internet Home Business
By: John McRae | 18/07/2008
Running an internet home business or any small business for that matter involves some degree of risk. The business could fail and if you are not protected creditors will be coming after you. There is also the very real possibility that your business could be a success and give you the financial freedom every person dreams of. With that new found freedom brings another creditor, the IRS.
How to Promote an Office Cleaning Business
By: Brent Wale | 18/07/2008
If you are either thinking about start your own janitorial/ office cleaning business, or if you already own and operate a cleaning business..Here are some tips on how to promote and market your cleaning company.
How to Establish yourself as an Expert
By: Katrina Sawa | 18/07/2008
Establishing yourself as an Expert in your field is a great way to get added exposure, publicity and credibility for you and your business which will ultimately bring you more sales and more money!!
Are Your Prices High Enough?
By: Stephen Oliver | 18/07/2008
Conventional wisdom dictates that you should discount to get the business at any cost. This article suggests that you in fact should be raising your prices instead and focussing on your most valuable customers instead.
Women Owning the Workplace: Tips to Guide Female Entrepreneurs
By: Melissa Mashtonio | 18/07/2008
Women are taking the business world by storm, and it doesn't look like they're backing down. According the Womenentrepreneur.com, women-owned firms are the fastest growing in the country. Women are looking beyond the traditional roles and moving ahead to a new role: entrepreneur. This does not necessarily mean women are...
More from Jay Gilbert
Using Php Buttons in Dreamweaver
By: Jay Gilbert | 21/11/2006 | Business
The Dreamweaver PHP buttons can be a great way to get started creating your own PHP applications...even if you can't code PHP yourself. In this lesson I'll tell you a little more about how you can get started using these exciting tools.
8 Benefits of Using Dreamweaver 8
By: Jay Gilbert | 20/11/2006 | Business
If you build websites for a living and don't use Dreamweaver 8 yet, here are 8 good reasons to switch today.
Cool Rollover Buttons & Pop-up Menus in Dreamweaver
By: Jay Gilbert | 20/11/2006 | Business
Creating cool buttons for your website is a complicated task --that is unless you have Dreamweaver. With Dreamweaver's built in button tools, you can create your own website buttons with ease, and I'll show you how in this article.
Creating your Own Dreamweaver Templates Files
By: Jay Gilbert | 20/11/2006 | Business
Updating webpages can be a lot of work, but with .DWT Dreamweaver Templates, updating hundreds of pages only takes seconds.
Creating Hyperlinks and Bookmarks With Dreamweaver
By: Jay Gilbert | 15/11/2006 | Business
Creating hyperlinks with Dreamweaver is a relatively simple task but there are a few options available to you that you might want to explore inlcuding which window the link opens in, and the option to change the look of a link using CSS.
Modifying Fonts in Dreamweaver Using Html & Css
By: Jay Gilbert | 15/11/2006 | Business
Using Dreamweaver CSS tools is a great way to style your webpages. But is CSS always necessary? Take a look at these techniques.
Managing Site Profiles in Dreamweaver
By: Jay Gilbert | 01/11/2006 | Business
This article shows you how to set up a new website profile with Dreamweaver in about 2.5 minutes.
A Few Wedding Gift Ideas To Jog Your Mind
By: Jay Gilbert | 16/05/2006 | Business
Don't contribute to the pile of mediocre, semi-useful, wedding gifts that clutter up the house of the newlyweds. Instead, take a few extra minutes and think up something cool and unique with these wedding gift ideas.
Business 
