Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/a26f9f83/public_html/articles/includes/config.php on line 159
Cascading Style Sheets for Better Web Design > NetSparsh - Viral Content you Love & Share

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

In The News:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at https://news.google.com/news

Forbes

10 Marketing, Web Design & Branding Statistics To Help You Prioritize Business Growth Initiatives
Forbes
Then, invest in a web design that places emphasis on the customer journey first and foremost. This will ensure that consumers can find the items or information they seek, and will increase the likelihood that they will remain on your site AND make a ...


Digital Trends

Adobe Spark Page makes web design easy — here's how to use it
Digital Trends
There are plenty of easy web design tools out there, but when Adobe decided to jump in the mix with Spark Page, it added artificial intelligence, a mobile app, and integration with programs like Adobe Lightroom and Adobe Stock. The result is an easy-to ...


The Harlan Daily Enterprise

Web design seminar slated for Aug. 20
The Harlan Daily Enterprise
20, Selling to the World will host a Web Design Workshop at the Bell County Tourism office (the Alexander Arthur Museum) on 2215 Cumberland Ave. Web design is an essential aspect of building an online presence for your company. It encompasses ...


9to5Mac

RapidWeaver 8 web design app coming next week with lots of user-requested features
9to5Mac
RapidWeaver, the well-known web design software for Mac, is getting a massive update rolling out August 14. Jumping from 7, RapidWeaver 8 brings a few notable changes to the table that'll improve how web developers build their websites.


The 15 best new podcasts for web designers and developers
The Media Temple Blog (press release) (blog)
Smashing Magazine recently compiled a shortlist of 66 podcasts that web designers and developers should be listening to, while UXcellence's 'rather comprehensive collection of design podcasts' includes no less than 101 shows. We're spoilt for choice.


Digital Journal

Josh Van Dyk's Forward-Thinking Web Design Helps His Clients Captivate Prospects
Digital Journal
Josh Van Dyk has worked with clients around the world to create powerful website designs that have a single goal: turn prospects into customers. Van Dyk's clients include professionals and entrepreneurs who want to give their web presence a more ...

and more »

Business 2 Community

The Foundations of a Successful Web Design Project
Business 2 Community
Every successful website begins with projecting planning. (We define success by whether or not the website achieves the goals determined at the inception of a project.) Regardless of the size of the project, outcomes depend heavily on planning and ...


IDF Spokesperson Blog (press release) (blog)

Some Amazing Examples of Web Design and How to Emulate Them
IDF Spokesperson Blog (press release) (blog)
Designing a website or mobile app is a rewarding process and the perfect opportunity to put your creative skills to work. By taking a look at popular design trends seen on the web today and design examples from expert designers you'll be well on your ...


WOWT

Woman's business dreams dashed after web design scam
WOWT
It is a good idea not to pay more than one-third of the money down for a project like web design, and always get everything in writing before writing a check. It's also a good idea to call the Better Business Bureau for background on the company and ...


Chron.com

Reader photo: Web design
Chron.com
Reader Audra Chaudoin said this spider web caught her eye in the fog. Share Your Story. Trending now. Fans attending Electric Light Orchestra's first Houston show since the band played the Summit in 1981 · ELO fans eager for the band's return.

Google News

To Flash, or Not to Flash

When considering whether or not to incorporate Flash into your... Read More

How to Create a Favicon for Your Web Site

One of the simplest things you can do to give... Read More

To Hire or Not to Hire a Website Designer

In the early years of the internet the actual design... Read More

How to Design a Search Engine Friendly Web Site

Many web site designers don't design their sites for the... Read More

Want to Increase Your Online Sales? Make Sure That Your Web Site Has a Unique Selling Proposition

If you own a web site or if you are... Read More

Website Design Mishaps - How to Avoid Costly Errors That Can Crush Your Chances of Success

Designing your website can be a difficult task especially if... Read More

Branding Web Strategy Mistakes - Brand Identity Guru

1. Lack of overall strategy and clear definition of success:Most... Read More

Web Coach Tip: The Single Most Important and CRUCIAL Element of Your Web Site

Here's the single most important part of your website: YOUR... Read More

5 Powerful Ways To Get Zero Sales From Your Website

I want you to imagine a lemon. In your mind's... Read More

Bad Design Characteristics For A Website

Making a poorly designed website is one of the easiest... Read More

Design Your Site For Your Customers

The most important person that you need to please when... Read More

Online Businesses Still Ignoring Dial-up Market

In this article you will find the parallel between two... Read More

10 Things All Webmasters Should Know

Geared Up with a website and lots of energy to... Read More

404 Error - The Page Cannot be Found

A "404 Error" happens when the web server you are... Read More

How To Rescue Your Graphic Design Project When All Else Fails

Whether you're giving a critical sales presentation to a client,... Read More

5 Website Design Tips to Make Your Site More Attractive

The question that I most frequently hear from people is... Read More

Hexadecimal Color Notation on the Web

When designing elements for your webpage, you will often be... Read More

Can a Webpage Created Without HTML?

The HTML editor is usually a webpage design software that... Read More

Seven Habits of Highly Effective Webmasters

A highly effective website will always reflect its highly effective... Read More

Give Your Web Wite Visitors What They Really Want - Information!

Surfing the internet is basically an information-fest! From intellectual discussions... Read More

Why Do Images Disappear from a Webpage?

In learning webpage design, I encountered many problems that took... Read More

Affordable Website Design In Manchester

If you have a business, big or small you may... Read More

Increase Sales on Your Website! Use Graphics!

How many times have you clicked on a website only... Read More

How to Convince Your Visitors to Return Often

One visit does not make a sale. Be sure to... Read More

Tips for Getting More Sales From Your Website

(1) Create a Direct Response Website, with the minimum number... Read More