Ben Dunkle's Week Long Web Development Course

Example

Schedule

• Day 1:
  xHTML and browsers
• Day 2:
  Links and connections
• Day 3:
  CSS and advanced html
• DAY 4: Client side scripting with Javascript
• DAY 5: Server side scripting with PHP and MySQL
  

Supporting links

• Roswell Web Technology guidelines and definitions.
• html cheat sheet
• css cheat sheet
• w3schools
• W3 Validator
• A list of commonly used doctypes
• The designer's toolbox, for html characters and other stuff
• Colors you can use in your css
• Colr, good for picking colors
• Kuler, good for picking kulors
• Notepad++, a text editor
• Jedit, a text editor
• The best CSS book in the world
• Making accessible forms
• Form layout with css
• Label/element relationships
• Lots of form design links

Examples of we've learned

• A basic, valid xhtml page
• A block level element and an inline element
• The pre tag in all its glory
• A relative link and an absolute link
• An email link
• An image on a page
• A youtube video
• A google map
• An iframe
• External, internal, and inline styles
• Three types of CSS definitions
• A CSS div with lots of spacing and positioning properties applied
• A paragraph of text with lots of text properties applied
• A few table examples
• Ordered and unordered lists, including nested lists
• A nav bar made from a list
• Every form element on one page
• 3 types of form layouts, built with CSS
• Basic form validation with javascript
• Basic form processing with php
• A sample website

<a href="local_page.html">A relative link to a page on the same website or directory</a><br/>
<a href="http://www.google.html">An absolute link to Google</a>

Rendered

A relative link to a page on the same website or directory
An absolute link to Google

©2010, Ben Dunkle. No content may be reproduced without permission of the author. Email Me