Apr 16, 2024  
2018-2019 Course Catalog 
    
2018-2019 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

CIS 204 - Intro to Website Development

Credits: 3
Lecture Hours: 3
Lab Hours: 0
Practicum Hours: 0
Work Experience: 0
Course Type: Voc/Tech
Introduces HTML and DHTML concepts and technologies. Includes HTML, XHTML, CSS, JavaScript and the Document Object Model (DOM). Students will use a variety of current software development tools to build and publish business-oriented website applications.
Prerequisite: CSC 110  
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. 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. Examine the World Wide Web Consortium website www.wec.org
    1. Read 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. 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. 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. Discuss 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. 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. Discuss 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. Discuss block level elements and containers
  10. 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
  11. Discuss 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



Add to Portfolio (opens a new window)