Web Design Information

Cascading Style Sheets for Better Web Design


In cascading style sheets you can specify how your web pages will be presented on the screen by simply predefining page elements such as fonts, headers and links.

You can add these predefined elements in the head-section of your pages, but more interesting is to use them in a single .css file and include that file in every page on your site.

All you have to do is include in your HTML header.(the path in the href must point to the place where your .css file is stored)

There are two main benefits to using css sheets in a separate file:

1. more flexibility; only one (1) file to update

2. less HTML coding and easy replacement of deprecated HTML.I'll explain more of this below.

First, let me tell you I am NOT a cascading style sheet professional. I just use it.

If you want to become one, there are great css resources and tutorials out there.

Just go to

http://www.w3.org/Style/CSS/learninghttp://www.htmlhelp.com/reference/css/

to mention a few, but there are many more.Type 'cascading style sheets' in your favorite search engine and you get plenty of information.

But just being a layperson in css emphasizes the importance of this web design tool.I started using cascading style sheets in its most elementary form. All you have to do is name the page element that you are going to specify and add its specifications in curly brackets.Here's my first css file:

body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none; color: #000000 }

By simply saving this code in a style sheet file and including it in my webpages I suddenly didn't have to define FONT statements in the body of my pages any more.Wow, that saved me a lot of coding! Big advantage (no. 2).

AND .....

I had fewer errors in my HTML, because I didn't have to close that awkward FONT tag (at the wrong place). Big advantage (no. 2).

When I discovered this, I immediately began adding definitions for other tags like H1, H2, linktext (not visited, visited and hover) and special colors in text.

If I want to change the look of my H1-header, all I have to do is change the specs in my style sheet and presto ....the H1 is changed across my whole site. How's that for flexibility? Big advantage (no. 1).

When I once redesigned my site I used HTML validators to see how I was doing. To my surprise I found that some HTML commands, the most important one being FONT, were deprecated in HTML 4.0. That means eventually these commands will not be used anymore.

So I had to do something. Again, style sheets came to the rescue.All I had to do was define how my fonts would look like in my style sheet and I had the problem solved. Big advantage (no. 2).

Now I use css to define headers, footers, special text colors, special fonts and font sizes, special links etcetera. If I ever discover I need some extra lay-out or style, I just add one line to my .css file.It's so easy!

Try it.Start using style sheets.You're more flexible and it will save you lots of time.

Wish you success.
Case Stevens

Case Stevens, owner of AnOwnSite Internet Marketing, is experimenting with different marketing techniques, websites, traffic and lead generation. He publishes his experiences in a newsletter featuring understandable, successful low cost Internet marketing techniques, ideas and strategies, articles, news, tips & tricks and interesting (free) downloads.

Subscribe at Affordable Online Strategies


MORE RESOURCES:

Founders find Destiny in Web design
Rochester Democrat and Chronicle, NY - May 11, 2008
The Webster-based Web design and applications firm started in February 2006 in a Greece basement. It was there that the six founders put together the ...


Web Design Company in UK Offers Outsourced Web Development and ...
The Open Press (press release) - May 10, 2008
(OPENPRESS) May 9, 2008 -- Kronik Media, the London based web design company are known for the value of their web development services for businesses. ...


Internet traffic congestions Solved Reports Dallas Web Design ...
WiredPRNews.com (press release), TX - May 9, 2008
Cambridge, MA (WiredPRNews.com) — In 1998, a few scientists from MIT University in Massachusetts came up with an idea that would prevent Internet congestion ...


Minneapolis Web Design Firm Launches Custom Website for Bus Rescue
Emediawire (press release), WA - May 9, 2008
Minneapolis web design company helps Bus Rescue save the day when a bus is broken down and needs service away from its home area. Nearest towing, repair and ...


Fusionbox Wins Top Marketing Honors for Superior Energy Web Design ...
TAXI Design Network, NY - May 9, 2008
Fusionbox received a 2008 Gold Key Award from the Colorado Chapter of the Business Marketing Association for their work with Superior Energy, ...


10 Things to know about Web Design
Gather.com, MA - May 8, 2008
Most web design companies will not write text. You could write the content yourself or hire a copy expert or marketing consultant to write it for you. 10. ...


Atlanta Web Design Agency NeboWeb Takes Home Multiple 2008 Horizon ...
TechLINKS (press release), GA - May 8, 2008
NeboWeb’s interactive marketing services range from complete interactive marketing engagements to standalone projects such as Web Design, Search Engine ...


Why Web design is an IT-marketing tug-of-war
Computerworld, Norway - May 1, 2008
There are also certain Web design elements that are counterproductive to successful search results. For instance, a common mistake is the abundant use of ...


Web Design on a Budget: Crucial Considerations
PR Web (press release), WA - May 8, 2008
Certain web design packages will include basic search engine ranking while others will not. "Investigate search engine optimization components such as ...


Upgrading a website? Four key SEO tips for web design firms
E-consultancy, UK - May 7, 2008
As many web design firms take on the remit of upgrading a client’s website, it is important to integrate best practice SEO techniques into the web design ...

Web-Design - Google News

home | site map
© 2006 Webhosting-Service.com - All Rights reserved. - GetWeb Media Webdesign Muenchen