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.
 * Describe the origins and organization of the W3C.
 * Redesign existing websites to adhere to W3C web standards. ||
 * CSS || * Explain the concept(s) behind the separation of content structure from content presentation.
 * 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. ||
 * DOM || * Discuss the relationship of the Document Object Model to XHTML, CSS, and JavaScript.
 * 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. ||
 * Positioning with CSS || * Define and discuss absolute, relative, static, and fixed positioning methods.
 * 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. ||
 * Box model || * Define and discuss the "Box Model" and its relationship to CSS layout techniques.
 * Apply box model concepts when creating web page layout using CSS. ||
 * Cross-browser, cross-platform compatibility || * Explain browser compatibility issues related to 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. ||
 * Accessibility || * Define Accessibility.
 * Locate on-line information sources on accessibility.
 * Discuss the relationship between Accessibility and Web Standards (W3C).
 * Apply web accessibility guidelines when developing web sites. ||
 * Web page layout || * Critique web page layout in terms of user-experience.
 * 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. ||
 * JavaScript || * Define data types, variables, functions, conditional statements and repeat loops.
 * 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. ||