Course Description
In this course students learn advanced (X)HTML and CSS techniques to create sophisticated web page layouts that adhere to the W3C’s guidelines. Microformats will be used to create semantically meaningful, portable content.
Prerequisites
Recommended Textbook(s)
- Wyke-Smith, Charles. Stylin’ with CSS: A Designer’s Guide. Berkeley, CA: New Riders, 2008.
- Zeldman, Jeffrey. Designing With Web Standards. Grand Rapids: New Riders, 2009.
Recommended Reading
Forms
- Hanen, Jenifer. "HTML forms—the basics." Opera. 08 July 2008. Opera Web Standards Curriculum. 22 Aug 2008.
- Lloyd, Ian. "Accessible HTML/XHTML Forms." The Web Standards Project. May 2004. The Web Standards Project. 22 Aug 2008.
- Henick, Ben. Form design, layout, and presentation with CSS." Opera Web Standards Curriculum. Opera. 30 Jan 2009.
Layout techniques
- Walker, Alex. "Simple Clearing of Floats." SitePoint. May 2004. SitePoint. Feb 2005.
- Cederholm, Dan. "Faux Columns." A List Apart. 09 January 2004. A List Apart. 22 Aug 2008.
- Olsson, Tommy. "Inheritance and Cascade." Opera Web Standards Curriculum. Opera. 30 Jan 2009.
- Henick, Ben. "The CSS layout model - boxes, borders, margins, padding." Opera Web Standards Curriculum. Opera. 30 Jan 2009.
- Olsson, Tommy. "Floats and clearing." Opera Web Standards Curriculum. Opera. 30 Jan 2009.
- Olsson, Tommy. "CSS static and relative positioning." Opera Web Standards Curriculum. Opera. 30 Jan 2009.
- Olsson, Tommy. "CSS absolute and fixed positioning." Opera Web Standards Curriculum. Opera. 30 Jan 2009.
Other topics
- Shea, Dave. "Revised Image Replacement." MezzoBlue. MezzoBlue. 22 Aug 2008.
- Francis, M.N. "Lesser-known semantic elements." Opera Web Standards Curriculum. 08 July 2008. Opera Web Standards Curriculum. 22 Aug 2008.
- Pieters, Veerle. "Geometric Background Patterns." 24Ways. 02 December 2008.
- Adobe, “How Do I Validate My Site for Accessibility?” Adobe. Adobe. 5 Dec 2008.
Technologies Required
- Students will need their own web server to post their assignments
- Mac or PC computers with internet connection
- Web Browsers (Firefox, Opera, Safari, Internet Explorer)
- Text editor, or web page editor that fosters the development of valid (X)HTML and CSS code
- Web page debugging and evaluation tools such as Firebug and the Web Developer Toolbar for Firefox, Opera Dragonfly and the Opera debug menu, and Safari Web Inspector.