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.