|
|
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
Small Business Website Design - How to Get Professional Results on a Shoestring Budget
Just because you are a small business with an even smaller website design budget, does not mean that you cannot have a professional looking website and presence on the web. All it means is you will have to do some of the work yourself instead of paying some design firm to do it for you. Amazingly enough, self designed pages from small business owners who did their research frequently end up being better and more focused than professionally designed pages. Consider the following suggestions when designing your own website.
Give Your Web Wite Visitors What They Really Want - Information!
Surfing the internet is basically an information-fest! From intellectual discussions to the bizarre...people surf the internet for information more than products or services. Through sites that offer information -sales are generated indirectly which is perfect. By offering valuable information to your visitors, you start a marketing relationship just by creating value in your website.
Your Graphics- Are They Really Working For You?
(Making Your Graphics Work For You)
Website Woes: Top Five Offenders
I see a lot of mistakes, but here are the top five offenders you need to correct to give your site a boost.
Web Designers Beware!
As a web designer, I have a personal interest in a new trend which threatens to put me and my kind out of business. That "threat" is Web Design Templates. In short they are ready-made web design products which can be used as a basis for a fast and high-quality website. You usually receive a Photoshop file (.psd), Flash file (.fla), HTML files with your tables and initial scripting already complete, fonts, sounds and anything else which may be part of the website 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?
Should I Use Pop-Up Ads?
Web advertising has taken many forms, including those that appear within the Web page as an in-line graphic, as well as those that "pop up" (over) or "pop under" a browsing window. If you are considering the use of pop ups on your website as an advertising method, this article provides some points you should consider.
Are You A Bill Clinton Webmaster?
One of the most frequent questions I get asked about my ebook, Don't Get Banned BY The Search Engines, is whether I amended it to include post-Florida Google. "Florida" is the code name that search engine optimizer wizards gave to a November, 2003, shakeup at Google that left many webmasters covering themselves up with makeshift fig leaves while dangling upside down above the proverbial crocodile moat.
Top Ten Ways to Increase Web Sales - Part 1
You have only 10 seconds to impress your potential buyer.
Designing Your Web Site For ALL Browsers
Let's face it. Building a web site that browses consistently on multiple platforms and multiple browsers is not always as easy as we would like.
Website Registration Roadmap - How to Create Your Own Website in 7 Easy Steps
Creating your own website is actually easy in today's world of affordable and free web hosts and website building software. Fortunately, even if you have no Internet experience at all you can simply follow directions and build your own website in seven easy steps. Just follow the steps below and before you know it you will have your very own website online.
Questions to Ask When Designing a Website for Clients
Questions to ask when designing a Web Site for your client (s).
Tips for a Successful Website for Any Organization, NGO or GO
Most NGOs (Non-Governmental Organizations) don't understand these important aspects of a successful website. Even many governmental organizations (GOs) could improve their sites by following these tips.
The Top Ten Checklist For Low Web Site Sales
You have good traffic, but low client sign ups and other sales. Web sites are only as good as their copy. If your Web sales are down, check your copywriting.
How To Create A Professional Website In Less Than A Week
Here's a really simple way... any novice can create a fully functional website in less than a week.
Hiring a Graphic Designer
You've come up with a great product. You've got the sales letter written for your website. Now you need the graphic design to complement your product and the text that describes it. Not being artistically inclined or adept at the technicalities of computer graphics, you decide you need some help.
Affordable Website Design In Manchester
If you have a business, big or small you may be thinking of getting yourself a website.
Build It And Build It Cheap! Part II
If you are familiar with my work, then you have probably taken a look at the first part of this article, and may well be on your way to having your website up and running. Congratulations!!! It's hard work, but having pride in the accomplishment is worth it! Now you have to find the people who want to see it, AKA--site traffic.
Ten Basic Steps For Building A Web Site That Works
1. Assemble a web site development plan that is integrated with your overall marketing processes; the content should be consistent with offline materials, the graphics/images don't have to be identical with traditional media, but should be consistent with your overall branding, style guide, usage of colors etc.
Basic Web Design Principles
Home Page