Mar 29, 2024  
2018-2019 Course Catalog 
    
2018-2019 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

WDV 101 - Intro HTML and CSS

Credits: 3
Lecture Hours: 2
Lab Hours: 2
Practicum Hours: 0
Work Experience: 0
Course Type: Voc/Tech
Introduces current standards of HTML and CSS. Students will code HTML and CSS web pages, test them in browsers and publish them to a web server. Page layouts will use CSS techniques.
Competencies
  1. Plan a website application project.
    1. Explain the purpose of the website.
    2. Outline the structure of the website.
    3. Prepare a storyboard for a website application.
    4. Identify the interaction of the website with other websites, i.e., links, references etc.
    5. Discuss the extent, purpose and use of graphics on the website.
    6. Identify the need and demand for website updates and changes.
    7. Examine efficiency issues such as bandwidth requirements, download speeds, etc.
  2. Demonstrate a basic understanding of image manipulation and presentation on a website application.
    1. Define and differentiate the JPG, GIF, BMP image formats.
    2. Demonstrate the impact of image resolution and size on website presentation and speed.
  3. Examine the World Wide Web Consortium website www.w3.org.
    1. Read current standards of HTML, XHTML and CSS.
    2. Read the standards of website application languages and technologies.
    3. Maintain awareness of upcoming technology changes.
  4. Demonstrate a basic understanding of the current version of HTML.
    1. Define and discuss the syntax rules of HTML.
    2. Define and discuss the primary HTML elements and attributes found in a website application.
    3. List and define deprecated HTML elements and attributes and discuss how they will impact your website application.
  5. Demonstrate a basic understanding of the current version of XHTML.
    1. Define XHTML.
    2. Differentiate XHTML compared to HTML.
    3. Identify the rules of XHTML that make it different from HTML.
    4. Discuss the role of XHTML in current and future website application development.
  6. Create or modify a website application using XHTML and HTML.
    1. Prepare a web page using correct head and body elements.
    2. Demonstrate how to implement heading elements.
    3. Demonstrate how to implement hypertext links.
    4. Demonstrate how to implement text elements.
    5. Demonstrate how to implement image elements.
    6. Demonstrate how to implement ordered and unordered lists.
    7. Demonstrate how to implement tables, including nested tables.
    8. Demonstrate how to implement forms and form elements.
  7. Determine how to publish a website.
    1. List and explain website hosting options.
    2. Describe the role of domain names or URLs for a website application.
    3. Demonstrate the use of ftp and other tools to publish a website to a server or host.
  8. Demonstrate a basic understanding of Cascading Style Sheets (CSS).
    1. Define and discuss cascading style sheets (CSS) and its role in website application.
    2. Discuss implementation considerations of CSS1, CSS2 and CSSP standards from the W3C.
    3. Define the HTML/XHTML element style and how it is used for CSS commands with HTML/XHTML.
    4. Discuss the CSS rules of precedence and inheritance.
    5. Discuss block level elements and containers.
    6. Discuss the use of the DIV and SPAN element for use with CSS.
  9. Demonstrate how to use CSS to implement the following effects on a website application.
    1. Applying and changing background colors and patterns.
    2. Setting and changing text fonts, colors, sizes and styles.
    3. Setting and changing border colors, sizes and styles.
    4. Create a three section single column layout using CSS.
    5. Create a four section two column layout using CSS.
    6. Create a four section three column layout using CSS.
    7. Create a fixed width and a floating width layout.
  10. Demonstrate the following skills using one or more website development tools.
    1. Produce a new website application.
    2. Update or modify an existing website application.
    3. Add/remove pages to the website.
    4. Define and change the navigational structure of the website.
    5. Implement XHTML syntax rules.
    6. Implement CSS formatting.



Add to Portfolio (opens a new window)