| Free Adobe Photoshop website templates by Colorifer.com. Web design articles | |
|
|
|
|
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, 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:
Google News |
|
|
|
RELATED ARTICLES
10 Ways to Sabotage Your Website Traffic and Send Visitors Packing If you're running a website or online business, your number one goal should be to build traffic. The following are ten ways to drive traffic away from your site. 7 Benefits of HTML Validation You may not bother with html validation or writing simple and clean code when designing your web site. Later you may find your site is slow loading, appears incorrectly in the main browsers and does not rank well for the major search engines. Website Design: Redecorate Your Web Site To Increase Sales Getting traffic to your website is not the only factor that affects your sales.Your website has to be powerful enough to convert these traffic and visitors to buyers. Tips On Effectively Organizing Your Navigation Not all links are created equal.While all of your links may be important, you must sort and prioritize to come up with an effective navigation scheme. Your Site Map: Spider Food or Just A Light Snack? Mechanical spiders have to eat. In fact, they usually have bigger appetites than the real-life spiders you squish under your shoe. You Need RSS, Atom, and ROR/RDF Codes on Your Website--Now You Need Google Sitemap as Well! Do you have a website? If so, you need an ROR XMLNS code button which leads to a full ROR/RDF code page for your website. This code tells search engines all about the special details you input into the code about your website. Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2 Part one of this article is available at www.bookcoaching. Integrating Advertising into Your Web Design If you are going to be placing ads on your website, you'll want to put some thought into how you'll integrate them. Poor integration of ads into your website will cause visitors to click away fast. Let Your Website Make You $$$ While You Sleep! and All That Other B.S.! Well, you've got your product, started your home business, and even have your website up on the internet. Only one problem, where is that money you were supposed to be making? Nothing! No one is knocking down your door to buy your product! Well, here is the real world answer. Make Artistic Graphic Designs Are you a student of graphic design? If you have taken time in extra reviews and put "graphic design" and "drawing" into any search engines, you'll get almost the same result = descriptions of graphic design programs at many design schools. Baffled? Well, it's like this: As a student interested in graphic design, you have to take drawing and not actually a degree in fine art. Web Site Templates and Their Benefits Unarguably, the most important part of your website is content. To draw in clients or customers, you need captivating content and search engines are blind to web design. Website Conversion Secrets Revealed In my last article entitled, Maximizing The True Value Of Your Traffic (found at http://tinyurl.com/2cf84), you discovered the importance of generating positive responses from all your visitors. Custom Website Design - 7 Steps to a More Professional Website If you are trying to sell a product or service on your website, then it is important to make your site as professional as possible. You might think designing that your own website to look like a professional did so is a rather difficult proposition, however there are many tools online that will help you achieve professional looking design. The Importance of Choosing Your Website Keywords Carefully The importance of choosing your website keywords carefully is very high. The reason for this is many search engines rely on keywords, at least partially, to help determine the rank of your web page when certain keywords are searched for. Effective Web Design Usability Principles Website Design Usability Tips1. Getting to know about audience membersYou want a site that has personality and quality content based on your audience taste. How to Make the Online Sales Copy for Your Website More Conversational It has been said that the best online sales copy is one that talks to your prospect as if you are in together in a conversation.But for some of my subscribers to my newsletter, they find it difficult to accomplish. Attention Grabbing Web Design Will Kill Your Sale! In the of-line marketing world it is all about trying to get the attention of the potential consumer to a commercial message.The primary goal is to get noticed by the public. My Top Ten List Of Extremely Annoying Web Page Design Elements! Easy navigation and usability are one of the most important aspects of creating a "user friendly" website. However, there are still a "plethora" of web-sites out there that are, to be politically correct, "functionally challenged. Understanding How HTML Color Codes Work Ever wonder how HTML color codes are put together? For the beginner, it can look like lots of numbers and letters that make no sense. In reality, HTML color codes are written that way for a specific reason that we'll look at in this article. Build A Successful Website For Dummies So you want to build a website here I will explain some simple but also key aspects that are commonly taken in to consideration when a website developer creates a website. 1) Website Design - The website design must be neat meaning that everything looks like where it is meant to be (nothing out of place or out of proportion).
|
|
2007-2008 © Copyright colorifer.com. All Rights Reserved. Free Adobe Photoshop templates. Web Design Articles | Site Map | Terms of Use 
|
