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
How To Design Your Web Site With CSS > NetSparsh - Viral Content you Love & Share

How To Design Your Web Site With CSS

Cascading Style Sheets (CSS) allows you to create fast loading pages, increase your search engine rankings, and modify your whole site with one style sheet. So why don't more people use them? This is because they got so used to html design and are afraid or too lazy to upgrade their skills. Some will also use ready made templates that contain flashy graphics, bloated code and sometimes even contains hidden code embedded in the page.

In this series of articles I will show you how to create a simple web site using CSS, so you will have no excuse to begin incorporating them into your future designs.

What are Cascading Style Sheets?

Cascading Style Sheets is the name of a simple language that allows you to add any style (font, colors, graphics, links, layouts) to your web pages.

Benefits of Cascading Style Sheets

1. Separate content from presentation ? you can separate your HTML markup, text, graphics and multimedia from presentation.

2. Consistent site wide look and feel consistency ? you can apply one style for 100s of web pages all at once. So if you had to change the color of all pages on your site, you only have to edit one style sheet. This saves you a huge amount of time, especially if you had to edit each page separately.

3. Web site maintenance - apart from being able to make site wide changes easily through one CSS file, the clean code it generates makes it easier to update. Properly marked up web pages permit them to be maintained by more than one person. It will also work in more browsers. Web site redesigns will take much less time.

4. Improve search engine rankings ? search engines generally spider the code at the top of your web page first. For most sites that means the navigation bar will be spidered first (resides at top of page code). CSS enables you to position the code for your content at the top making your page search engine friendly. Properly marked up HTML pages can easily found and properly categorized by search engines

5. Fast loading ? CSS reduces the amount of tags used therefore producing clean code. Tableless design can reduce your load time by 25% to 50%.

6. Reduce bandwidth ? compacting the amount of code used will reduce the amount of bandwidth needed to host your web pages. Therefore you won't have to pay higher fees when adding more web documents to your site.

7. Accessibility - increasing accessibility with CSS means being able to serve web content to a larger audience, increasing web site usability, even for non-disabled people. Content can easily be formatted for projection as well as screen display. Tableless layouts display well on hand-helds.

8. Improve the printing of web pages ? most printers will only allow you to print a portion of the web page. With CSS your whole document can be printed.

When you use CSS it becomes quick and easy to apply new styles that can not only effect all styles on your web page but even your whole site.

In the next article I will explain how to layout a web page using CSS.

Herman Drost is the Certified Internet Webmaster (CIW) owner and author of Affordable Web Site Design and Web Hosting. Subscribe to his "Marketing Tips" newsletter for more original articles. You can read more of his in-depth articles at:

In The News:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at


Webflow Integrates Code-Free E-Commerce Tools Into Its Web ...
Webflow is adding smooth e-commerce tools into its already comprehensive and code-free web design platform.
This Web Design Company Is Launching Its Own Ecommerce ...Adweek

all 3 news articles »

The Best Resources for Learning Web Design
While social media accounts are avenues for marketing and connecting with customers, websites are important because they establish you as professional and give your company credibility. At the very least, a website lets Google and other search engines ...

2440 Media Celebrates its 16th Anniversary of Providing Great Web Design Services from Pittsburgh, PA
GlobeNewswire (press release)
2440 Media's professional web site design services are available to all customers of all business types. 2440 Media boasts its simple Discovery Process which narrows what a client wants and delivers the perfect design based on the client's preferences ...
2440 Media Celebrates its 16th Anniversary of Providing Great Web ...DirectorsTalk Interviews

all 1 news articles »


Five Web Design Trends To Kick Off 2018
Forbes Communications Council Communications, PR, public affairs & media relations execs share tips. Opinions expressed by Forbes Contributors are their own. Post written by. Amahl Williams. Vice President of Smarketing for Pluris Marketing · Amahl ...

and more »

