Web Design Information courtesy of EnhanceYourPC.co.uk


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/learning http://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:

Web design and page 1 google
Online PR News (press release)
Online PR News – 07-September-2010 – We are proud to announce that as on today 8/9/10 hopping mad designs is on page 1 for the keyword web design. ...
Phoenix, Arizona Computer Repair Company My PC Techs Announces New Web Design ...PR Web (press release)
Web Design | Hopping Mad DesignsPRWire
Page 1 for Web DesignPRWire
PR Urgent -lonad News -Helium
all 15 news articles »


MLB.com, iSchool team up for web design contest
SU The Daily Orange (subscription)
A contest in the School of Information Studies could bring students face to face with executives from Major League Baseball, as well as provide ...



Ann Arbor Web Design Firm, MetaSpring, Now Offering Affordable Website Packages
PR.com (press release)
Ann Arbor, MI, September 09, 2010 --(PR.com)-- In response to the cautious recession economy which has led to a decline in large-scale web design and ...



Web Design Company Makes Waves With Top-Notch Work
Release-news.com (press release)
A web design company providing professional web development services is making a name for its thriving business by offering utterly affordable and ...



New Web Design For Hostetler's Lawn Furniture
PitchEngine (press release)
Digital Hill is pleased to announce the new web design for Hostetler's Lawn Furniture of Indiana, serving the web design needs of the greater Warsaw, ...



New Web Design For Miller's Buggy Line Tours
PitchEngine (press release)
Digital Hill announces the launch of a new web design for Miller's Buggy Line Tours of Shipshewana, Indiana. 09.07.2010 – Digital Hill announces the launch ...



Best Web Design Services
AddPR.com (press release)
Since, your web design puts a summary of your whole business; it better be good enough to attract people and bring in more traffic. ...
Catering to all you internet marketing requirementsAddPR.com (press release)

all 5 news articles »


Wakulla High School Web Design Class Awarded First National-Level Contract
Wakulla.com
The Wakulla High School Web Design students were awarded their first national-level contract from NAMI-Wakulla, National Alliance on Mental Illness. ...



3PRIME Launches New Website for CT Web Services
VEE 2
CT web design company, 3PRIME has redesigned and relaunched their main website www.3-PRIME.com. The site went live on Tuesday, September 7th. ...



Ann Arbor Web Design Firm Introduces New Website Packages
Newswire Today (press release)
In response to the cautious recession economy which has led to a decline in large-scale web design and development sales, MetaSpring has announced the ...

and more »

Google News

home | site map
© 2007