Del.icio.us Digg FURL FaceBook Stumble Upon Reddit SlashDot

Seo'ers - UK SEO, Internet Marketing and Webmaster Forums > Web site development > Website design and development > Accessible 3 Column XHTML/CSS Layout Tutorial
Pages: [1]
« previous next »
Print
Author Topic: Accessible 3 Column XHTML/CSS Layout Tutorial  (Read 794 times)
0 Members and 1 Guest are viewing this topic.
MuNKy
General
*****

Karma: +6/-0
Offline Offline

Posts: 3776



View Profile WWW
« on: September 13, 2008, 06:29:11 PM »
Hi members,

I thought that i'd write a tutorial to assist anyone trying to learn how to make a 3 column layout for their website.

This tutorial:
  • DOES NOT use tables
  • Uses the XHTML STRICT doctype
  • Features full explanations for each section of code.
  • Includes a live demo of the code
  • Includes a downloadable zip file of the code

If you have any comments/suggestions about the article then please post them here. Enjoy!
« Last Edit: September 22, 2008, 12:49:35 PM by MuNKy » Logged
Munky Online : Web Design Services Suffolk | Blog | SEO Services | SEO Analysis Tool | Articles & Tutorials
Seo'ers - UK SEO, Internet Marketing and Webmaster Forums
« on: September 13, 2008, 06:29:11 PM »
Recommended SEOers Resources

3 months free Web Hosting from 123-reg!
 Logged
treblesix
Major
*****

Karma: +10/-0
Offline Offline

Posts: 692



View Profile
« Reply #1 on: September 14, 2008, 04:58:29 PM »
Might be an idea to stress that for accessibilty (W3C) compliance,
the content also has to comply ... and really needs a
specialist editor/browser for page/content design. These are
usually costly, but AMAYA from W3C site goes a fair way ...
after which you can check with their online accessibility checker
... or LYNX or Bobby etc.

Going through scripts putting in alt tags/descriptions is a pig Grin
Logged
A nurse a day helps you work, rest and play Shocked)
MuNKy
General
*****

Karma: +6/-0
Offline Offline

Posts: 3776



View Profile WWW
« Reply #2 on: September 15, 2008, 05:42:04 PM »
Thanks - Great ideas there! I've added a new section for checking for valid code an accessibility Smiley
Logged
Munky Online : Web Design Services Suffolk | Blog | SEO Services | SEO Analysis Tool | Articles & Tutorials
treblesix
Major
*****

Karma: +10/-0
Offline Offline

Posts: 692



View Profile
« Reply #3 on: September 15, 2008, 06:52:48 PM »
Just an observation .....

Two column layout with content on the LHS and
ads/logins whatever on the RHS give the impaired
visitor a lot less confusing crap to wade through.
Top and bottom links bars plus breadcrumbs also a plus
as is a textlink type basic sitemap.

In fact,accessibility and SEO come together quite well
... albeit in a boring vanilla envelope way. Blind people
care even less about eyecandy and graphics than I do  Shocked

keep up the good work m8  Smiley
Logged
A nurse a day helps you work, rest and play Shocked)
Pages: [1]
Print
« previous next »
Jump to:  


Related Topics
Subject Started by Replies Views Last post
Attracting link exchanges on a forum Tutorial by Roy
General Search Engine Optimisation discussion 		nomax5 2 264 Last post April 05, 2007, 01:12:45 AM
by yourweb
Google Accessible Web Search for the Visually Impaired
Google 		Webnauts 2 176 Last post December 09, 2006, 10:06:55 PM
by hawkwind dave
'Edit' column gone in analytics « 1 2 »
Google 		pagetta 15 343 Last post November 23, 2007, 02:53:39 PM
by MuNKy