Top Web Design Companies Recognized for Excellence by 10 Best Design
PR Newswire (press release)
SAN FRANCISCO, March 14, 2018 /PRNewswire/ -- Businesses and their brands rely on heavily on their web presence to capture the eyes and attention of target audiences. That is why so many turn to one of the web's largest online industry magazines for ...

and more »

South Florida Business Journal

About the List: Web design trends revolve around consumer wants
South Florida Business Journal
So, it comes as no surprise that the top current trends in web design all revolve around the way an audience directly interacts with a website. Consumers want their sites to be responsive, mobile-friendly, visually appealing and have a direct focus ...


Use These Web Design Tricks to Grow Your Business Exponentially
A strong website design is paramount in creating this trustworthiness. By presenting an online destination that is straightforward and easy to navigate, users will have a more positive experience throughout your website, making them more likely to ...

Practical Ecommerce

19 Free Web Design Tools from Winter 2018
Practical Ecommerce
... basic details and payment information. Early access to the beta version is free. FontRapid. FontRapid is a free font creator plugin for Sketch. Create OpenType fonts that can be used for print, web, and mobile. Learn CSS Grid. CSS Grid is a layout ...

Web Design Specialist
We are looking for a smart, self-starter who loves to learn and get stuff done. Function 5 is a full-service website hosting and design company that is disrupting the market. We believe that all businesses should have great looking websites. With our ...

Smile Politely - Champaign-Urbana's Online Magazine

Mason Kessinger and the design of Smile Politely
Smile Politely - Champaign-Urbana's Online Magazine
"Gosh, web technology back then... we weren't even looking at responsive websites. iPhones didn't really even exist, I was still messin' around on my laptop pulling [Adobe] Illustrator files out like I still kind of do now." The backbone of Kessinger's ...

Google News

Make it Clear What Your Website is About

Just about every list of the "Top 10 Web Design... Read More

Tips on How to Design a Great Site

Have you ever walked pass a shop that, for some... Read More

Is Your Web Site Turning Visitors Away?

One of the biggest problems with Web sites is that... Read More

Creating A Quality Web Site Design!

In this article, I will attempt to cover the basics... Read More

Web Copy - What You Should Know First

Just what is web copy? Some people think that web... Read More

Free Web Design Advice

In this article I will give advice and tips of... Read More

Mini Site or Content-based Web Site?

Are you in a dilemma whether to create a mini... Read More

Custom Icons For Your Specific Brand

Developing a software application is not easy at all; apart... Read More

Save Time and Boost Profits with Free Content

Public domain gives you a head start creating ebooks, ecourses,... Read More

Are You A Bill Clinton Webmaster?

One of the most frequent questions I get asked about... Read More

Should You Bother Learning HTML to Build Webpages?

The most popular method to build webpages today is to... Read More

Color and Web Design

Color is one of the most important but least understood... Read More

Keep Your Navigation Consistent!

One of the single most important aspects of effective navigation... Read More

Breathe New Life Into Your Half-dead Website By Using Words That Sell

This article may come as a surprise to you.Especially since... Read More

My Top Ten List Of Extremely Annoying Web Page Design Elements!

Easy navigation and usability are one of the most important... Read More

How Does Your Website Measure Up?

Does your website make a good first impression? Is the... Read More

How To Shop for a Web Design Firm?

While few companies can boast as we do that our... Read More

Web Usability: The Basics

What is web usability & why is it important?Web usability... Read More

Quality Website Design At An Affordable Price

I always have people asking me if I know of... Read More

How To Increase Your Conversion Rate or What Most People Miss When It Comes To Optimization

Everybody talks about the importance of testing your sales copy... Read More

Immutable Laws Of Effective Navigation - Part 1

The first immutable law of effective navigation: It's gotta be... Read More

What Your Website REALLY Says About You And Why It Matters

Everything you say and do says something about you. This... Read More

Does Your Homepage Work?

All websites have a homepage. It is the most important... Read More

How to Hire a Web Designer/Programmer for Your Website

Hire a designer or a programmer for your website is... Read More

Adding the Right Keywords to Your Website Content

You've made your website, added a great title and keywords... Read More