|
DAY ONE
Introduction Standards compliant mark up • Overview of more advanced markup • HTML, XHTML and XML • Advantages of standards compliant mark up • Converting and moving to XHTML
Structuring meta data • Keywords and descriptions • Search engine friendliness • Robots tag and robots.txt
Clean, structured pages • XHTML syntax, options and versions • Structuring XHTML pages • Removing presentational elements • Working with the DOCTYPE • Understanding natural language declarations • Building web forms and data tables • Working with lists • Special characters
Browsers and user agents • Standards compliant browsers • Overcoming older browser problems • Other user agents • Cross platform design
Overview of scripting languages • Client side scripting with JavaScript • Server side scripting • Dynamic HTML • Other technologies |
DAY TWO Introduction to CSS • Separating content from presentation • What can CSS do? • CSS structure (syntax) • Inserting styles - inline, embedded or external • The cascade order: specificity and inheritance • Understanding selectors
Styling text • Deciding which elements to style • Styling basic text elements • Using serif and sans serif font sets • Specifying font size and colour • Changing or removing bullets from lists
Page layout and positioning • Div’s, classes and IDs • Using span and div • Understanding the box model • Absolute, relative and fixed positioning • Floating elements to make a two column layout • Balance between liquidity and layout design
Styling tables • Styling row and column headings • Creating borders • Adding colour
Styling links and navigation • Creating hover effects • Lists into interactive navigation
Styling and laying out forms • Changing properties of input elements • Positioning form elements • Grouping form elements together • Formatting text in forms • Changing the look of buttons
Creating a print page • Switching to a different media for print • Showing and hiding elements • Altering layout • Changing font and font size for print
Questions and answers |