Search Engine Marketing - PPC Services Company

Learning Cascading Style Sheets Makes For Better Web Pages.

The other day I was asked why I like Cascading Styles Sheets (CSS) and what makes CSS so great. Here's my answer to those questions.

The Holy Grail of CSS it to completely separate web page content from the instructions that control its look and feel. If this is achieved then it's much easier for various devices to display the web page correctly. For example the same page would display correctly on a standard web browser (Internet Explorer, FireFox, Opera, Netscape, etc.), devices used by persons with a handicap, cell phones, and yet-to-be-developed interfaces. Nor would the web site designer have to make separate pages for some of these devices. Reality is quite different though and here in the real world CSS does not yet do all these things. But it does have enough positive benefits to learn how it works and to incorporate it into your web pages.

There are a different ways to control how things looks on a web page. For example, the color, size, and font used for a headline or the color, size, and font for a paragraph of text can be defined with in-line styles and tags. In-line means that these formatting commands for controlling the color, size, and font are mixed in with the content. This makes the source code for the page much harder to read and modify when you want to change it or fix a problem. In addition, because you're repeating the same commands over and over down the page, it makes the file size of the page get larger and larger and less efficient (slower) for those browsing your site.

CSS is not repeated throughout the page. CSS can be defined in the head section of the HTML page, or put in a separate file and referenced from the HTML page, or you can even do both. CSS consists of definitions of how a page component should look on the page or device. For example, you can define that a headline should be red, 26 point, right aligned text and that a paragraph should be black, 10 point, left aligned text. Any normal HTML paragraph tags or headline tags would use these definitions when rendered. You can define pretty much all the normal HTML objects this way; background color, background image, background image position, tables, cells, images, divs, etc. This removes the clutter from your HTML code and makes it much easier to read. But wait, there's more! If you have a web site with more than one page and you use CSS, and, you put all your CSS definitions in a separate file, you have only one place to go to change the look and feel of all the pages in your site. If you have a 50 page site and you learn that the size of your text is too small or you used the wrong color to maximize sales: instead of having to edit 50 pages and change the definition of each paragraph tag, you simply edit the CSS file and you're done!

You may be asking how to make one paragraph or a set of paragraphs look different than the default? One way is to define a class for that item. If you have a right column where you display ads, in your CSS you would make a class and give it a name such as ".rcol". You would define the necessary items for the class that you want to control (paragraph or header tags). ".rcol p" would be used to control how a paragraph tag was rendered. To associate the class to the object, simple add "class=rcol" to the paragraph tag, or the table tag if it's in a table, or div tag if it's in a div, etc. This is also where the term cascading in CSS earns it's keep: the default definitions cascade down into a class as long as the class does not contain something that overrides the default. This means that in our example text rendered in a paragraph tag looks different for the rcol class. However, because that's the only thing we've defined for rcol, everything else would look the same as the rest of the page.

You can also define size and positioning for objects in CSS. This is one place where we hit the real world of CSS pretty hard. Not all browsers support the size and position commands the same way. This leads to hacks that define a position and then use a command that is known, for example, to cause Internet Explorer to bail out of the CSS, after that line you use a position command that Netscape for example understands. CSS uses the last definition of an object so this technique can be used to "trick" or "hack"

CSS into working across more browsers than it normally would. I don't recommend doing this. One reason is that it's messy and easy to forget why you did something. The other reason is because as browsers are updated, or new devices come online, they may not follow these unwritten and unsupported hacks and your pages are apt to be all messed up. To get around this I usually use CSS as much as I possibly can and then use tables and in-line definitions to control positioning and size. Some people will go to great lengths to use CSS for everything, even replacing all tables, but here in the real world, your should get the page built, functioning, and in a form that can be used reliably on as many platforms as possible.

Not all web site software packages like Microsoft Front Page, Dreamweaver, or Adobe GoLive, etc. fully support CSS.

You'll have to do some coding manually. Don't worry, it's not that hard. I have an online course that can teach you how, just follow the link at the end of this article.

Take the time to learn and understand CSS. Implement it in your web pages. It will be time well spent.

Learn all about HTML, CSS, and more at Fred Black's web site, http://www.WebSiteTrainingOnline.com An Introduction to Creating Web Sites.

MORE ARTICLES:

Promotion Strategies: Save with a Marketing PodCast
Just a few years ago, radio was the way to get audio announcements out about your business and a marketing PodCast was nonexistent. Today, the marketing PodCast as a promotion strategy will revolutionize getting your message out but to a wider audience and at much cheaper production costs. The marketing PodCast is derived from the Apple iPod product and is an excellent way to promote your business as part of your overall promotional and marketing efforts.

