Building a Web Page
I. Course Prefix/Number: CIS 131
Course Name: Building a Web Page
Credits: 3 (3 lecture; 1 lab)
II. Prerequisite
RecoRecommended: CIS111 or concurrent enrollment in CIS111, and ability to manage files and folders using Windows
III. Course (Catalog) Description
Course introduces theoretical and hands-on instruction on the processes needed to create customized and interactive Web pages. Content includes commands (tags) to create, format, and link documents; tables, graphics, styles, forms, scripts, multimedia, and other features of a Web page; guidelines of effective Web presentation in designing a Web page, and Web site organization.
IV. Learning Objectives
Upon successful completion of this course, the student will be able to:
• Create documents for Internet/intranet/extranet publication, incorporating text and organizational formatting and design and including hypertext links, tables, graphics, styles, forms, multimedia and other appropriate features
• Use a text editor to create, modify, and display a Web page
• Describe what constitutes “good” Web page design
• Describe 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 script
• Explain and apply CSS (Cascading Style Sheets) (inline, embedded and external styles) to web pages
• Describe copyright guidelines as applied to Web pages
• Construct a customized website as a final project
• Create documents for Internet/intranet/extranet publication, incorporating text and organizational formatting and design and including hypertext links, tables, graphics, styles, forms, multimedia and other appropriate features
• Use a text editor to create, modify, and display a Web page
• Describe what constitutes “good” Web page design
• Describe 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 script
• Explain and apply CSS (Cascading Style Sheets) (inline, embedded and external styles) to web pages
• Describe copyright guidelines as applied to Web pages
• Construct a customized website as a final project
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.
• 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
1) Operating systems
2). Server software
b. Browser software
2. Internet/intranet/extranet relationship
B. Publishing on the Web
1. Differences from print medium
2. Elements of a Web page
a. Text
b. Links
1) Internal and remote
2) URLs
3) email
4) graphic
5) image maps
c. Images and multimedia
3. Markup language - HTML
a. Structure vs. layout
b. Tags
1) Paired containers
2) Versions & extensions
4. Types of HTML editors & converters
5. Copyright issues
6. XHTML vs HTML vs XML
7. HTML5
C. Developing a Web presentation
1. Defining Specifications
a. Objectives
b. Audience
c. Content
2. Organization of content
3. Web site mapping
D. Web page design
1. Style Guides
a. Text
b. Graphics
c. Navigation
2. Display of written content
3. Optimizing graphics
E. Accessibility Standards for the web
F. Creating web pages
1. Overview of tools and techniques
a. Authoring software
b. Text editors
c. Document Source code
2. Basics of HTML and document markup
a. Document Structure
b. Text Markup
c. Inserting images
d. Creating Links
3. The HTML 5.0 Standard
a. DOCTYPE structural tags
b. multimedia tags
4. Tools and Commands for formatting web pages
a. Heading levels
b. Lists
c. Text styling
d. Special characters
e. Inline graphics and thumbnails
f. Links
g. Tables
h. Image Maps
i. Deprecated Frame site structure conversion
j. Mark document content with <div> and <span> tags and create styles for
them
k. Forms
l. Multimedia
1) basic audio tags
2) basic video tags
m. Other tools and commands
5. HTML FAQs
6. Graphics and their use
a. Graphic formats for the web
1) .gif
2) .jpeg
3) .png
b. Finding and using existing graphics
c. Creating original graphics
d. Optimizing graphic usage
7. Introduction to Cascading Style Sheets (CSS)
a. Inline
b. Embedded
c. External
G. Publishing a Web page
1. Testing the Web page
2. Transferring files
a. FTP
b. Oakton Fileway or myfiles.oakton.edu
3. Changing permissions
4. Web hosting
5. Promoting a Web site
a. Search Engine placement
b. Other options
H. Trends and new topics
1. Interactivity & personalization
2. Database connectivity
3. VRML
4. Integrating social media tools effects
5. Effects of blogging on a web site presence
6. MS tags or QR tags used to attract web visitors
1. How the Web works
a. HTTP Server
1) Operating systems
2). Server software
b. Browser software
2. Internet/intranet/extranet relationship
B. Publishing on the Web
1. Differences from print medium
2. Elements of a Web page
a. Text
b. Links
1) Internal and remote
2) URLs
3) email
4) graphic
5) image maps
c. Images and multimedia
3. Markup language - HTML
a. Structure vs. layout
b. Tags
1) Paired containers
2) Versions & extensions
4. Types of HTML editors & converters
5. Copyright issues
6. XHTML vs HTML vs XML
7. HTML5
C. Developing a Web presentation
1. Defining Specifications
a. Objectives
b. Audience
c. Content
2. Organization of content
3. Web site mapping
D. Web page design
1. Style Guides
a. Text
b. Graphics
c. Navigation
2. Display of written content
3. Optimizing graphics
E. Accessibility Standards for the web
F. Creating web pages
1. Overview of tools and techniques
a. Authoring software
b. Text editors
c. Document Source code
2. Basics of HTML and document markup
a. Document Structure
b. Text Markup
c. Inserting images
d. Creating Links
3. The HTML 5.0 Standard
a. DOCTYPE structural tags
b. multimedia tags
4. Tools and Commands for formatting web pages
a. Heading levels
b. Lists
c. Text styling
d. Special characters
e. Inline graphics and thumbnails
f. Links
g. Tables
h. Image Maps
i. Deprecated Frame site structure conversion
j. Mark document content with <div> and <span> tags and create styles for
them
k. Forms
l. Multimedia
1) basic audio tags
2) basic video tags
m. Other tools and commands
5. HTML FAQs
6. Graphics and their use
a. Graphic formats for the web
1) .gif
2) .jpeg
3) .png
b. Finding and using existing graphics
c. Creating original graphics
d. Optimizing graphic usage
7. Introduction to Cascading Style Sheets (CSS)
a. Inline
b. Embedded
c. External
G. Publishing a Web page
1. Testing the Web page
2. Transferring files
a. FTP
b. Oakton Fileway or myfiles.oakton.edu
3. Changing permissions
4. Web hosting
5. Promoting a Web site
a. Search Engine placement
b. Other options
H. Trends and new topics
1. Interactivity & personalization
2. Database connectivity
3. VRML
4. Integrating social media tools effects
5. Effects of 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 may be taught as face-to-face, media-based, hybrid or online course.
Course may be taught as face-to-face, media-based, hybrid or online.
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
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
TEXTBOOK: HTML, XHTML, and CSS: Comprehensive, Course Technology, Gary B. Shelly, Denise M. Woods and William J. Dorin, 6th edition (2010) (required)
LAB BOOK: Html, Xhtml & CSS: Visual Quickstart Guide, Peachpit Press, Elizabeth Castro, 6th edition (2007) (optional)
LAB BOOK: Html, Xhtml & CSS: Visual Quickstart Guide, Peachpit Press, Elizabeth Castro, 6th edition (2007) (optional)
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)
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 ASSIST office in the Learning Center. 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.















