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
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE Newsletter10 Things All Webmasters Should Know
Geared Up with a website and lots of energy to make a mark online? Spare some time and go through this. You'll be glad you did. If you don't already, th...(related: Web Design)
What Happened To My Website When I Deleted The Home Page By Mistake?
There is a widespread confusion among lots of new website designer concerning the home page.If you get any book, any course, or ask most web page designer how to build a website...(related: Web Design)
How To Find Inexpensive Web Design
Web design is a very competitive area and there is no longer any reason why people should pay large amounts for website design services.This article describes and explains where to find very very cheap website design services.The first place to try of course is the internet search engines themselves. The best place to try could be paid adverts on the right hand side of the search engine Google. These are called Google adwords and these companies are actively seeking business. The results on the left hand side are normally the more established companies who will probably try to charge a lot of money for their services.I have heard a lot of people who have had great success on auction ...(related: Web Design)
Be Friendly To Search Engines
The object of search engines is to give their visitors a list of web pages relevant to the search words, in the order of relevance to the search words. So what do they want from websites?Relevance to a search:
- The frequency of the search word on a web page is an indicator of its relevance.If a web page contains the word ten times on the page, it is ten times more relevant than a page which contains the wor...(related: Web Design)
Mini Site Or Content-based Web Site?
Are you in a dilemma whether to create a mini site or acontent-based web site for your new product or service? Thepurpose of creating a web site should be to attract vi...(related: Web Design)
Building A One-page Website
You've designed your logo, and you're ready to print your business cards and other marketing collateral materials. You want to include your website address (also called a URL) to build your credibility. However, you're not quite ready to write and design a full website. At the same time, you don't think it's a good idea to distribute your new printed materials showing your website URL and to have only a blank web page waiting for your potential client's inquiries. What to do?Does this sound familiar? Many entrepreneurs who are starting small businesses find themselves in this ...(related: Web Design)
How A Custom Designed Website Can Help Your Business
Over the years, the internet has grown into a marvelous avenue to promote your business.In my last article, "Why Your Business Needs to Have an Internet Presence" (http://www.jvmediadesign.com/info37.html), I discussed 5 valid reasons why your business needs a website. In this article, I discuss some things to avoid and how a custom, professional website can help your business succeed.Professional is the key. Remember, the internet has a global reach. Some of your new potential clientele may be learning of your business for the first time by visiting your website and the old cliché, "you never get a second chance to make a first impression", still rings true.When a business makes the decision to gain an internet presence, whether they are the largest...(related: Web Design)
The Contrast And Similarities Between A Web Designer And Web Programmer
The concept of web designing based on the nature and rapid growth of the Internet is nothing to boast of any more. This is because of the large number of web sites published to the Internet everyday, so as to showcase one's presence and dominance on the World Wide Web. You may ask why this is so, well, the so simple answer is the rate at which technology is evolving.An example is illustrated with the popular Microsoft FrontPage and Macromedia's Flash. They are two different web designing software which have the same...(related: Web Design)
5 Website Design Tips To Make Your Site More Attractive
The question that I most frequently hear from people is "How can I attract thousands of visitors to my site each month?" Well, driving high traffic to your site is important, but what's even more important, is designing a website that makes them stay.After all, what's th...(related: Web Design)
Why Do Images Disappear From A Webpage?
In learning webpage design, I encountered many problems that took lots of practice to resolve. Although, I was building web pages using Microsoft Frontpage on my home computer, I used to face lots of issues after uploading the webpage to my website.One major problem was the disappearance of an image file from the webpage. When I created the webpage on ...(related: Web Design)
Eight Website Pitfalls, And How To Avoid Them
Clutter: Too much noise, too much text, and too little white space mean that customers ignore the content. Customers often scan pages quickly, only reading titles or input prompts until they reach the content they want. Be concise, break text up with headings, not too many fonts and consider the reading level of your audience.Confusing navigation: Buttons and menu items should be apparent, links should look like links. Text should not look like buttons or links. Customers do not typically read and digest information in linear order and should be able to move between sections easily.Company-centricism: Customers are task-oriented. They don't know (o...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design