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: January 24, 2018
Over the past 1 1/2 years I have been extremely pleased with your business operations. When I need something done on my website, the management team delivers promptly ALL THE TIME! Rich and Justin never miss a beat and the keep my "beat" pounding wh...[Read More]
William Velmer
naga1@ix.netcom.com

 

Published: January 17, 2018
Several years back I was informed by a client that they couldn't access my website. After countless days I was able to get a call back from my hosting and web page design company. The company got it back up but the content of the site was messed up. ...[Read More]
Captain Dave Edwards
Biggs87@yahoo.com

 

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

 

[Read More Testimonials Here]

Latest Website Related Articles

BadMash3 Exploit

Published: April 17, 2018
The BadMash3 Exploit is just a phrase that criminal hackers made up to make their bug poaching scam seem more legitimate. In reality this is just a SQL Injection hack and extortion attempt. These hackers are known by several names such as Bu...[Read More]

 

Beware of Bug Poachers

Published: April 16, 2018
Beware of Bug Poachers. There are criminal hackers out there working hard all day long to separate you from your hard earned money. These hackers are known by several names such as Bug Poachers, Cyber Extortionists, Website Hackers or Grey H...[Read More]

 


Here are some links to related topics:
 oscommerce designer,   troubleshoot website,   web troubleshooting,   ehost hacked,   opencart hacked,   ipage 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