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:

I'm very new to the whole idea of having a website
I'm very new to the whole idea of having a website / blog. I used Bluehost.com and WordPress.org to create Thepredatorhunter.com and then managed to wreck it. On a Sunday morning I opened chat box with Rich and within a few hours everything was fantastic! This isn't just a company for big biz, if your new and small, The Computer Geek can help you out. In trouble? Stop fretting and start typing in the chat box. You will be glad you did!
Dennis Gilmore
Published:
Dennis Gilmore
dgilmore@basthatfield.com
"I worked with Rich because my website was not wor
"I worked with Rich because my website was not working due to being old and out dated. Rich explained to me the cause of the problems and gave me different options to fix the problems. Rich was able to get my website up and running very quickly and would not even charge me! I am so impressed with Rich's honesty. When it comes time I will be calling on Rich to update my site. He has earned a loyal customer. Thanks Rich!!"
Jason Knuth
Published:
Jason Knuth
jknuth1@wi.rr.com
"WOW! I didn't expect my service request to be han
"WOW! I didn't expect my service request to be handled so quickly. I reached out to Rich for a quote to help migrate my WordPress website and heard back from him within hours. He called me to discuss and was super friendly and straight to the point. I couldn't have asked for better service. Computer Geek will definitely be my go-to for all website and IT needs! Thank you!!"
BrittneyGage
Published:
BrittneyGage
brittneyrosegage@gmail.com
I want to commend you on the brilliance of the wor
I want to commend you on the brilliance of the work Computer-Geek has accomplished for expHand Inc. During certain website issues, the company experienced that had the company website taken down through no fault of the company. After Google did not offer the assistance to reload the website, the work Computer-Geek undertook to have the expHand Inc. website updated and reinstalled was remarkable. I would suggest to any company looking for website assistance from development to rectifying big and small problems that they should contact Computer-Geek. The personal attention given to expHand by Rich did not leave anything to chance. He worked with us as if he was a treasured employee of long-standing. How Computer-Geek continues to be of assistance delivers a continuous piece of mind. expHand will be a client for life. All the best,
Frank Nemirofsky
Published:
Frank Nemirofsky
Frank@SafestPeople.com
If you're looking for a Joomla expert, look no fur
If you're looking for a Joomla expert, look no further. We hired The Computer Geek to migrate our Joomla site last summer. The move was smooth and successful with no down time at all. I've contacted Rich with various web development issues since then and he's always found the solution. Exceptional service at competitive prices.
Brenden Wright
Published:
Brenden Wright
brendenwright0@gmail.com
Rich was friendly & immediately helpful. Couldn't
Rich was friendly & immediately helpful. Couldn't get into my website to update it & had let the situation drag on for months. Clicked on this website & Rich was friendly & immediately helpful, said he could sort things out and did so with promptness & efficiency - not rushing off afterwards, but taking time to make sure the job was done properly. I'd certainly use this company again when I next have a problem. Well worth $120.
John Gordon
Published:
John Gordon
john@teamangelica.com
"If you have a problem with your website, or want
"If you have a problem with your website, or want to add some special functionality, you need to deal with someone you can trust who will fix your problem without making things worse. Finding someone like this is risky. How do you know he or she can do the job? How do you know you won't be left hanging? From our direct experience you can place your trust in these guys. The word 'fantastic' is much over-used these day but these people really are fantastic. Coming fresh into our site and knowing nothing about the specific software we were using, within minutes they were fixing issues. Frankly, I have no idea how you get this good. It's almost super-human. And when they hit a speed-bump, they don't turn around and place the onus on you like many specialists or blame someone else: they just fix it and move on. I trusted our entire site to them - more than 100 man-years of content - and within days we were completely fixed."
Stefan Youngs
Published:
Stefan Youngs
kildare4ever@icloud.com
Our website has an interface to another firm'
Our website has an interface to another firm's website so that prospective clients can leave their contact information for follow-up and tracking. This important hand-off function stopped working. I found Rich at The Computer Geek via search. He fixed this problem the same day, and improved the screen appearance for the prospective clients as well. The whole process was fast and efficient. I recommend this organization.
Tom Nutter
Published:
Tom Nutter
thomashnutter@gmail.com
Once again, Rich and his team have done it again!
Once again, Rich and his team have done it again! My outofbodies.com band website needed a quick fix that I couldn't for the life of me figure out how to do - and Rich took care of it! I will always come back to these guys - they're beyond great! They're friendly, thorough and quick! Got me up and running - I highly recommend them!
Donald Jefferes
Published:
Donald Jefferes
jzerony@aol.com
I am still learning how to navigate around WordPre
I am still learning how to navigate around WordPress but I LOVE the new site Rich! You guys did a great job! I appreciate your patience with me and your professionalism. I'm sure I will have questions and need your help down the road but in the meantime I will refer your services to anyone I know looking for web help.
Dominick Barzini
Published:
Dominick Barzini
pitisland@hvc.rr.com
[Read More Testimonials Here]

Latest Website Related Articles

How Can I Speed Up My Browser

Published: May 30, 2021
When you're editing your WordPress site or working online for your business, it can be frustrating when your browser isn't responsive and loads slowly. So how do you speed up your browser? Fortunately, there is a way to fix this - well actually...[Read More]

 

How Do I Delete My Website From the Internet

Published: May 17, 2021
When you finish a project, have stopped using your blog, or closing your business, you may want to consider removing your website from WordPress. There are a few things that you can do and approaches you can take depending on your situation. ...[Read More]

 


Here are some links to related topics:
 mysql guru,   joomla designer,   geotab help,   modx hacked,   just host hacked,   fatcow hacked,  


Site Secured By The Website Guardian