Web Page Development

I.     Course Prefix/Number: CIS 131

       Course Name: Web Page Development

       Credits: 4 (4 lecture; 1 lab)

II.    Prerequisite


III.   Course (Catalog) Description

Course introduces theoretical and hands-on instruction on the processes needed to create customized and interactive Web pages using HTML and Cascading Style Sheets (CSS). Content includes commands (tags) to create, format, and link documents; tables, graphics, styles, forms, multimedia (audio, video), navigation bar, introduction to scripting, and other features of a Web page and guidelines for designing effective Web pages and Web sites. Recommended: CIS111 or concurrent enrollment in CIS111 and ability to manage files and folders using Windows OR consent of instructor or Program Coordinator.

IV.   Learning Objectives

Upon successful completion of this course, the student should be able to:
  • Create web documents for Internet/intranet/extranet publication, incorporating text, organizational formatting, and design and including hypertext links, tables, graphics, styles, forms, multimedia and other webpage features
  • Use Cascading Style Sheets (CSS) commands and techniques to layout and display web pages
  • Demonstrate the use of a document tree and semantic markup
  • Demonstrate the use of CSS selectors
  • Demonstrate the use of cascade, specificity, and inheritance
  • Demonstrate the use of color, numbers, percentages, units of length, URLs and keywords for CSS properties
  • Create, modify, and display a Web page using various text editors
  • Analyze web page layouts, design, and navigation
  • Explain the relationship between the server operating system and web pages
  • Publish a Web page on the Internet/intranet
  • Develop Web site specifications, content, and prototype of a Web page for a client
  • Customize, execute, and use a JavaScript
  • Demonstrate the use of internal documentation in the HTML coding
  • Explain copyright guidelines with reference to Web pages
  • Explain new trends in webpage development
  • Construct a customized website as a final project using the concepts learned in this class

V.    Academic Integrity and Student Conduct

Students and employees at Oakton Community College are required to demonstrate academic integrity and follow Oakton's Code of Academic Conduct. This code prohibits:

• cheating,
• plagiarism (turning in work not written by you, or lacking proper citation),
• falsification and fabrication (lying or distorting the truth),
• helping others to cheat,
• unauthorized changes on official documents,
• pretending to be someone else or having someone else pretend to be you,
• making or accepting bribes, special favors, or threats, and
• any other behavior that violates academic integrity.

There are serious consequences to violations of the academic integrity policy. Oakton's policies and procedures provide students a fair hearing if a complaint is made against you. If you are found to have violated the policy, the minimum penalty is failure on the assignment and, a disciplinary record will be established and kept on file in the office of the Vice President for Student Affairs for a period of 3 years.

Please review the Code of Academic Conduct and the Code of Student Conduct, both located online at

