Lecture 2
Univ of Oregon, Dept of Architecture, Intro to Architectural Computer Graphics

  Nancy Cheng, 204c Pacific Hall, 346-3674 nywc@darkwing.uoregon.edu
Remember to Back up!
Removable storage
  • CD-RW disks (readable from most computers, writable from some)
  • 100MB Zip Disks (readable from most UO computers, convenient but vulnerable to damage)

Temporary file space (could be deleted at any time)

  • Microsoft Windows Network > AAA > AAAFILESERVER > Mac-PC Exchange
  • Darkwing, Gladstone /scratch directory: go up to the highest Root directory to find it

Weekly Objectives

  • To understand the potential of web-authoring as a design communication tool
  • To establish a course web-portfolio

Web Portfolio Notes in PDF format

Web Definitions
  Network: a system of computers interconnected to share information

Server: a networked computer that supplies information or services

Client: a networked computer that uses server functions

The Internet:  The network of networks

World Wide Web (WWW): A distributed global system for sharing over the Internet with cross-platform standards:

  • Communication protocols: HyperText Transfer Protocol, http://
  • Addressing system: Uniform Resource Locator, URL
  • Document Language: HyperText Markup Language, HTML

Hyperlinks: shortcuts to other data

Hypermedia: Linked information (i.e. text, images, drawings, sound, video, 3D models, etc.)

Web page: HTML file w/ referenced components

 Web Structure
File naming conventions:
  • case-sensitive (don't capitalize letters)
  • use identifying extensions (i.e. .html, .gif, .jpg)
  • avoid spaces and punctuation marks other than periods

Absolute addresses include the server information (i.e. "http://darkwing.uoregon.edu/~graphics/lectures/acg00-2.html")

Relative or local addresses identify locations in relationship to the current file (i.e. "../lectures/acg00-2.html"

Web Site Management 
Incorrect references cause broken links.  GoLive "filename.site" file stores family of files together and facilitates link correction.

Common Concepts to Design Software interfaces
Select & Transform

Photoshop Transformations

  • PhotoCorrection: Contrast/Brightness, Levels
  • Geometric / Physical: Crop, Cut/Paste, Paste Into, Rotate, Skew

Organizing Information for reuse

  • Layers
  • Groups
Critical Skills 0) GoLive interface basics:
  • Using document views: Layout, Source for HTML & Preview (& Browser preview)
  • Palettes: Inspector, Object, Color

1) Technical Essentials: All students must know how to:

  • download and upload
  • insert, edit and format text
  • put images in the right folder
  • insert and edit images
  • create a link

2) File paths and Relative references:

  • Understand why local and remote versions must be the same
  • Learn how to fix a broken link by learning relative references

Common causes for broken links:

  • File reference: looking in the wrong directory
    • local & remote file systems don't match or
    • absolute address given: file://Desktop%20Folder/Macintosh%20HD/arch510/..
  • File name: reads differently on local and remote capitalization, spaces, punctuation
  • File type: different than extension i.e. Photoshop file called JPG

3) Design elements:

  • Layout grid & floating boxes
  • Adjusting colors for the overall document (triangle near the “Welcome to GoLive” page name), grid, table
  • Standard color palettes (use colors with names or numbers)
  • Use relative font sizes +1, -1 rather than fixed
  • Use Photoshop Save for Web GIF or JPG

4) Using helpful troubleshooting tools:

  • Use a GoLive site files to manage a website
    • New Site > import from folder
    • Creating links with Point and Shoot
    • Site view w/ link warnings
  • Error checking: Edit file > check syntax (in older versions, Show link warnings)
  • Site menu > FTP server > Connect (or connect by hitting icon)
  • Dr. HTML website

5) OPTIONAL in order of difficulty:

  • Tables
  • Rollovers
  • Frames
  • Embedded sounds
  • Cascading Style Sheets
  • Forms
  • JavaScript Actions
  • etc.....