Primary Navigation
  • About
  • Academics
  • Continuing Education
  • Admission
  • Student Life
  • Student Services
  • Library
  • News and Events
  • Giving
Web Page Development

I.     Course Prefix/Number: CIS 131

       Course Name: Web Page Development

       Credits: 4 (4 lecture; 1 lab)

II.    Prerequisite

Recommended: CIS111 or concurrent enrollment in CIS111 and ability to manage files and folders using Windows OR consent of instructor or Program Coordinator

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.

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

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.
Details of the Code of Academic Conduct can be found in the Student Handbook.

VI.   Sequence of Topics

A.    World Wide Web Overview
            1.    How the Web works
                a.    HTTP Server
                b.    Browser software
            2.    Internet/intranet/extranet relationship
B.     Publishing on the Web
            1.    Elements of a Web page
                a.    Text
                b.    Links
                c.    Images and multimedia
            2.    Markup language - HTML
                a.    Structure vs. layout
                b.    Tags
            3.    Types of HTML editors and converters
            4.    Copyright issues
                      5.   History of HTML and its offshoots
C.    What Makes a Good Webpage Good
D.    Developing a Web presentation
            1.    Defining Specifications
                a.    Objectives
                b.    Audience
                c.    Content
            2.    Organization of content
            3.    Web site mapping
E.    Web page design
            1.    Style Guides
                a.    Text
                b.    (Optimizing) Graphics
                c.    Navigation
F.    Accessibility Standards for the web
G.   Creating web pages
            1.    Overview of tools and techniques
                a.    Authoring software
                b.    Text editors
                c.    View source code
            2.    Basics of HTML and document markup
                a.    Document Structure
                b.    Text Markup
                c.    Inserting images
                d.    Creating Links
            3.    HTML 5.0 Tools and Concepts
                a.    Heading levels
                b.    Lists
                c.    Text styling
                d.    Special characters
                e.    Inline graphics and thumbnails
                f.    Links
                g.    Fonts
                h.    Web Table Layout
                            i.   Image Maps
                j.    Deprecated Frame site structure conversion
                k.   <div> and <span> tags and create styles
                l.    Web Forms
                m.    Multimedia (audio and video)
                n.    Metatags
            4.    Cascading Style Sheets
                a.    Applying a style sheet (Inline, Embedded, External)
                b.    Precedence, Specificity and Inheritance
                c.    Defining Color
                d.    Text Properties
                e.    Holder/Container tags
                f.    Selector Patterns
                g.    Backgrounds
                h.    Absolute vs. Relative Positioning
                i.    Drop shadows
                j.    Rotating an Object
                k.    Properties
            5.    Graphics and their use
                a.    Graphic formats for the web
                b.    Finding and using existing graphics
H.    Publishing a Web page
            1.    Testing the Web page
            2.    P: drive as the Web Server at Oakton
            3.    Transferring files
                a.    FTP
                b.    Oakton Fileway
            4.    Changing permissions
            5.   Web hosting
            6.    Promoting a Web site
                a. Search Engine placement
                b. Other options
            7.    Absolute vs. Relative Paths
I.    XHTML
J.    Java Applets
K.   Introduction to JavaScript
            1.    Server-Side vs. Client-Side
            2.     Programming logic   
            3.    Syntax
            4.    Variables
            5.    Script element
            6.    Functions
L.   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 Paths

I.    XHTML
J.    Java Applets
K.   Introduction to JavaScript
            1.   Server-Side vs. Client-Side
            2.   Programming logic   
            3.   Syntax
            4.   Variables
            5.   Script element
            6.   Functions
L.   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, media-based, 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.

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

X.    Methods of Evaluating Student Progress

A.    Quizzes to be determined by instructor
B.    Exams to be determined by instructor
C.    Evaluation of lab exercises
D.    Evaluation of a culminating multi-page web site project
E.     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.