UK SEO and Internet Marketing Forums
Accessible 3 Column XHTML/CSS Layout Tutorial
December 02, 2008, 04:17:45 PM *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: We are back and we've changed software
 
   Home   Help Search Login Register  
Del.icio.us Digg FURL FaceBook Stumble Upon Reddit SlashDot

UK SEO and Internet Marketing 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 92 times)
MuNKy
Global Moderator
General
*****

Karma: +6/-0
Offline Offline

Posts: 3760



View Profile WWW
« on: September 13, 2008, 07: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, 01:49:35 PM by MuNKy » Logged
Munky Online : Web Design Services Suffolk | Online Portfolio | SEO Services | SEO Analysis Tool | Articles & Tutorials
treblesix
Captain
*****

Karma: +5/-0
Offline Offline

Posts: 400



View Profile
« Reply #1 on: September 14, 2008, 05: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
Global Moderator
General
*****

Karma: +6/-0
Offline Offline

Posts: 3760



View Profile WWW
« Reply #2 on: September 15, 2008, 06: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 | Online Portfolio | SEO Services | SEO Analysis Tool | Articles & Tutorials
treblesix
Captain
*****

Karma: +5/-0
Offline Offline

Posts: 400



View Profile
« Reply #3 on: September 15, 2008, 07: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:  

Powered by SMF | SMF © 2006-2008, Simple Machines LLC | Sitemap Valid XHTML 1.0! Valid CSS!


Google visited last this page November 25, 2008, 07:52:54 PM