Web Page Design

CSci 220

Outline and Syllabus

 
 

TIME and PLACE:


TEXT & Required Materials:


GRADING SYSTEM:

Laboratory Reports {Weekly Set Due after Laboratory}

30%

Exams {Tuesday, Feb. 13 and Tuesday, March 27}

20%

Final Exam {Friday, May 11, 3:30-5:30 p.m. }

20%

Web Page Project {UWP Web Page Design/Redesign}

20%

Participation {Contribution to class, attendance, enthusiasm}

10%
 


LABORATORY POLICY:

1. Assignments discussed Tuesday & done Thursday

2. Late laboratory reports will be penalized

3. Please staple sheets together with name and Asssignment # clearly visible on Page 1.

4. General philosophy on homework:

a. Working together with classmates is strongly encouraged
b. However, your submission should be your own and unique. Copying is illegal.

 


INSTRUCTOR:

Lecture:

Morris Firebaugh

        Phone: 886-9575

Office Hours: 

2:00-4:00 p.m., Tues
Other times: By appointment

e-mail:

mfirebaugh@wi.rr.com

WWW HomePage    

http://www.firebaugh.com

     


SYLLABUS

Week
(Chapters)
TOPICS [ = Exam this Tuesday]
1
Ch. 1 & 2
Designing for a Variety of Browsers & Designing for a Variety of Displays
Browsers, Design Strategies, Writing Good HTML, Knowing your Audience, Considering your Site's Purpose, Testing, Dealing with Unknown Monitor Resolutions, Fixed vs. Flexible Web Page Design, Accessibility, Alternative Displays, Introduction to HTML Editors and Utilities, HTML Editor
2
Ch. 3 & 4
Web Design Principles & Beginner's Guide to the Server
Color on the Web, Graphics on the Web, Typography on the Web, Web Servers, Introduction to UNIX, File Naming Conventions, Uploading Documents (FTP), File MIME Types, Using Fetch and GoLive
3
Ch. 5 & 6
HTML Overview & Structural HTML Tags
HTML as a Structured Language, Platform Independence, HTML tags and elements, Hypertext Transfer Protocol, TCP/IP, URLs, Structural elements, Body style elements, Controlling spacing, Block & Style Tags, Logical vs. Physical Styles, Special text formatting, Color in HTML, GoLive
4
Ch. 7 & 8
Formatting Text & Creating Links
Inline Type Styles, The <font> Tag, Ordered and Unordered Lists, Layout Techniques with HTML, Web navigation using hyperlinked text, images, image maps, Linking Within a Document, Imagemaps, Non-Web Links and Protocols, GoLive
5
Ch. 9
Adding Images and Other Page Elements
Summary of Object placement Tags, Horizontal Rules, Image Basics, The <img> Tag and Attributes, Adding Java Applets, Plug-in Media <embed>, and Media Files <object>, GoLive & Graphics Converter
6
Ch. 10 & 11
Tables & Frames
Tables as Page Layout Tools, Basic Table Structure, Table attributes, Creating Columns & Rows, Row & Column Span, Frame syntax, Basic Frameset Structure, Creating FrameSets, Targeting Frames, Advantages and Disadvantages of Frames, GoLive & Graphics Converter
7
Ch. 12 & 13
Forms & Server Side Includes
Encouraging User Feedback, Client/Server Data, Form Tags and Elements, Form Design, Submitting forms, Common Gateway Interface (CGI), Server Side Includes (SSI), Using Environment Variables, List of Elements and Include Variables, GoLive
8
Ch. 14 & 15
GIF Format & JPEG Format
The RGB Color System, Image Compression Formats; Image Width and Resolution, Scanned and Captured Art; Background images, GIF File Formats, Eight-bit Indexed Color, When to Use GIFs, Tools Overview, Interlacing & Transparency, 24-bit Color, JPEG Compression, When to Use JPEGs, Creating JPEGs, Minimizing Graphics File Size, Graphics Converter
9
Ch. 16 & 17
PNG Format & Designing Graphics with the Web Palette
Platform/Browser Support, 8-Bit Palette, Grayscale, & Truecolor, PNG Compression, When to Use PNGs Creating & Optimizing PNG Files, The Web Palette, Designing with Web-Safe Colors, Survey of Web Graphics Tools, Color Blenders, Graphics Converter & Photoshop
10
Chap. 18
Animated GIFs & QuickTime Virtual Reality
Creating and Using Animated GIFs, Optimizing Animated GIFS, 3D graphics models, navigating the models, VRML syntax, Embedding VRML files in HTML pages, QTVR protocols for representing and navigating real 3D scenes, Introduction to Plug-ins, GoLive
11
Ch. 19 & 20
Audio on the Web & Video on the Web
Animation, Sound, & Video File Formats, Audio Tools Overview, Basic Digital Audio Concepts, Nonstreaming vs. Streaming Audio, MP3, Live Audio on the Web, AU, WAV, and Real Audio Protocols, Video File Formats (QuickTime), Basic Digital Video Concepts, Capturing and Adding Video Clips to HTML Documents, GoLive
12
Ch. 21 & 22
Interactivity & Introduction to JavaScript
Multimedia Flash format from Macromedia, Concept of Vector Graphics, Shockwave for Director, Java Applets, Integrating JavaScript and HTML, Creating JavaScript, Controlling browser behavior (rollovers), Internet resources on JavaScript, The Java Programming Language, Creating Applets for the Web, GoLive
13
Ch. 23 & 24
Cascading Style Sheets & Introduction to DHTML
Style Sheet Placement and Control, Cascading Style Sheets, JavaScript style sheet properties and values, The New Object Model, Dynamic HTML events, Creating Dynamic HTML Text and Graphics, DHTML Examples & Tools, GoLive
14
Ch. 25 & 26
Introduction to XML & Embedded Font Technology
XML (Extensible Markup Language) - Premises of XML, Well-formed XML Documents, Document Type Definitions (DTD), Internationalizing HTML character sets, MIME types, Font issues, TruedDoc & OpenType Technologies, Pure vs. Extended HTML, GoLive
15
Chap. 27
Internationalization & Review
Character Sets, HTML 4.0 Language Tags, Future Trends and Technology, Review, Project Presentations


Updated January 6, 2001