VI.   Sequence of Topics

  1. World Wide Web Overview
    1. How the Web works
      1. HTTP Server
      2. Browser software
    2. Internet/intranet/extranet relationship
  2. Publishing on the Web
    1. Elements of a Web page
      1. Text
      2. Links
      3. Images and multimedia
    2. Markup language - HTML
      1. Structure vs. layout
      2. Tags
    3. Types of HTML editors and converters
    4. Copyright issues
    5. History of HTML and its offshoots
  3. What Makes a Good Webpage Good
  4. Developing a Web presentation
    1. Defining Specifications
      1. Objectives
      2. Audience
      3. Content
    2. Organization of content
    3. Web site mapping
  5. Web page design
    1. Style Guides
      1. Text
      2. (Optimizing) Graphics
      3. Navigation
  6. Accessibility Standards for the web
  7. Creating web pages
    1. Overview of tools and techniques
      1. Authoring software
      2. Text editors
      3. View source code
    2. Basics of HTML and document markup
      1. Document Structure
      2. Text Markup
      3. Inserting images
      4. Creating Links
    3. HTML 5.0 Tools and Concepts
      1. Heading levels
      2. Lists
      3. Text styling
      4. Special characters
      5. Inline graphics and thumbnails
      6. Links
      7. Fonts
      8. Web Table Layout
      9. Image Maps
      10. Deprecated Frame site structure conversion
      11. <div> and <span> tags and create styles
      12. Web Forms
      13. Multimedia (audio and video)
      14. Metatags
    4. Cascading Style Sheets
      1. Applying a style sheet (Inline, Embedded, External)
      2. Precedence, Specificity and Inheritance
      3. Defining Color
      4. Text Properties
      5. Holder/Container tags
      6. Selector Patterns
      7. Backgrounds
      8. Absolute vs. Relative Positioning
      9. Drop shadows
      10. Rotating an Object
      11. Properties
    5. Graphics and their use
      1. Graphic formats for the web
      2. Finding and using existing graphics
  8. Publishing a Web page
    1. Testing the Web page
    2. P: drive as the Web Server at Oakton
    3. Transferring files
      1. FTP
      2. Oakton Fileway
    4. Changing permissions
    5. Web hosting
    6. Promoting a Web site
      1. Search Engine placement
      2. Other options
    7. Absolute vs. Relative Paths
  9. XHTML
  10. Java Applets
  11. Introduction to JavaScript
    1. Server-Side vs. Client-Side
    2. Programming logic
    3. Syntax
    4. Variables
    5. Script element
    6. Functions
  12. Trends and new topics
    1. Web pages for mobile devices
    2. Interactivity & personalization
    3. Database connectivity
    4. Integrating social media tools effects
    5. Blogging on a web site presence
    6. MS tags or QR tags used to attract web visitors

VII.  Methods of Instruction

Program demonstrations, hands-on usage, textbook reading, applicable web site references, lecture, class discussions, group work, and guest speakers may be used.

Course may be taught as face-to-face, hybrid or online course.

VIII. Course Practices Required

1.    Attend class as scheduled
2.    Read course materials - textbook and current resources
3.    Complete required assignments, quizzes, and exams as determined by the instructor
4.    Complete a minimum of one project which involves the development of a multi-page web site
5.    Attend and participate in lab as required by the instructor

IX.   Instructional Materials

Note: Current textbook information for each course and section is available on Oakton's Schedule of Classes.

X.    Methods of Evaluating Student Progress

  1. Quizzes to be determined by instructor
  2. Exams to be determined by instructor
  3. Evaluation of lab exercises
  4. Evaluation of a culminating multi-page web site project
  5. Evaluation of other homework assignments (e.g. student presentations, research papers)

XI.   Other Course Information

If you have a documented learning, psychological, or physical disability you may be entitled to reasonable academic accommodations or services. To request accommodations or services, contact the Access and Disability Resource Center at the Des Plaines or Skokie campus. All students are expected to fulfill essential course requirements. The College will not waive any essential skill or requirement of a course or degree program.

Oakton Community College is committed to maintaining a campus environment emphasizing the dignity and worth of all members of the community, and complies with all federal and state Title IX requirements.

Resources and support for
  • pregnancy-related and parenting accommodations; and
  • victims of sexual misconduct
can be found at www.oakton.edu/title9/.

Resources and support for LGBTQ+ students can be found at www.oakton.edu/lgbtq.

Electronic video and/or audio recording is not permitted during class unless the student obtains written permission from the instructor. In cases where recordings are allowed, such content is restricted to personal use only. Any distribution of such recordings is strictly prohibited. Personal use is defined as use by an individual student for the purpose of studying or completing course assignments.

For students who have been approved for audio and/or video recording of lectures and other classroom activities as a reasonable accommodation by Oakton’s Access Disabilities Resource Center (ADRC), applicable federal law requires instructors to permit those recordings. Such recordings are also limited to personal use. Any distribution of such recordings is strictly prohibited.

Violation of this policy will result in disciplinary action through the Code of Student Conduct.