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