Standards-Based Web Design Full Series Training Course
Course Summary
We take a holistic approach to designing and building websites. We build a web page as the first exercise in class and we progressively build more feature rich pages and sites as the class progresses. This course is not software specific. It can be completed with just a text editor. The instructor will use Dreamweaver in code view for most of the course. Photoshop will be used to prepare images but the principles behind the image creation will be stressed, the principles will carry over into any program used to process images.
Duration
30 hours.
5 course(s)
Audience
This series is for students of all levels of experience in web design who are looking to learn standards based web design. Students with little or no knowledge would begin in level 1, to understand these standards and how to handcode.
Outline
Standards-Based Web Design Series Level 1 (6 hours)
Day 1:
Semantically correct HTML markup, Text preparation, Creating links, Setup and use standards based browsers as test suite & CSS intro
Day 2:
Div & span tags in detail, Basic page structure with divs, CSS box model, CSS reset & CSS Typography
Standards-Based Web Design Series Level 2 (6 hours)
Day 1:
Image replacement, Search Engine Optimization, Background images and effects, Implementing Flash and other media & Uploading, testing and going live with site
Day 2:
Table based layout, HTML Emails, Wire framing a site, Dealing with browser incompatibilities & Search and Replace
Standards-Based Web Design Series Level 3 (6 hours)
Day 1:
Menu sprites and image replacement, Ajax for responsive sites, Javascript libraries & CSS rollovers
Day 2:
Building forms, Submitting forms, CGI scripts, Form validation, Ajax & forms
Standards-Based Web Design Series Level 4 (6 hours)
Day 1:
Slideshows, Drop down menu systems & Pop up
Day 2:
PHP and server side languages, mySQL as a database & Building dynamic pages
Standards-Based Web Design Series Level 5 (6 hours)
Day 1:
Workshop: Bring in your own files or work on our demo project.
Day 2:
Workshop: Bring in your own files or work on our demo project.