My Journey into CSS and DIV Tags
Published: February 5, 2009

I am an old time web designer that has been creating websites before CSS Style sheets and DIV tags became popular. Until recently, I resisted the urge to have all my fonts and site formatting controlled by an external CSS Style sheet or CSS File.

One of my clients insisted that I do everything possible to make his site as SEO compatible. After my research was completed I learned that CSS could be a valuable tool for my own website.

Here is what I have learned.

  1. Use your CSS File to control all of your website formatting.
    1. Font styles, colours and sizes.
    2. Table definitions.
    3. Background colours & photos.
    4. Put all the photos that you can into the CSS Style Sheet because to the search engines, text content is what matters and not photos.  Google will sometimes penalize you if you have too many photos, or photos that are too large. 
  2. Use meaningful names for your CSS style classes and other definitions. When you have a whole site completed and you look back at your site, style89 won’t mean anything to you.
  3. Put all of your website content (text) into your website pages without formatting. All formatting should be in an external stylesheet.  Your html web page should contain your text content only if possible.
  4. Tables - never use tables for formatting. Never use imbedded tables. Google will penalize for content located in imbedded tables. Replace tables with DIV’s wherever possible. Keep your JavaScripts as a separate .js file to be included on each page.

Putting my new skills to test, our new design process will be as follows:

  1. Create PhotoShop version of template for client approval.
  2. Create html version of template on Dreamweaver using only the external style sheet feature.
  3. Go through the Dreamweaver version using a simple text editor and take out any extra unnecessary code. Make sure all tags are opened and closed properly.
  4. Put every formatting options possible into my CSS Files using meaningful style names.
  5. Create the rest of the site based on the template approved by the client.
  6. Test your website on Explorer, FireFox, Safari and Opera. I found that even though the browsers are supposed to be 100% compatible, they all act differently and sometimes produce unexpected results.

About the Author
Rich Agnew is an author for The Computer Geek Custom Web Page Design and for CSSZafco.com, distributor of computers and accessories. Please visit the site to view a huge assortment of Computer Technology.

Customer Reviews:

Published: September 7, 2017
Rich Agnew and his crew at Computer Geek are great to work with. We switched hosting companies a couple of weeks ago and contacted Rich about transferring all our files to the new hosting company. The transfer was successful and smooth. I thought i...[Read More]
Chad Pugh
chad@nationofblue.com

 

Published: August 19, 2017
I had a band website that relied on an old media player that eventually became obsolete when support for it was dropped. I had designed it myself, and in doing so I had a very specific way I wanted our music page to look and work, and in searching ar...[Read More]
Donald Jefferes
jzerony@aol.com

 

Published: June 19, 2017
"The professionalism and expertise which I experienced from Rich Agnew at The Computer Geek is streets ahead of any other service provider. When we were hit with a virus we were at our wits end but within minutes they had sorted us out. We were ama...[Read More]
Toni Gomes
ceo@bpw-jhbsa.co.za

 

Published: June 13, 2017
"Excellent service, very professional to work with. My company's website had become infected with malware. The website is used to direct sales, but equally as import it is used as the portal for the support ticketing system. The site needed to be ...[Read More]
Jake Baker
jbaker@comcomsystems.com

 

Published: April 18, 2017
Geeks make it look easy. After hiring the Computer Geeks for a lot of minor site work, I decided to follow Rich's advice and start from scratch. Rich & Co. designed and built a new site for my business, quickly and efficiently, with sleek, profession...[Read More]
Alan Perlman
alanperlmanphd@gmail.com

 

Published: April 17, 2017
Your alacrity and client service have been evident from the moment you popped up in a chat screen during my visit to your website. I also deeply appreciate your competence and kindness. Your services are a valuable asset to us and I am grateful for y...[Read More]
Judy Tashbook Safern
jsafern@shearith.org

 

Published: March 16, 2017
Rich and his team at Computer Geek are awesome! They fixed my virus infected website extremely fast (just a day!) and everything turned out great. I will definitely use them again the next time I'm in need of tech help. Thanks guys!...[Read More]
Kate Marcin
katemarcin@gmail.com

 

Published: January 14, 2017
Searching for a competent English-speaking webmaster can be a daunting task, especially if searching the Internet without a personal recommendation from a friend. I discovered Computer Geek's website, liked what I read, and contacted Rich. He promptl...[Read More]
Rand Winburn
randw@iconbusters.com

 

Published: December 22, 2016
Excellent communication and quick to get the job done....[Read More]
Adam Roberts
adamrobertswork@gmail.com

 

Published: July 27, 2016
BEST SERVICE I HAVE EVER EXPERIENCED !!! Called Rich one morning to have my website fixed since it was hacked . I must say he really knows what he is doing in no time at all my site was back on line all malware removed and my web site updated and pro...[Read More]
Eric Bjorkgren
preservewax@gmail.com

 

[Read More Testimonials Here]

Latest Website Related Articles

What is Cross Site Scripting?

Published: September 13, 2017
Cross site scripting (XSS) is when criminal hackers use weakness's in a website application to inject malicious code into that website which causes the website to behave in a way it was not designed to do. The website weakness which allows ...[Read More]

 

Are Your WordPress Plug-ins Updated?

Published: May 7, 2017
The hackers normally get in through weakness's in your plug-ins. You must keep all your Word Press Plug-ins updated at all times. These updates will fix holes that allow the hackers to access your site through what's called a back door. This...[Read More]

 


Here are some links to related topics:
 php designers,   this site may harm your computer,   fix my website,   drupal hacked,   godaddy hacked,   just host hacked,  


Site Secured By The Website Guardian
My Journey into CSS and DIV Tags | Computer Geek 5 out of 5 based on 103 user ratings.
My Journey into CSS and DIV Tags | Computer Geek
My Journey into CSS and DIV Tags - I am an old time web designer that has been creating websites before CSS Style sheets and DIV tags became popular. Until . . .
My Journey into CSS and DIV Tags | Computer Geek
Date Published: 10/09/2016
My Journey into CSS and DIV Tags - I am an old time web designer that has been creating websites before CSS Style sheets and DIV tags became popular. Until . . .
5 / 5 stars