1. CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets Usability Accessibility Metatags Open Source SEO Search Engine Optimisation -->

2. CM143- WEB CSS CSS –Cascading Style Sheets What is a style:- a definition for a section of a page. Combining many attributes into a single tag.set once effect many places. CSS Rules:- (1) HTML Selector P {font : bold 12pt arial;} (2)Class Can be applied to any HTML tag Can have any name (3) ID #object {position: absolute; top :10px} only use once per page if JavaScript or DHTML are being used, could cause errors of two items on the page have same ID

3. CM143- WEB CSS - SYNTAX| CSS –Cascading Style Sheets P {font-family:"Times New Roman” } p { font-family:"Times"; font-size:20px; text-align : justify; color : #444444; }

4. CM143- WEB CSS - LOCATION| CSS –Cascading Style Sheets- Where can we place CSS ?: inline, embedded & external inline : In html tag CSS embedded : In Head of document Cascading Style Sheets - embedded P { text-align : justify; color : #444444; font : 10pt/13pt Arial, Helvetica, sans-serif; }

5. CM143- WEB CSS - LOCATION| CSS –Cascading Style Sheets- Where can we place CSS ?: inline, embedded & external external : in external file Cascading Style Sheets -external External has greater effect on the site and most useful in day-to- day work

6. CM143- WEB CSS - LOCATION| CSS –Cascading Style Sheets- DEMO - POWER OF CSS - ZEN