Presentation is loading. Please wait.

Presentation is loading. Please wait.

Birkbeck University of London Business Workshop Web Accessibility for small businesses How to convert table layout page to css.

Similar presentations


Presentation on theme: "Birkbeck University of London Business Workshop Web Accessibility for small businesses How to convert table layout page to css."— Presentation transcript:

1 Birkbeck University of London Business Workshop Web Accessibility for small businesses How to convert table layout page to css

2 Use CSS not tables to layout page

3 Convert table layout to css Remove invalid markup Remove images with no semantic value Remove presentational markup Create block layout in CSS external file Create look and feel in CSS external file Hide from older browsers Create print CSS

4 Convert table layout to css Remove invalid markup Add XHTML Strict doctype to line 1 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd Add character encoding Add missing type “text/javascript” Add missing attributes Quote attribute values height=“30” Add closing slash

5 Convert table layout to css Remove images with no semantic value

6 Convert table layout to css Remove presentational markup

7 Convert table layout to css Create block layout in CSS external file

8 Convert table layout to css Create look and feel in CSS external file

9 Convert table layout to css Hide from older browsers

10 Convert table layout to css Create print CSS


Download ppt "Birkbeck University of London Business Workshop Web Accessibility for small businesses How to convert table layout page to css."

Similar presentations


Ads by Google