Internet Overview
Brief History of the Internet
Internet Committees - InterNIC and W3C
Common Internet Protocols - TCP/IP, HTTP, FTP, Telnet, SMTP, NNTP
The Internet and the World Wide Web - linking computers and linking files
Links and Files - hypermedia
Browsers - internet explorer, netscape navigator, opera, mozilla firefox, apple safari
Art & Design on the Web - presenting information in the most engaging manner possible
Artport at whitney.org
2kb at whitney.org
bitstreams at whitney.org
010101 at sfmoma.org
rhizome
Website Planning
The Web Design Process
Overview of the Design Process
Design Considerations — Technical
Design Considerations — Usability
Design Considerations — Accessibility
GoLive Basics
Creating a GoLive Site
The GoLive Site Window and Site Toolbar
The GoLive Document Window and Document Toolbar
Under the Hood — What is HTML?
Under the Hood — Why Understand the HTML Code?
Creating XHTML-Compliant Pages
The GoLive Objects Palette and Inspector
The GoLive Workspace
Site Design
Site Organization
Linear Structure
Hierarchical Structure
Random Access Structure
Mixed Structure
Architectural Blueprint
Site Navigation
Site Interactivity (Functionality)
Overall Site Usability
GoLive Site Diagrams
Creating a GoLive Site Diagram
Site Diagram Elements
Creating Site Diagram Sections
The Diagram Section Toolbar
Adding Pages to a Site Diagram Section
Adding Individual Pages to a Site Diagram
Optimization Review
Introduction to Image Ready
Optimization in Photoshop vs. ImageReady
Color Table
Image Maps
- single images with multiple hotspots
Creating Image Maps in Image Ready
Creating Rollover Effects
- my website front page
Creating Rollovers - add states in the web content palatte, edit appearance in the layers palatte
Editing Rollovers
Rollover Styles - applying styles from the style palatte
Slicing Images
Creating Slices - slice tool, manual,automatic, layer based
Selecting Slices - slice slect tool
Editing Slices
Moving and Resizing Slices
Optimizing Slices
Assigning Hyperlinks to Slices
Animation in Image Ready
add frames, change the layers - styles, translation, opacity
tweening between frames