(Revised
Fall 2007)
1. Term
ID# & Year: 10 2007
2. Discipline: Management Information Systems
- ID# 16
3. Course
Number: MIS 354
4. Credit
Hours: 4
5. Course
Title: Computer Graphics – Web Page
Development
6.
Instructor: Levi Krein
Associate Professor CIS/MIS
7.
Instructor’s ID#: 287
8. Instructor’s
Office: Benedictine Center, Room 141
9. Instructor’s Office Hours: Note schedule on my office door; I
anticipate office hours of 10 – 11 am and from 3 – 4 pm. You may e-mail or
phone me to set an appointment.
10. Instructor’s
Phone: 701-355-8117
11. Instructor’s
E-Mail: lkrein@umary.edu
12.
Course Description:
This course provides Web page development training. The class consists of two parts; the first is creating Web pages directly in HTML code and the second is creating Web pages with a higher-level application called Microsoft FrontPage, soon to be Microsoft Expression Web or Studio.
First, and the largest segment of this course, is direct coding in HTML:
HTML is the coding language
that is used to create Web pages. Students will create the code in a word
processing program and then advance to a higher-level HTML editor called
HomeSite. HTML editors have several shortcuts built into them and are more
user-friendly when creating Web pages. Upon completion of this training module,
students will understand the HTML tagging language used to create Web pages.
Second, Microsoft FrontPage or Expression:
FrontPage (being replaced by Microsoft
Expression) is one of the premier Web site development applications on the
market. Upon completion of the this module, students will have created an
entire Web site, created personal Web pages, linked FrontPage Web pages to the
previous Web pages created, and transferred their Web pages to a Web server.
Students will be provided opportunities to use a scanner, image editors, a digital camera and other utility applications.
Prerequisite Courses: Two CIS courses
Students should have a working knowledge of computer systems that is generally attained by completing two CIS/MIS courses. Feel free to discuss your computer skills with the instructor.
13.
Course Outcomes linked to
[For reference]
Aesthetics The
ability to understand art forms
Communications
The
ability to send and receive information in numerous forms
Information
Literacy The
ability to recognize when information is needed and have the ability to locate,
evaluate and effectively use the information
Valuing The
ability to clarify & act upon personal & social values
Effective
Thinking The
ability to analyze and solve problems
Natural
Environment The
ability to understand the impact of science and technology on physical systems
Social
Environment The
ability to distinguish the social aspects of contemporary life and to analyze
the function of individuals within a social framework
Professional
Development The ability
to identify professional forms of behavior that are consistent with the
University of Mary mission
CIS/MIS
Departmental Outcomes:
Communications
(oral & written)
Ethical
decision making incorporating Benedictine values & the standards of the profession
Servant
leadership
Utilize
the Microsoft Office suite of applications
Function
within a project team environment
Identify
and use computer hardware & software
Plan
and implement a Local Area Network
Perform
entry-level programming operations
The student will:
1. Describe the World Wide Web and create Web pages using a word processor.
1.1 Describe the Internet and the WWW.
1.2 Identify key terms associated with the Internet and the WWW.
1.3 Enter HTML tags and text using Notepad.
1.4 Save the file and view it as a Web page in a browser.
1.5 Enter HTML tags and text using Microsoft Word.
1.6
Convert
U Mary &
Business Division Competency:
Professional Development
CIS/MIS
Departmental Outcome:
Utilize the Microsoft Office suite
of applications
Identify and use computer hardware
& software
Assessment: Grade Web pages created
Grade HTML comprehensive Web site project
Objective and production tests
(Course
Outcomes - continued)
2.
Create
Web pages using an HTML editor called HomeSite.
2.1 Explore Web page design.
2.2 Enter HTML tags and text using HomeSite.
2.3 Add bold, italics and color to text.
2.4 Add headings, lists, background color, and horizontal rules.
2.5 Create hyperlinks, e-mail links and target links.
2.6 Find, edit, and insert images into Web pages.
2.7 Plan, design, code and insert a table.
2.8 Create an image map.
2.9 Plan and lay out frames.
2.10 Create forms on a Web page.
2.11 Add radio buttons and text fields.
2.12 Add sound and video clip links to Web pages.
2.13 Create Cascading Style Sheets
2.14 Create an HTML project using the concepts listed above.
U Mary &
Business Division Competency:
Information Literacy
Professional Development
CIS/MIS
Departmental Outcome:
Identify and use computer hardware
& software
Ethical decision making
incorporating Benedictine values & the standards of the profession
Assessment: Grade Web pages created
Grade HTML comprehensive Web site project
Objective and production tests
3. Create FrontPage or Expression Web sites containing several Web pages.
3.1 Plan
and design an entire Web site.
3.2 Use FrontPage templates, themes and Wizards.
3.3 Create all of the items listed above in the HomeSite objectives.
3.4 Copy and paste images from the WWW into your Web page.
3.5 Identify different image file formats.
3.6 Use interactive forms on the Web.
3.7 Use frames in FrontPage Web pages.
3.8 Create a FrontPage project using the concepts listed above.
(Course Outcomes - continued)
U Mary &
Business Division Competency:
Information Literacy
Effective Thinking
Professional Development
CIS/MIS
Departmental Outcome:
Identify and use computer hardware
& software
Ethical decision making
incorporating Benedictine values & the standards of the profession
Assessment: Grade Web pages and sites created
Grade FrontPage comprehensive Web site project
Objective and production tests
4. Experiment with utility applications.
4.1 Capture images with a scanner and/or a digital camera and screen capture applications.
4.2 Use an image editor to modify the images.
U Mary & Business
Division Competency:
Professional Development
CIS/MIS
Departmental Outcome:
Identify and use computer hardware
& software
Assessment: Grade images produced
Grade comprehensive Web site projects
5. Identify Web resources.
5.1 Identify and evaluate free Web server locations that will publish your Web pages.
5.2 Search for and identify Web sources of clipart, video clips, sound clips, Java applets, etc.
5.3 Create a Web page listing your sources
U Mary &
Business Division Competency:
Information Literacy
Effective Thinking
Professional Development
CIS/MIS
Departmental Outcome:
Identify and use computer hardware
& software
Ethical decision making
incorporating Benedictine values & the standards of the profession
Assessment: Grad resource Web page
Grade comprehensive Web site projects
(Course
Outcomes - continued)
University
Competencies addressed in this course
Communications: [The ability to send and
receive information in numerous forms and contexts for a variety of purposes.]
The student will create Web pages containing text, images, animated images, and sound. These Web pages combined with various layouts and formats are intended to convey information; see “Outcomes 1-3” above.
Effective
Thinking: [The ability
to analyze and solve problems and to demonstrate command of rational
discourse.]
The student will plan, design and create two Web projects; see “Outcomes 2.14 & 3.8”
The student will explore and use utility applications; see “Outcome 4”.
The
student will seek out and identify various Web sites containing Web development
resources; see “Outcome 5”.
Professional
Development: [The ability
to identify professional forms of behavior that are consistent with the
University mission.]
The student will hear about, read about and possibly write and/or develop a presentation regarding Web page development concepts and applications; see “Outcomes 1-5”.
The student will create documents with various software applications; see “Outcome 1-3”.
Information
Literacy: [The ability to recognize when information is needed and have the ability
to locate, evaluate, and use effectively the needed information.]
The student will search for resources on the Internet, and incorporate that information into their Web pages in an easy to read format; see “Outcome 5”.
Aesthetics: [The ability to recognize and appreciate beauty in nature and the arts.]
Students create Web pages with design techniques suggested by professionals. Students are made aware of the layout, color and sound elements of a Web page; see “Outcomes 2 & 3”.
(Course
Outcomes - University Competencies - continued)
Required Information for all
Business Division Courses:
[All students
attending the
The student will create Web pages containing the
14.
Major Assignments (Learning
Experiences/Strategies to Achieve Outcomes):
The students will
complete assignments in two textbooks and will complete two projects. In
addition to these book and project assignments, students will be completing in
class, instructor led demonstrations. Theses demos are graded and represent a
substantial amount of your grade. Because of the nature of these demos it may
be difficult or even impossible for you to complete the activity if you are
absent. If you miss class, your grade may suffer!
HTML textbook assignments:
Project 1: Introduction to HTML
Addresses
outcome 1
Project 2: Create and Edit a Web Page
Addresses
outcomes 1 - 2
Project 3: Create Web Site with Links
Addresses
outcomes 1 - 2
Project 4: Creating Tables in a Web Site
Addresses
outcomes 1 - 2
Project 5: Creating an Image Maps
Addresses
outcomes 1 - 2
Project 6: Creating Frames on a Web Page
Addresses
outcomes 1 - 2
Project 7: Creating Forms on a Web Page
Addresses outcomes 1 – 2
Project 8: Creating Cascading Style Sheets
Addresses outcomes 1 – 2
(Other projects will be completed as time permits.)
Addresses
outcomes 4 & 5
HTML Project
Published to a Web Server
Addresses
outcomes 1, 2, 4 & 5
(Major Assignments - continued)
FrontPage textbook assignments:
Project 1: Creating a FrontPage Web
Addresses
outcomes 3
Project 2: Adding a New Web Page to a Web
Addresses
outcomes 3
Project 3: Customizing Web Pages and Images
Addresses
outcomes 3
Project 4: Creating and Using Interactive Forms on the Web
Addresses
outcomes 3
Project 5: Using Frames to Display Database Results in Web Pages
Addresses outcomes 3
(Other projects will be completed as time permits.)
Addresses
outcomes 3, 4 & 5
FrontPage Project Published to the CIS Web Server
Addresses
outcomes 3 - 5
15.
Components of Leadership Addressed (e.g.,
Competencies, Benedictine Values, and Service Learning):
The construction
of the Web sites and Web pages require that the students work together and
support one another. These kinds of collaborative activities promote “community
& respect for others”.
If time permits,
local Webmasters will be invited to speak about their jobs. The students will
create a Web page reporting what they learned from the presentation. This Web
page will also identify the leadership qualities of a Webmaster.
Time
permitting; students will be encouraged to voluntarily develop a small Web site
as a servant leadership activity.
16.
Assessment (Evaluation and Grading):
Your assignments
will be appraised for accuracy, punctuality, and the overall quality (writing
style, spelling, grammar, & word processing output) of your work. If your
assignments are late, your grade will be decreased.
You will complete
two major projects. The successful completion of these projects could be
equated to a comprehensive final exam.
Your exams will be
in the form of a True & False and Multiple Choice test often combined with
a production (create a Web page) test.
GRADING
SCALE: (percent of total points possible)
94 - 100 = A
87 - 93 = B
80 - 86 = C
70 - 79 = D
17.
Required Texts and Resource Materials:
Shelly, Cashman,
Woods & Dorin; HTML, Comprehensive Concepts and Techniques;
Thomson-Course Technology; 4th
Edition; ISBN 1-4188-5937-0
Shelly, Cashman
& Mick; Microsoft FrontPage 2003, Comprehensive Concepts and Techniques;
Thomson-Course Technology; 2004;
ISBN 0-619-20047-2
18. Attendance Policy:
Attendance will be taken. You are expected to attend all classes and labs. Generally, you may miss four classes before your grade is decreased.
Exam attendance is mandatory! If you feel you have an excused absence, contact your instructor BEFORE you miss a test! See “Late Assignments” note below.
If you are going to have an
attendance problem, talk it over with the instructor before you get into grade
(assignments, projects or test) trouble. This may not be a good time for you to
take this course!
19.
Policy regarding Late Assignments &
Missed Exams:
Students will be allowed to “make-up” missed exams and
assignments if the absence is due to a college-sanctioned event (athletics,
forensics, or leadership activities, etc.) or due to an illness screened and
approved by the proper authority. The “make-up” activity may be changed based
upon instructor discretion.
If your instructor is working through a demonstration
that is to be graded, because of the nature of that demonstration, you may not
be able to make up the demonstrated activity. Therefore, you may not receive a
grade for that demonstration. This is one way that attendance and participation
can be factored into the course grading system.
On the other hand, your instructor may decide to
assign you extra assignments to make up for the classroom activity that you
missed, for example an extra case study or research paper. Instructor
discretion will determine if a “make-up” assignment can be assigned that would
cover the same concepts as presented in a classroom demonstration.
20.
Statement on Academic Honesty/Misconduct
(e.g., cheating, plagiarism):
Please refer the University of Mary Student Handbook, Section on “Selected Academic Policies: Academic Honesty” for additional information. A student who is found to breach this policy while enrolled in a course will be formally notified by the instructor and the action will be recorded in the student’s file.
In addition to
the Statement of Academic Honesty
contained in the
(Statement on
Academic Honesty – continued)
Asking another student for help or working with
another is encouraged; “two heads are better than one”. Ask how to do a task,
however, use your own ideas to create the Web pages. Don’t duplicate another
student’s work! We will interpret this as the Benedictine values of “community
and respect for others”.
If you have any questions about the honesty policy,
please ask me before you do something you should not have done!
21.
Channel
of Communication:
In the event a student has an academic situation they wish to dispute, the student should address the issue with the Instructor. If the Instructor’s response is unsatisfactory, the student can elevate the issue step-by-step through the following chain of communication: Business Division Chair, Assistant Vice President of Academic Affairs and then the Vice President of Academic Affairs.
22. Statement Regarding Reasonable Accommodations:
The
[See also the most current
23.
Topical Outline and Anticipated Schedule:
Week One
HTML
textbook:
Project 1: An Introduction to HTML
Project 2: Creating a Web page using Notepad
Weeks 2 & 3
Project 3: Adding links to a Web site
Project 4: Creating tables
Exam
on HTML Projects 1 & 2
Weeks 4 & 5
Project 5: Creating an image map
Project 6: Creating frames on Web pages
Exam
on HTML Projects 3 & 4
(Topical Outline & Anticipated Schedule - continued)
Weeks 6 & 7
Project 7: Creating forms on Web pages
Project 8: Creating Style Sheets
Introduce HTML Project
Exam
on HTML Projects 5 & 6
Week 8
Create animated GIFs
Add JavaScript to a Web page
Create a morphed image
Update “Web Resources” Web page
Review HTML Project
Trouble shoot HTML project
Upload (publish) HTML Web project to a Web server
Exam
on HTML Projects 7 & 8
Weeks 9 & 10
FrontPage
textbook:
Project 1: Using a FrontPage template
Project 2: Adding a Web page to a Web site
Project 3: Customizing pages and images
Week 11
Table Feature
Project 4: Inserting forms into a Web page
Introduce FrontPage Project
Weeks 12 - End
Complete or review activities listed in “week 8”
Trouble shoot FrontPage project
Publish FrontPage project
Link HTML and FrontPage projects
Exam
on FrontPage Projects 1 - 4
[End – MIS 354 Syllabus –