jump to content

Competencies

Topic Competency Evaluation Methods
(X)HTML syntax
  • Use the following tags to build a web page: html, head, title, body, a, p, blockquote, br, div, span, strong, em, acronym, abbr, ul, li, ol, dl, dt, dd, img, table, caption, summary, thead, tfoot, tbody, tr, td, comment.
  • Build a webpage that successfully passes the W3C validation test at http://validator.w3.org
  • Identify the appropriate use of attributes and the syntax of attributes
  • Assignment 1, 2, 3
(X)HTML elements
  • Identify and use the following elements according to their semantic meaning: html, head, title, body, a, p, blockquote, br, div, span, strong, em, acronym, abbr, ul, li, ol, dl, dt, dd, img, table, caption, summary, thead, tfoot, tbody, tr, td, comment.
  • Assignment 1, 2, 3
Basic Web Design Concepts
  • Identify and use the following design concepts: contrast, repetition, alignment, proximity, color, typography, writing style.
  • Assignment 2, 3
(X)HTML DOCTYPES
  • Identify the HTML and XHTML DOCTYPES for Strict, Transitional and Frameset
  • Explain the distinction between the available DOCTYPES.
  • Describe the appropriate use of each DOCTYPE
  • Exam
(X)HTML validation
  • Identify and use online validation tools
  • Successfully change invalid markup to comply with standards
  • Identify why validation is not an absolute requirement in all situations.
  • Assignment 1
  • Provide examples of situations where invalid markup might be acceptable.
(X)HTML Best Practices
  • Use CSS for all presentation. Omit any presentational HTML attributes such as font, valign, hspace, align, bgcolor. Unless an attribute is required (for example, a src attribute is required for an img element) do not include it in the HTML. Classes and IDs, while not required, are an exception and should be used appropriately in the HTML.
  • Use tables for the presentation of tabular information only. Use summary, caption, col, row, header and other table elements and attributes to insure that tables are accessible. Borders, width, spacing, alignment, background, and other presentational options for tables should be set with CSS.
  • Use labels with form elements.
  • Assignments 1, 2, and 3
CSS: The Cascade
  • Identify how inheritance and specificity affect CSS rule conflicts
  • Use the Cascade to create effective presentational elements
  • Describe where and when to use inline styles
  • Explain the differences between using link and @import to connect to an external stylesheet
  • Use correct CSS syntax to configure and apply style sheets for screen and print media display
  • Assignments 2 and 3
CSS: Selectors and Properties
  • Recognize and use element selectors, ID selectors, class selectors, pseudo-class selectors, and descendant selectors
  • Apply the following CSS properties: background, border, clear, color, float, font, height, line-height, list-style, margin, overflow, padding, position, text-align, text-indent, width.
  • Assignment 3
Site Structure
  • Create a maintainable directory structure for a website that follows file naming requirements, and makes managing files efficient.
  • Demonstrate and use correct file paths for relative and absoluting links
  • Recognize the relationship between local and remote site structure
  • Use FTP to transfer files to a server
  • Demonstrate the organization of a site root folder with subfolders for images or other site assets. Create a logical directory structure for a Web project.
  • Set up an FTP connection to a remote site and reproduce the site structure on the server.
  • Assignments 1, 2, and 3
Forms
  • Construct a contact form
  • Form will demonstrate the use of input fields, text areas, radio buttons, checkboxes, select menus, and submit buttons
  • Use a provided script
  • Illustrate proper use of the label element with 'id' and 'for' attributes
  • Demonstrate the contact form in a small web site. Assignment 3