Course+Competencies

Competencies/Learning Objectives:
Upon completion of this course, you should be able to:

Topics || Competencies || World Wide Web Consortium (W3C) || * Discuss the pros and cons of W3C standards in relation to XHTML and CSS. CSS || *  Explain the concept(s) behind the separation of content structure from content presentation. DOM || * Discuss the relationship of the Document Object Model to XHTML, CSS, and JavaScript. Positioning with CSS || *  Define and discuss absolute, relative, static, and fixed positioning methods. Box model || * Define and discuss the "Box Model" and its relationship to CSS layout techniques. Cross-browser, cross-platform compatibility || * Explain browser compatibility issues related to CSS. Accessibility || *  Define Accessibility. Web page layout || * Critique web page layout in terms of user-experience. JavaScript || * Define data types, variables, functions, conditional statements and repeat loops.
 * Describe the origins and organization of the W3C.
 * Redesign existing websites to adhere to W3C web standards. ||
 * Demonstrate proficiency writing CSS for web page layout and design.
 * Explain browser compatibility issues related to CSS.
 * List at least four online resources for CSS. ||
 * Define and discuss the "Box Model" and its relationship to CSS layout techniques.
 *  Use appropriate Document Object Model while coding a web page using XHTML and CSS. ||
 * Build a web page using absolute, relative, static, and fixed positioning methods.
 * Given a web page layout, select the appropriate positioning methods for the different components. ||
 *  Apply box model concepts when creating web page layout using CSS. ||
 * Use systematic debugging processes to ensure cross-browser and cross-platform compatibility for web sites.
 * Create a list of resources that can help in testing and debugging cross-browser/cross-platform issues for a web site. ||
 * Locate on-line information sources on accessibility.
 *  Discuss the relationship between Accessibility and Web Standards (W3C).
 * Apply web accessibility guidelines when developing web sites. ||
 * Demonstrate a systematic process for designing web sites using wireframes, comps, build-out, testing and debugging.
 * Demonstrate the appropriate use of color, contrast, size, alignment, type and proximity. ||
 * Differentiate between DOM, JavaScript and XHTML/CSS.
 * Identify the basic structure of JavaScript.
 * Use JavaScript to add the following functionality to a web page: open new window, size a new window, display a message using a variable. ||