TED 5319 - Educational Web Site Design and Development
Schedule
The 2009 class takes place from Monday May 18th to Thursday May 29th. Each day will include activities and discussion based around tools and techniques which can enhance courses delivered via technology. The basic schedule is as follows:
5:30 PM-6:30 PM - Daily Recap & Experience Sessions – immediate, hands-on sessions and quizzes to introduce a core concept for the day
6:30 PM-8:00 PM - Think Sessions – Presentations and discussions about the core concepts
8:00 PM-8:15 PM - Break
8:15 PM-9:30 PM - Learning the Technology – Workshops for learning the actual technological tools needed to apply the core concepts
9:30 PM-10:30 PM - Development Sessions – open discussions about the day and homework assignments
Schedule of Topics, Readings for Class and Assignments
The outline of the overall course list is as follows, and a more detailed scope and sequence in found in the Course Syllabus (PDF Version).
Homework Assignments
Session |
Topic |
Readings |
Homework Assignments |
1 |
Planning Phase |
Chs. 1, 4 |
Concept Map Development
- Provide a concept map of your Web Site
|
Additional Readings:
Integrating
Technology into Instruction from MultiMedia Schools Magazine
Planning Your Web Site Handout (pdf - 290 kb - 10 pages)
|
2 |
Research Phase |
Chs. 2,3 |
Analysis of Browsers
- Compare and Contrast a Web Site of your choice using both Internet
Explorer and Netscape (or another browser - Mozilla, etc)
|
Additional Readings:
99.9%
of Websites are Obsolete from Digital Web Magazine
Good Web Design - from allbusiness.com
HTML Basics Handout (pdf - 345 kb - 18 pages)
Graphics and Images
HTML 4 Handout (PDF) |
3 |
Development Phase |
Chs. 5,6,7 |
UTEP Web Space/Intro Page
- Obtain Web space on a UTEP machine and work on a basic default.htm
page
|
Additional Readings:
Web Space at UTEP for Class Web site
The
History of HTML from WebMonkey
HTML More Basics Handout (pdf - 137 kb - 4 pages)
|
4 |
Development Phase |
Chs. 8,9 |
Basic Web Site (textual)
- Write an overview of your proposed site and include diagrams
of the macro and micro structure to date
|
Additional Readings:
Look at the W3Schools.com
link for more HTML tags and information
Dreamweaver Keyboard Shortcuts (pdf - 51k - 1 page)
Dreamweaver Overview (PDF) |
5 |
Development Phase |
Chs. 10,11 |
Basic Web Site (with graphics)
- Successfully load your Web Site to date onto your Server space,
and test the links and graphics, to make sure all are working
properly
|
Additional Readings:
Dreamweaver Links
Coloring
by Numbers - An article by Eric Meyer |
6 |
Refinement Phase |
Ch. 12 |
Templates and Style Sheets
- Continue the updating of your Web site by making local corrections
and publishing onto your Web Site, testing all elements and making
sure your file and folder structure matches both local and remote.
|
Additional Readings:
Dreamweaver Tables and Templates
|
7 |
Refinement Phase |
Chs. 13, 14 |
Interactivity Integration
- Continue the updating of your Web site by making local corrections
and publishing onto your Web Site, testing all elements and making
sure your file and folder structure matches both local and remote.
|
Additional Readings:
Homework Assignments
|
8 |
Implementation Phase |
Chs. 15, 16 |
FTP and Advanced HTML
- Write a 3-5 page essay that describes your personal understanding
of Web Site Development, and use the five basic areas; planning,
research, development, refinement and implementation as organizational
frameworks for your paper.
|
Additional Readings:
Homework
Assignments
|
9 |
Final Presentations |
None |
Evaluation with Rubrics |
Syllabus | Schedule
| Topics | Articles
| Evaluation | Samples
| Links
|