HomeHome

CSCI 475 & 575CSCI 475 & 675

AmusementsAmusements

Personal StuffPersonal Stuff

Visual Design for the Modern Web
Visual Design for
the Modern Web

Contents

Class Materials

Syllabus Button Syllabus
Assignments Button Assignments
Web Site Analysis Button Web Site Analysis Form
Personal WS Evaluation Button Personal Web Site Evaluation Form
FTP Instructions Button FTP Instructions
Image Map Example Image Map Example
Mouseover Button Tutorial Mouseover Button Tutorial, in text
Mouseover Button Tutorial (Flash) Mouseover Button Tutorial, in Flash
Two changes: Save button with a 256 color adaptive palette, and use a single text layer for both the "up" and the "down" buttons if they are identical, as they are on the example.
Code to embed a rollover image Code to embed a rollover image

Utilities

Test FTP Button Test FTP
simple HTML file to test FTP
Color palette with codes Penny's Palette with codes
Penny's Palette without Codes Penny's Palette without codes

PowerPoint Lectures

Note that class lectures may be in a different order than implied here — please see syllabus.

PowerPoint, Introduction Button 1. Intro to Web Design
PowerPoint,  HTML Button 2. HTML

3. Design

      PowerPoint,  Intro to Design Button Intro to Design
      PowerPoint,  Content Content
      Page Layout
      Navigation
      Color
      Graphics, Part I
      Graphics, Part II
      Graphics, Part III
      Graphics, Part IV
      Typography
      Forms
PowerPoint,  CSS Button 4. CSS
PowerPoint,  JavaScript1 Button 5. JavaScript 1: Intro
PowerPoint,  JavaScript2 Button 6. JavaScript 2: Syntax
PowerPoint,  JavaScript3 Button 7. JavaScript 3: Things to Do with JavaScript