|
Course Syllabus
Course
Description |
Objectives
| Text
& Materials |
Format
| Policies
Assignments
| Schedule
| Evaluation
Course
Description
Professor: Alice
A. Christie, Ph.D.
Office: FAB S247
Office Phone: 602-543-6338
Classroom Phone: 602-543-8287
Intern: Cheryl Christensen, M.Ed.
602-758-3152
cherylchristensen@cox.net
Scheduled Line Number: 67301
Classes will
meet on the following Saturdays from
9 AM - 4 PM:
August 26, September 9, September 23, October 7, October 21, November 4,
November 18, and December 2
Time Frame: Fall 2006
Credit Hours: 3 Credit Hours
Office Hours:
by Appointment Only
Prerequisites:
EDT 545 AND EDT 546 OR Consent of the
Professor
Once
solely the domain of academics and rocket scientists, the
World Wide Web has been exploding into mainstream life at
breakneck speed. Internet skills are increasingly important
in educational and professional realms.
EDT 555 is
a hands-on experience in which students design and post an institutional
Web site. Students will incorporate numerous design elements to
create well-design, informative, and purposeful Web sites. Web browsers
will be compared and compatibility issues explored. Principles of
color, line and design as they apply to screen presentations will
be included. Students will establish criteria for the evaluation
of educational web sites, evaluate features that distinguish outstanding
web sites from run-of-the-mill Web sites, and use the established
criteria as the basis for design of their institutional
Web site.
This
course is taught in a cooperative learning environment with
evaluation based on personal progress and
participation.
EDT 555
examines the following topics:
|
Designing
Web sites
|
Managing
Web sites
|
|
HTML Coding
|
Templates
|
|
Navigation
and web site structure
|
Cascading
style sheets (CSS)
|
|
Font effects
|
Anchors
|
|
Color
and graphics to enhance Web site design
|
Using
Image Maps
|
|
TCP/IP
and IP
addressing
|
Using
Java applets and scripts
|
|
Advantages/disadvantages
of using frames
|
Intranets
vs. Internet
|
|
Tables
|
Technical
terms
|
|
Rollover
buttons and Hover
buttons
|
Meta tags
|
|
Drop-down
menus
|
Error-checking
pages and Web sites
|
|
Advantages/disadvantages
of using forms
|
Publishing
Web sites
|
Objectives
General
Web Competencies.
Upon
completion of EDT 555, students will:
- Develop
a knowledge of Internet tools in order to facilitate
access to various educational resources.
- Develop
a reference library of educational sites pertinent to
classroom use.
- Learn
advanced search methods using the different search
engines.
- Understand
the basic principles of media literacy and the specific
tools for analysis.
- Create
rubrics for the evaluation of educational web sites
Web
Creation and Graphic Design
Competencies.
Upon completion of EDT 555, students will be able
to:
- Create
a consistent, well-designed Web site using appropriate web and graphic
creation tools.
- List
and describe the software and hardware requirements for
creating a Web site
- Design
a Web site storyboard
- Create
a basic HTML document
- Create
HTML links and lists
- Add
graphics and image maps to Web sites
- Incorporate
tables in Web sites
- Incorporate
cascading style sheets in Web sites
- Design
Web sites which are effective in multiple browsers and
platforms
- Analyze
Web sites to ensure that they retain functionality on
multiple platforms and multiple browsers.
- Load
web pages onto an Internet server
- Debug
Web sites
- Gain
multi-platform experience
- Explain
basic telecommunication terminology
- Evaluate
basic kinds of transmission media for speed, reliability,
and cost-effectiveness
- Convert
existing client graphics into effective web graphics
- Determine
when to use the GIF, JPEG and PNG file format
- Identify
and create low-bandwidth graphic file types with Adobe
Photoshop Elements 3.0 or similar program
- Create
original web buttons, logos, banners, collages and
backgrounds
- Scan
and digitize photos
- Identify
and create effective navigation models for large-scale
Web sites
- Recognize
legible type, effective links, logical organization, and
appropriate use of color and recreate these elements in a
Web site
Text
& Materials
Format
Students will participate
in an action-oriented classroom which will feature
illustrated lecture, discussion, demonstration, hands-on
activities and presentations, and project presentations. The
emphasis will be on doing rather than talking
about computers and telecommunications.
Additional lab time beyond the scheduled course hours
will be necessary to fulfill the course requirements.
University policy specifies that students should expect to
complete two hours of work OUTSIDE CLASS for every hour of
work IN CLASS.
Our classroom
(CLCC 216) will be open and staffed from 10 AM - 2 PM
on the Saturdays when class is not scheduled (September 16, September 30, October 14, October 28, November 11, November 25, and December 9). Please
come to the lab to use the hardware and software or to get assistance
from the graduate student staffing the lab.
You may use the computers
in Fletcher Library and Technopolis any time the Library is open. Hours for Fletcher Library and Technopolis for Fall 2006 are:
Monday through Thursday - 7 AM to 11 PM
Friday and Saturday - 7 AM to 7 PM
Sunday - 11 AM to 10 PM
With the following exceptions:
September 4 - Labor Day: 8 AM - 5 PM
November 10 - Veteran's Day: 8 AM - 5 PM
November 22 - Thanksgiving Eve: 80 AM - 8 PM
November 23 - Thanksgiving: Closed
November 24: Thanksgiving Holiday: 8 AM - 5 PM
Finals Week
December 2, 3, 9 and 10 - 7 AM - 8 PM
December 13 : 8 AM - 6 PM
December 14 and 15: 8 AM - 5 PM
Your assignments provide you with what I consider to be a
minimum amount of hands-on time. The more you use and
experiment with computers and software, the richer your
learning experience will be.
Policies
- All assignments should
be word processed and consistent with upper
division university writing; that is, university level
grammar, correct spelling, and logical, clear
organization.
- Class sessions will
begin on time. Please make every effort to be prompt.
- Because of the
interactive nature of this course, attendance is
mandatory. Please call the instructor before
class should an emergency arise.
- Cheating: Cooperative
or collaborative learning is encouraged! However,
understand the fine line between collaboration and
cheating. Turning in the work of another person is
considered cheating and offenders are subject to
university disciplinary action.
- Be courteous to your
classmates and turn OFF cell phones and pagers
during class.
- Please notify me if
you have a disability and I will do everything I can to
accommodate your learning experience.
Assignments
1.
Course Readings/Reading Responses (10%)
The Online Course Readings were selected to challenge and broaden your thinking about the use of technology and telecommunications in educational settings. Each article should be read BEFORE class as listed in the class schedule. You will be asked to list the five most important ideas you gathered from the readings during the first ten minutes of each class.
Click READINGS to go to daily readings.
You will use
electronic mail on a bi-weekly basis to communication with
your instructor AND intern. The minimum requirement is to
respond to the following on a weekly basis:
- A reading response
on the main ideas of the theme/s for any set of readings. This response
should include a short summary of the articles as well
as your response to the article (how you might incorporate these ideas into your Web site and/or teaching, etc.).
- Any questions you have for your instructor or intern.
You cannot get credit for your reading responses unless you complete the reading responses and the ten-minute in-class exercise.
2.
Evaluating Web Design (10%)
Critique
five educational web sites and analyze them
regarding the following elements:
- Use of color
- Use of graphics
- Organization/structure
of data
- Ease of
navigation
- Relevance of information
- Appropriateness for audience/s
- Speed with which
pages load
- Overall quality
Critique
five educational web sites and analyze them using Dr.
Christie's Educational Web Site
Rubric (Do both Part 1 and Part 2). Prior students'
evaluations.
Other
Hints on Web Site Evaluation
3.
Altering Graphic Images (5%)
Using
Fireworks, PhotoShop, PhotoShop
Elements, or another graphics editing program, alter one photo and one graphical image from the images provided below to make them appropriate for
use in your Web site. Consider the following as you complete this
assignment:
- principles
of good design
- image
size
- download
time
- applicability
for entire site
See Dr.
Christie's PhotoEssay
for examples of ways to alter digital images.
Photos to
alter
Images to alter
4.
Creating and Using Graphic Images (10%)
Using
Fireworks, PhotoShop, PhotoShop Elements, create
images appropriate for use in the banner, buttons, title, or other
images of your Web site. Consider the following as you complete this
assignment:
- principles
of good design
- image
size
- download
time
- consistency
- applicability
for entire site
See banners/images from last years' students.
5.
Creating a Storyboard and Your Site Map for Your Web Site (10%)
Good
web sites are well organized. This assignment is designed
to help you plan and storyboard your Web site using Inspiration™ or
other webbing software. The final product will be a schematic of
all the pages of your Web site Following the steps outlined below
should facilitate that process:
- List
all the elements of your Web site
- Group
similar elements together
- Create
a story board (first step in Web site design)
- Receive
feedback from peers and the instructor about the
organizational structure of your Web site
- Create a Site Map for your site (last step in Web site design)
6.
Creating Navigation for a Web Site (10%)
Good
Web sites have efficient, easy to understand navigational
tools. This assignment is designed to help you plan the
navigation for your Web site. The final product will be three possible navigation systems for your site, including the system you incorporate into your final site. Following the steps
outlined below should facilitate that process:
- Begin
with the storyboard created in the previous
assignment
- Brainstorm
three different navigational systems for your Web site
These may include:
- standard
navigation with buttons
- pull
down windows
- horizontal
and vertical menus
- any
others
- Decide
which of the three seem most appropriate for your
audience and your Web site
- Receive
feedback from peers and the instructor about the
organizational structure of your Web site
- Fine tune your navigation system of choice and incorporate it into your final site.
7.
Understanding Advantages and Disadvantages of Forms and Frames (5%)
Review at least five sites
that use frames and five other sites with interactive forms. After
your review, list the advantages and disadvantages of each.
8. Cascading Style Sheets (10%)
Cascading Style Sheets (CSS) are an important feature of Web sites used to provide consistency and elegance of design. You will use CSSs as a feature of your Web site. In this assignment, you will create one or more CSSs that you will apply to most/all files in your site.
9. Web
Site Development (All other assignments are used to complete this
assignment) (Additional 10% of grade)
Create
a web site for a school, an organization, an institution,
a town or a collaborative educational Internet project
involving your teachers and students that contains all
of the following elements:
- GIFs and JPGs
that are optimized for the Web
- Image
map
- Consistent look, feel, font,
navigation, etc.
- A java script for an access
counter, time or date, calendar, slide show or other interactive
feature
- Tables
- Roll over or hover buttons or drop down menus
- Meta tags
- Anchors
- Flash components (optional)
- Blog (optional)
- Other components you feel are
appropriate for your Web site
Test your site using the
browsers you expect your audiences to use, then problem-solve
and revise as needed.
Publishing your pages
requires that you create an FTP account on the College of
Education server where your pages will reside.
Establish
your account here.
Instructions for using your account as well as other
important information can be found using these links to
FTP
Instructions
and Publishing
Tips, Issues, & Warnings. You
will have access to the software you need within the
classroom but you may want to use some of the same
software or similar software which is compatible with
your home computer. Find a page with links to
download
trial versions of software
here.
AtomicLearning Tutorials
Logon:
alice.christie@asu.edu
Password: available from your instructors
AtomicLearning offers tutorials on Mac and PC platforms on:
- Dreamweaver
- Flash
- Photoshop Elements 3.0
Tutorials for
Dreamweaver:
Tutorials for
Flash:
10.
Reflections (10%)
After you
complete the assignments above, write a four-five page
reflection on all topics, their usefulness to you as an
educator and how you might apply these learnings to your
future workplace.
11. Participation (10%)
Attendance, promptness, and participation in collaborative classroom activities are mandatory and are the major components of your participation grade. Since this class has only 8 meetings, attending each class is of utmost importance. To receive a grade of "A" in this class, you must attend at least seven full classes. Missing more than one full class will result in a grade of "B" or less.
Schedule
|
Class
|
Class
Topics
|
Assignments
|
|
Class 1
August 26
|
Review
Syllabus
Introductions
Principles of Web Design
Evaluating Web Site Design
Class Exercise # 1
Class
Exercise # 2
Class Exercise # 3
Class Exercise # 4
Class Exercise # 5
Class Exercise # 6
Robin Williams' Summary of Bad Design Features| Good Design
Features
|
Buy Class
Materials
|
|
Class 2
September 9
|
Principles of Web Design
Advanced Searching Tools and Tips
Cookies
Validation Tools
Computer Viruses
Elements of School Web Sites
Web Site Structure
The Future of
Technology in Schools
Class Exercise # 5 (as needed)
Class Exercise # 6 (as needed)
|
Week
2 Readings
W and T, Chapter 1, 2, 4 & 5
Dreamweaver
Tutorial (See Assignment 9 above)
|
|
Class 3
September 23
|
Optimizing Graphics for Web
Sites
GIFs, JPGs, PNGs
ALT Tags
Web
Site Navigation
Storyboarding with Feedback to/from Peers
Cascading Style Sheets
Templates
|
Week
3 Readings
W and T, Chapter, 6 and 8
Dreamweaver Tutorial
Photoshop Elements Tutorial
Web Evaluation Assignment Due
Storyboard Due
Altering Graphics Due
|
|
Class 4
October 7
|
Advanced features of Photoshop
Elements 3.0
Web Site Navigation
Cascading
Style Sheets
Image Maps
Tables
Anchors
Rollover buttons/Hover buttons
Drop down menus
|
Week
4 Readings
Dreamweaver Tutorial
Photoshop Elements Tutorial
W
and T, Chapter 7, 9 & 10
Draft 1 Web Site Due
|
|
Class 5
October 21
|
Scanning and digitizing for
the Web
Tweaking your HTML code
Understanding forms
and frames
Java scripts and applets
|
Week
5 Readings
Dreamweaver Tutorial
Photoshop Elements Tutorial
W and T, Chapter 11, 12 and
13
Draft 2 Web Site Due
Frames and Forms Evaluation Due
|
|
Class 6
November 4
|
Meta tags
Flash
(optional)
Discussion of McKenzie
Article
Peer Feedback on Sites
|
Week
6 Readings
W and T, Chapter 14, 15 & 16
Draft 3 Web Site Due
|
|
Class 7
November 18
|
Adding content to Web site
Uploading
Testing on different platforms and browsers
Testing for accessibility
Debugging
Peer
Feedback on Sites
|
Week
7 Readings
Draft 4 Web Site Due
Site Map Due
|
|
Class 8
December 2
|
Sharing Final Projects
Course and Self-Evaluations
Conclusion and Celebration
|
Final Web Site Due
|
Evaluation
EDT 555 is a graduate
course which includes both theoretical and practical
experiences. All written work, oral work, and class
participation will be evaluated. Feedback will be provided
regularly.
You will be evaluated on all aspects of your Web Site (your
electronic portfolio), your email and electronic conference
participation, and your reflections. In addition,
participation is considered to be one of the most important
aspects of your evaluation. Since this class is highly
participatory, attendance and a high level of participation
are mandatory.
Each of the class components will be assigned weights as
follows:
|
Electronic Mail and Readings
|
10%
|
|
Evaluating Web Design
|
10%
|
|
Altering Graphic Images
|
5%
|
Creating Graphic Images (including Banners/Image Maps) |
10% |
| Storyboard and Site Map |
10% |
Web Site Navigation |
10% |
Frames and Forms Evaluation |
5% |
| Cascading Style Sheets |
10% |
|
Overall Web Site: Tables, Layers, Anchors, Meta tags, Etc.
|
10%
|
|
Reflections
|
10%
|
|
Participation
|
10%
|
|
A
|
90-100%
|
|
B
|
80-89%
|
|
C
|
70-79%
|
|
D
|
60-69%
|
|
E
|
0-59%
|
Course Description | Objectives | Text & Materials | Format | Policies
Assignments | Schedule | Evaluation
|