GreenDimes Is Turning Pocket Change Into Social Change With Debut Of New Services
GreenDimes is here to help bring a little more sanity to your life while helping the environment. With its newly launched website, GreenDimes is giving visitors new options. The service now offers exciting choices for people looking to reduce their junk mail and take part in the national fight to reclaim their mailboxes and the environment.

How to choose an event management company?
Event Planning Management: Every Company manages events differently. Before choosing an event management firm we should look for various range of resources the firm has to give us unlimited number of ideas and concepts. The areas, which we should look for in, an event management firm are:

RHUB is a Flash to the Future in Web Conferencing With Improved Security and Channel Programming
RHUB has shown great creative ability and ingenuity in web conferencing, security improvements, and in the expansion of their channel programming. For instance, with the TurboMeeting 3.3 software they began their international language and recording phase. TurboMeeting 3.3 supports five languages: English, Spanish, Traditional Chinese, Simplified Chinese, and Japanese. When meeting attendees have their computer set on an included language they will see the user interface in their own language.

Solidcore Hosts Web Seminar on PCI DSS Auditing and File Integrity Monitoring Requirements : Trustwave Speaker to Discuss Managing Compliance with P
On Thursday, June 26, 2008, Solidcore® Systems, Inc., the leading provider of software to detect and prevent unwanted change, will host a Web seminar to provide expert guidance on the difficult auditing and file integrity monitoring requirements within the Payment Card Industry Data Security Standard (PCI DSS). The Webinar will help companies better understand the current PCI DSS compliance challenges, and will provide best-practices and a solution for overcoming them.

B2B Internet Marketing Consultant Todd Miechiels Tapped By Three Atlanta Companies
B2B Companies Choose Todd Miechiels to Increase Website Leads and Sales

Scottsdale Real Estate Professional Recognized for Million-Dollar Successes
Jeff Daley, of Keller Williams Realty - Scottsdale, has been recognized by the prestigious Institute for Luxury Home Marketing for his recent performance in the million-dollar and above luxury home market in the Scottsdale, Arizona metro area and has earned membership in the prestigious international Million Dollar Guild.

Sam Dhatt Offers Powerful Resource on Web Site
Cosmetic Chemist Sam Dhatt shares knowledge of skin care technology on personal Web site

New Web Directory Promotes Activity Holidays for the Mind, Body & Soul
Tired of the beach? Want to try something different? Looking for a truly inspiring holiday or short break? A new website has been launched which aims to help people find activity-based holidays around the world.

Seminar: Internet Marketing/SEO -- Search Engines and Beyond
Learn search engine optimization, Internet directories, linking strategies and emerging marketing techniques using web technologies for small business growth.

How Word of Mouth Referrals Build Huge Network Marketing Home Businesses
The story of how a 52+ year old company helps people earn residual money through referral marketing, giving income security and lifestyle freedom with a home business.

Site Development: Extreme Online Marketing
The key component to the web's best sites is ?content?. These netrepreneurs understand the need to provide a professional site that is well developed, informational and error-free. For top websites quality content is essential.

Canadian Entrepreneur Launches Choice Medical Services, a Medical Tourism Firm Providing Healthcare Treatment in Cuba, Savings Up to 80 Percent Off U.
Choice Medical Services, a medical tourism company, has launched to assist North American patients in going to Cuba to access low-cost and safe medical care. Cuban health costs are up to 80 percent less than U.S. costs. US patients are primarily uninsured or underinsured and might otherwise be unable to afford treatment. Canadian patients want to avoid long wait times for medical care.

MessageSolution? Launches Enterprise Email Archive? for Novell GroupWise Server at BrainShare 2008, First to Support All Top Three Email Servers in th
MessageSolution?, Inc., the leading innovator in email and file archiving, launching Enterprise Email Archive? for Novell GroupWise Server, making MessageSolution Enterprise Email Archive? the first and only archiving solution to support all three enterprise email servers dominating the market. MessageSolution CTO Jeff Liang describes the development process and outlines the benefits of this product release. Enterprise Email Archive? is an all-in-one software solution for compliance, e-discovery, litigation support, risk management, and storage optimization. Developed entirely in-house, Enterprise Email Archive? is MessageSolution's email archiving software solution designed to address the various messaging environments and archiving re...