CIS 204 - Intro to Website Development

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. Demonstrate the ability to convert or change an image format
   4. Demonstrate the ability to manipulate the height, width, resolution and size of an image using an image manipulation software application
3.  Analyze the World Wide Web Consortium
   1. View the World Wide Web Consortium website
   2. Discuss the standards of website application languages and technologies
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. Examine 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. Implement heading elements
   3. Create hypertext links
   4. Make text elements
   5. Implement image elements
   6. Create ordered and unordered lists
   7. Make tables, including nested tables
   8. 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. Use of ftp and other tools to publish a website to a server or host
8. Illustrate the basic concepts of implementing dynamic HTML, also known as DHTML, in a website application
   1. Discuss the role of HTML or XHTML, CSS, Javascript and DOM in DHTML
   2. Describe browser compatibility issues as it relates to DHTML, especially CSS
   3. Define HTML event handlers and their role in DHTML
   4. Define the HTML/XHTML elements DIV and SPAN
9. Illustrate 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. Describe how CSS commands interact with the DOM
   4. Define the HTML/XHTML element style and how it is used for CSS commands with HTML/XHTML
   5. Discuss the CSS rules of precedence and inheritance
   6. Describe block level elements and containers
10. Use CSS to implement the following effects on a website application
    1. Apply and change background colors and patterns
    2. Set and change text fonts, colors, sizes and styles
    3. Set and change border colors, sizes and styles
11. Examine the document object model (DOM) and its role in DHTML
    1. Define the document object model
    2. List the objects commonly found within the documents object model
    3. Demonstrate how the DOM is used to allow for dynamic changes to a website application
12. 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 rules
    6. Implement CSS formatting
    7. Implement dynamic activity using JavaScript