WEB/401 Version 2
Course Sylabus
College of Information Systems & Technology
WEB/401 Version 2
Web Development
Copyright © 2012, 2010 by University of Phoenix. All rights reserved.
Course Description
This course covers topics such as designing dynamic web pages and an introduction to Java and Java applets.
Emphasis is placed upon the appropriate use of web programming tools.
Policies
Faculty and students will be held responsible for understanding and adhering to all policies contained within the
following two documents:
 University policies: You must be logged into the student website to view this document.
 Instructor policies: This document is posted in the Course Materials forum.
University policies are subject to change. Be sure to read the policies at the beginning of each class. Policies
may be slightly different depending on the modality in which you attend class. If you have recently changed
modalities, read the policies governing your current class modality.
Course Materials
Farrell, J. (2012). Java™ programming (6th ed.). Boston, MA: Course Technology.
Sebesta, R. W. (2013). Programming the World Wide Web (7th ed.). Boston, MA: Addison Wesley.
Wilton, P., & McPeak, J. (2010). Beginning JavaScript® (4th ed.). Indianapolis, IN: Wiley.
Supplemental Materials
Bradley, J. C., & Millspaugh. A. C. (2011). Programming in Visual Basic 2010, New York, NY: McGraw-Hill.
Osborn, J. & the AGI Creative Team (2012). Adobe® Dreamweaver® CS6 Digital Classroom. Indianapolis, IN:
John Wiley and Sons.
All electronic materials are available on the student website.
Week One: HTML 5 and CSS Overview
Map
Objectives
1.1 Use HTML 5 and CSS to create a login page of a web
application.
1.2 Explain HTML 5 and HTML 4.
Reading
Read the Week One Read Me First.
Reading
Read Ch. 2, “Introduction to HTML/XHTML,” of
Due
Points
1
WEB/401 Version 2
Programming the World Wide Web.
Reading
Read Ch. 3, “Cascading Style Sheets,” of Programming
the World Wide Web.
Reading
Review the World Wide Web Consortium (W3C) website
(http://www.w3.org/).
Reading
Read this week’s Electronic Reserve Readings.
Tutorial
SkillSoft:
Image Maps
and Style
Sheets
Complete the following tutorial available on the SkillSoft
site:
Participation
Participate in class discussions by posting 2 substantive
responses per day on at least four separate days.
Nongraded
Activities
and
Preparation
SkillSoft®
Registration
Resource: SkillSoft®
®
Course: Web Development Fundamentals
Lesson: Using HTML
Topic: Image Maps and Style Sheets
Asset ID: wd_dshw_a01_it_enus_t22
At least four
separate
days per
week
2
Wednesday
1
Friday
1
Register for SkillSoft®.
 Go to https://uopx.skillport.com.
 Register by clicking Register in the lower right, below
the login boxes.
 Leave the Organization Code blank.
 Use your email.phoenix.edu e-mail address.
 The User ID is your eCampus username.
 Enter a new password of your choosing.
 Click Submit.
After you have registered, you can login at
https://uopx.skillport.com and search for resources.
DQ A
Effective
Login Page
Write a 200- to 300-word short-answer response to the
following:
 Describe what parts are needed for an effective login
page. Include a critique of the University of Phoenix
eCampus login page. What parts you would keep and
what parts you would change? Why?
DQ B
Skillsoft:
Image Maps
and Style
Sheets
Write a 200- to 300-word short-answer response to the
following:
 Complete the following SkillSoft® tutorial: Image Maps
and Style Sheets. What did you learn? What did you
think was most valuable?
2
WEB/401 Version 2
Learning
Team
Instructions
Client-Side
Website
(Preparation)
Create a website that integrates CSS, JavaScript®, and
Java™ languages. This should include a login page, data
validation, a CSS style sheet, and a Java™ applet.
Week Three Milestone
Discuss with your team and create a form of rating
criteria for website evaluation.
Select a team member's individual assignment at the end
of the week that would be best suited for your client’s
proposal. Submit your assignments to the team folder,
and rate each team member's project. Choose the highest
rated project.
Write a 1-page justification of why the individual's layout
was chosen.
Week Four Milestone
Add an authentication system using JavaScript® cookies
in your web application. The cookie(s) must incorporate
the user profile information to identify the user. After
authenticating, redirect the user to their profile page.
Optionally, create a simple text document containing the
user names and passwords. Tie this into the
authentication on the login page. This will not provide
additional credit, but will allow you to expand your skill set.
Week Five Milestone
Create a sound or video applet coded by hand to your
company information page that has play, pause, and loop
buttons.
Ensure the site is traditional W3C (w3c.org) compliant.
Learning
Team
Charter and
Project Plan
Complete a Learning Team Charter and Learning Team
Project Plan for the Client-Side Website
Monday
2
Individual
Assignment
Design
Template and
Login Page
Use the HTML editor of you choice such as (Adobe®
Dreamweaver® or Microsoft® Visual Studio® software).
Monday
15
Review three or more different login webpages (such as
corporate, student, or SkillSoft®).
Create a design template. The design template should
include a header and footer and 2 to 3 additional
elements. Use creativity in your approach.
Submit an HTML login page using your design template.
3
WEB/401 Version 2
At a minimum, your login page should contain a form tag,
user name and password input fields, and a submit
button.
Optionally, improve your login page’s functionality. For
example, you could include error checking and
authentication. Use creativity in your approach. The
advanced options will not provide additional credit but will
allow you to expand your skill set.
Week Two: Applying JavaScript® Language to HTML
Details
Due
Points
Objectives
2.1 Apply the JavaScript® language to manipulate user
interaction and page lifecycle.
2.2 Use the Document Object Model (DOM) structure to
deploy JavaScript® functions.
Reading
Read the Week Two Read Me First.
Reading
Review Ch. 4, “The Basics of JavaScript,” of
Programming the World Wide Web.
Reading
Read Ch. 5, “JavaScript and HTML Documents,” of
Programming the World Wide Web.
Reading
Read Ch. 6, “Dynamic Documents with JavaScript,” of
Programming the World Wide Web.
Reading
Read Ch. 7, “HTML Forms: Interacting With the User,” of
Beginning JavaScript®.
Reading
Read this week’s Electronic Reserve Readings.
Tutorial
SkillSoft:
Client-Side
Form
Validation
Complete the following tutorial available on the SkillSoft
site:
Participation
Participate in class discussions by posting 2 substantive
responses per day on at least four separate days.
At least four
separate
days per
week
2
DQ A
Write a 200- to 300-word short-answer response to the
Wednesday
1
®
Course: JavaScript: Advanced Browser Scripting and
DHTML Lesson: Introduction to DHTML
Topic: Client-Side Form Validation
Asset ID: sl_jasc_a05_it_enus_t21
4
WEB/401 Version 2
Benefits and
Drawbacks of
®
JavaScript
Language
DQ B
Client-Side
Form
Validation
Learning
Team
JavaScript®
Functions
following:
 What are the benefits and drawbacks of using
JavaScript® language on a website?
Write a 200- to 300-word short-answer response to the
following:
Friday
1
Monday
2
Monday
15
 Complete the following SkillSoft® tutorial: Client-Side
Form Validation. What did you learn? What did you
think was most valuable?
Imagine you have written a website application to
complete a task. What types of JavaScript® functions
would be needed to make the application dynamic?
Provide a 1-page discussion of application ideas and
justifications for needed JavaScript® functions.
Individual
JavaScript®
Enhanced
Page
Write a JavaScript® function that will make strings
uppercase and remove all spaces.
Apply your JavaScript® function to username inputs in
your login page.
Enhance client usability by using events. For example, as
the page loads, the cursor should be focused on the
username textbox.
Submit your updated webpage.
Week Three: Incorporating CSS Into JavaScript® and HTML
Languages
Details
Objectives
3.1 Design a small website.
3.2 Create a dynamic website using XHTML, CSS, and
JavaScript ® languages.
3.3 Critique a peer design.
Reading
Read Ch. 15, “JavaScript Frameworks,” of Beginning
®
JavaScript .
Reading
Read Ch. 27, “On the Design of Creative Collaboration,”
of Managing as Designing located in the Electronic
Reserve Readings.
Tutorial
Complete the following tutorial available on the SkillSoft
Due
®
Points
5
WEB/401 Version 2
SkillSoft:
®
JavaScript
Language,
HTML, and
Cascading
Style Sheets
site:
Participation
Participate in class discussions by posting 2 substantive
responses per day on at least four separate days.
At least four
separate
days per
week
2
DQ A
Components
of a WellDesigned
Website
Write a 200- to 300-word short-answer response to the
following:
Wednesday
1
Friday
1
Monday
2
DQ B
Skillsoft:
JavaScript®
Language,
HTML, and
Cascading
Style Sheets
Learning
Team
Week Three
Progress
Report
Course: JavaScript Language Basics
Lesson: Introducing JavaScript
Topic: JavaScript Language, HTML and Cascading Style
Sheets
Asset ID: sl_jasc_a01_it_enus
 What constitutes a well-designed website? What parts
are required to ensure consistency throughout the
website? Explain.
Write a 200- to 300-word short-answer response to the
following:
 Refer back to the SkillSoft® tutorial: JavaScript, HTML,
and Cascading Style Sheets. What did you learn?
What did you think was most valuable?
Discuss with your team and create a form of rating
criteria for website evaluation.
Select a team member's individual assignment at the end
of the week that would be best suited for your client’s
proposal. Submit your assignments to the team folder,
and rate each project by each team member. Choose the
highest rated project.
Write a 1-page justification of why the individual's layout
was chosen.
Submit a team progress report to your instructor providing
the 1-page justification, and explain what your team
accomplished during the week, challenges your team
faced, and questions.
6
WEB/401 Version 2
Individual
Additional
Web Pages
Add two additional pages:
Monday
15
Due
Points
 Company information page
 User profile page
o
Use at least five pieces of profile information
(name, birthdate, Social Security number, city,
state, and so on).
Follow your individual design template created in Week
One.
®
Include HTML, CSS, and JavaScript languages.
Note. Keep your individual assignment for your portfolio.
This may be used in an upcoming course.
Zip all pages (login, company information, user profile
pages) and supplemental files together.
Submit your zip file.
Week Four: Web Security
Details
Objectives
4.1 Managing cookies through JavaScript® language to
help secure a website
4.2 Identify techniques to secure a website.
Reading
Read Ch. 1, “Fundamentals,” of Programming the World
Wide Web.
Reading
Read Ch. 11, “Storing information: Cookies,” of Beginning
®
JavaScript .
Reading
Review Ch. 12, “Dynamic HTML and W3C Document
Object Model,” of Beginning JavaScript®.
Participation
Participate in class discussions by posting 2 substantive
responses per day on at least four separate days.
At least four
separate
days per
week
2
DQ A
Benefits and
Limitations of
Cookies
Write a 200- to 300-word short-answer response to the
following:
Wednesday
1
Friday
1
DQ B
 What benefits do cookies provide to an application
lifecycle? What are the possible limitations for use?
Write a 200- to 300-word short-answer response to the
7
WEB/401 Version 2
JavaScript®
Language and
Cookies
Learning
Team
Week Four
Progress
Report
following:
 What are the data limitations that occur when creating
cookies from JavaScript® language? How can these
limitations be overcome?
Use cookies and JavaScript® language to add an
authentication system.
Monday
2
Monday
5
The cookie(s) must incorporate the user profile
information to identify the user. After authenticating,
redirect the user to their profile page.
Optionally, create a simple text document containing the
user names and passwords. Tie this into the
authentication on the login page. This will not provide
additional credit, but will allow you to expand your skill set.
Submit a team progress report to your instructor
explaining what your team accomplished during the week,
challenges your team faced, and questions.
Individual
Web Security
Research different types of available web security.
Use the search strings from the Electronic Reserve
Readings when looking for different types of security
options.
Provide a 1-page memo to the client on the different
types of available networks and web security.
Recommend the best-suited security system for the
application.
Week Five: Comparing and Contrasting Java™ and JavaScript®
Languages and Java™ Applets
Details
Objectives
5.1 Create a simple applet.
5.2 Explain the differences between Java™ and
JavaScript® languages.
Reading
Read the Week Five Read Me First.
Reading
Read Ch. 17, “Applets, Images, and Sound,” of Java™
Programming.
Reading
Read this week’s Electronic Reserve Readings.
Tutorial
Complete the following tutorial available on the SkillSoft®
Due
Points
8
WEB/401 Version 2
SkillSoft:
Java
Programming
with Java SE
6.0
site:
Learning
Team
Client-Side
Website
Add a sound or video applet to your company information
page that has play, pause, and loop buttons.
Course: Java Programming with Java SE 6.0: Java
Applets
Asset ID: 252354_eng
Monday
25
Monday
1
Ensure the site is traditional W3C (w3c.org) compliant.
Finalize and submit the entire client-side website.
Individual
Learning
Team
Evaluation
Complete the Learning Team Evaluation
Copyright
University of Phoenix® is a registered trademark of Apollo Group, Inc. in the United States and/or other countries.
Microsoft®, Windows®, and Windows NT® are registered trademarks of Microsoft Corporation in the United States and/or other countries.
All other company and product names are trademarks or registered trademarks of their respective companies. Use of these marks is not
intended to imply endorsement, sponsorship, or affiliation.
Skillsoft is a registered trademark of Skillsoft Ireland Limited.
Java and JavaScript are registered trademarks of Oracle and/or its affiliates.
Adobe and Dreamweaver are registered trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Edited in accordance with University of Phoenix® editorial standards and practices.
9