Syllabus
WSU Department Name
School of Computing // Web and User Experience Program
WSU Course Listing & Number
WEB1400: Web Design and Usability (3 Credit Hrs.)
High School: [High School Name]
WSU Concurrent Adjunct Instructor: Name
High School Course Name: [Course Name]
[School Year]
Concurrent Adjunct Instructor’s Office Hours
[Concurrent Adjunct Instructor’s office hours]
Concurrent Adjunct Instructor’s phone and email
[Concurrent Adjunct Instructor’s phone and email]
Prerequisite High School Courses if any
WEB1700 or WEB1701 or equivalent
WSU Course Description:
Develop an understanding of Web design principles and build familiarity with features of web editing software in order to plan, design, and implement a successful web site. Understand the technicalities of the World Wide Web and the Internet.
WSU Course Objectives:
Upon completion of this unit, the student will be able to complete the following objectives with at least 70 percent accuracy:
1. Differentiate between the Internet and the World Wide Web
2. Identify key events in the history of the Internet
3. Identify the role of the W3C and Web development
4. Identify how to plan, design, develop, test, publish and maintain a Web site
5. Recognize basic elements of HTML5
6. Create a basic Web page using HTML5
7. Preview a Web page in a Web browser
8. Understand and plan page layout
9. Understand how to use basic design principles to create successful Web page and Web sites.
10. Describe the importance of contrast and focus on a Web page
11. Explain and apply specific attributes for writing effective Web content
a. Apply the inverted pyramid style of writing
b. Differentiate between paragraph and chunked format
12. Describe the impact of color on Web pages and understand RGB color
13. Describe the legal, ethical, technical, and special needs issues in Web site development
14. Identify Web audience and their needs.
15. Identify Web accessibility issues and how they affect Web page design.
16. Apply Web site usability standards in Web page evaluation.
17. Identify tool options for developing a consistent Web site layout.
18. Explain and apply the basic principles of good typography on the Web.
19. Identify Web-usable graphics file formats and explain the circumstances where each should be utilized. (gif, jpg, png)
20. Identify the guidelines for utilizing multimedia on a Web site.
21. Identify sources of multimedia for the Web
22. Explain the steps necessary to test a Web site before publishing
23. Describe the advantages and disadvantages of using tables on a Web page
Introduction to Web Page Layout and Coding
Upon completion of this unit, the student will be able to complete the following objectives with at least 70 percent accuracy:
1. Create and save a Web page
2. Define a local site
3. Define a remote Web site and upload a page to that site
4. Format and modify text elements on a Web page
5. Add pages to a Web site
6. Describe image file format
7. Insert, resize, and align images within a Web page
8. Describe the different types of links—relative, absolute, and email
9. Create relative, absolute, and email links
10. Format a table and modify a table structure
11. Create web page head content
12. Discuss form design and form objects
13. Create a form
14. Apply behaviors to a form, add check boxes, radio buttons, lists and text fields
15. Create a template and use it to create a Web page
16. Describe different types of style sheets
17. Create and edit Cascading Style Sheets
18. Apply Cascading Style Sheet attributes to a template
19. Insert, select, resize, name, and move AP divs
20. Create a navigation bar
21. Create a rollover button to be used as navigation element
22. Create a page banner to display on a Web page
23. Insert a functioning video into a Web page
24. Create a personal or business Web page design consisting of an index page plus three other pages
a. Appropriate background applied to all pages
b. Include a numbered or bulleted list
c. All pages in the Web site are to be linked together in a meaningful way
d. Three links to external Web sites should be included. One link should be with an image.
e. An email link to the student’s address should be included
f. At least two appropriate graphic images should be included on each page. Each image needs an appropriate alt tag. Variety of image alignment should be demonstrated. Images should be optimized
g. Create cascading style sheets
h. Apply a cascading style sheet to a web site.
i. Include at least three of the following elements: image map, rollover image, navigation bar, tables, layout tables, media object.
WSU Recommended Textbook & Materials:
Learn to Code HTML & CSS: Develop & Style Websites
Publisher: New Riders
Pub. Date: May 06, 2014
Print ISBN-10: 0-321-94052-0
Print ISBN-13: 978-0-321-94052-0
Web ISBN-10: 0-13-347759-2
Web ISBN-13: 978-0-13-347759-7
Safari Books Online(Links to an external site.)
Book's Website - Full Book(Links to an external site.)
Tools
Brackets (available as a free download at brackets.io)
Or
Sublime Text (available for unlimited evaluation at sublimetext.com
WSU Course Requirements:
The student must be a junior or senior and be enrolled in one of the approved high school concurrent courses for Weber State University Network Technology and Business Multimedia Department.
WSU Grading:
100-95=A94-90=A-
89-87=B+ / 86-83=B
82-80=B-
79-77=C+ / 76-73=C
72-70=C-
69-67=D+ / 66-63=D
62-60=D-
59-0=E
Eight coding tasks. Each task is worth ~5.3% of the final grade.
2 "Skill level" tests. Each test is worth ~8.5% of the final grade.
1 Final Project. The final project is worth 40% of the final grade.
The final projectwill encompass components from all of the assignments. For the final project you will be creating a website.
Evaluation:
As a concurrent student, you are given the privilege of evaluating this concurrent course. This is an anonymous evaluation, which allows you an opportunity to express your opinions of the course and the instructor.
WSU Student Code of Conduct:
Ethical Conduct
Any form of academic dishonesty (cheating, plagiarism, etc.) will not be tolerated. Proof of academic dishonesty will result in a failing grade (E) for the course. The following is an explanation of cheating as stated in the student code.
A. Cheating, which includes but is not limited to:
i. Copying from another student's test;
ii. Using materials during a test not authorized by the person giving the test;
iii. Collaborating with any other person during a test without authorization;
iv. Knowingly obtaining, using, buying, selling, transporting, or soliciting in whole or in part the contents of any test without authorization of the appropriate University official
v. Bribing any other person to obtain any test;
vi. Soliciting or receiving unauthorized information about any test;
vii. Substituting for another student or permitting any other person to substitute for oneself to take a test.
B. Plagiarism, which is the unacknowledged (uncited) use of any other person’s or group’s ideas or work. This includes purchased or borrowed papers;
C. Collusion, which is the unauthorized collaboration with another person in preparing work offered for credit;
D. Falsification, which is the intentional and unauthorized altering or inventing of any information or citation in an academic exercise, activity, or record-keeping process;
E. Giving, selling, or receiving unauthorized course or test information;
F. Using any unauthorized resource or aid in the preparation or completion of any course work, exercise, or activity;
G. Infringing on the copyright law of the United States which prohibits the making of reproductions of copyrighted material except under certain specified conditions.