Art 344a Design for the Internet Course Overview and Student Work Examples

:: Site build in-progress to meet accessibility standards initiative ::

The emphasis, is the "process" of creating effective, efficient, and dynamic solutions to Internet design.
Students will explore each stage of the process while developing his or her own working style and
problem solving approach. During this class you will learn: Fundamentals of HTML (Hyper Text
Mark-up Language), DHTML (Dynamic Hyper Text Mark-up Language), and CSS (Cascading Style Sheets)
development, media acquisition, digitizing media, and the preliminaries of adding interactivity.

  • SKIP NAVIGATIONALS
  • Syllabus
  • Schedule
  • [ Project 01 ][ Project 02 ][ Project 03 ][ project 04 ][ Project 05 ]
  • [ Exercise 01 ][ Exercise 02 ][ Exercise 03 ][ Exercise 04 ][ Exercise 05 ]
    [ Exercise 06 ][ Exercise 07 ][ Exercise 08 ][ Exercise 09 ][ Exercise 10 ]
  • Class Server >>Opens in new window [ http://design.sdsu.edu/webclasses/summer2007/prior/344a/ ] Image icon represents a new browser window opens
  • Link to W3.org Resource >> Opens in new window [ www.w3.org ] Image icon represents a new browser window opens

Project One
Icon image for project one
Clicking image opens window Image icon represents a new browser window opens

Web page deconstruction.
In this phase we will look at
possible web page layout options and discuss the mechanics of "why" web designers have chosen a particular design template.

Student Examples: >>open in new window Image icon represents a new browser window opens

  • [ Acorda ]
  • [ Chiang ]
  • [ Compoginis ]
  • [ Dow ]
  • [ Ellis ]
  • [ Flores ]
  • [ Fredricks ]
  • [ Heitman ]
  • [ Holt ]
  • [ Imaizumi ]
  • [ Jordan ]
  • [ Le ]
  • [ livingston ]
  • [ Oseguera ]
  • [ Read ]
  • [ Thorpe ]
  • [ Venguer ]
  • [ Yamamoto ]

Project Two
Icon image for project two
Clicking image opens window Image icon represents a new browser window opens

Personal Web page design.
HTML page, which represents the student for the duration of the class. The design should be simple and easy to update as class content develops.

Student Examples: >>open in new window Image icon represents a new browser window opens

  • [ Acorda ]
  • [ Chiang ]
  • [ Compoginis ]
  • [ Dow ]
  • [ Ellis ]
  • [ Flores ]
  • [ Fredricks ]
  • [ Heitman ]
  • [ Holt ]
  • [ Imaizumi ]
  • [ Jordan ]
  • [ Le ]
  • [ livingston ]
  • [ Oseguera ]
  • [ Read ]
  • [ Thorpe ]
  • [ Venguer ]
  • [ Yamamoto ]

Project Three
Icon image for project two
Clicking image opens window Image icon represents a new browser window opens

This site will be a source of images and ideas for you to use in future projects. The gallery project can also serve as a portfolio site.

Student Examples: >>open in new window Image icon represents a new browser window opens

  • [ Acorda ]
  • [ Chiang ]
  • [ Compoginis ]
  • [ Dow ]
  • [ Ellis ]
  • [ Flores ]
  • [ Fredricks ]
  • [ Heitman ]
  • [ Holt ]
  • [ Imaizumi ]
  • [ Jordan ]
  • [ Le ]
  • [ livingston ]
  • [ Oseguera ]
  • [ Read ]
  • [ Thorpe ]
  • [ Venguer ]
  • [ Yamamoto ]

Project Four

Link to Project Four opens window Image icon represents a new browser window opens

This project will introduce the student to the basics of animation, navigation, and user interaction using Adobe/Macromedia FLASH.

Student Examples: >>open in new window Image icon represents a new browser window opens

  • [ Acorda ]
  • [ Chiang ]
  • [ Compoginis ]
  • [ Dow ]
  • [ Ellis ]
  • [ Flores ]
  • [ Fredricks ]
  • [ Heitman ]
  • [ Holt ]
  • [ Imaizumi ]
  • [ Jordan ]
  • [ Le ]
  • [ livingston ]
  • [ Oseguera ]
  • [ Read ]
  • [ Thorpe ]
  • [ Venguer ]
  • [ Yamamoto ]

Project Five
Icon image for project two
Clicking image opens window Image icon represents a new browser window opens

Our final Web site project will represent your personal design philosophy, style, and work samples.

Student Examples: >>open in new window Image icon represents a new browser window opens

  • [ Acorda ]
  • [ Chiang ]
  • [ Compoginis ]
  • [ Dow ]
  • [ Ellis ]
  • [ Flores ]
  • [ Fredricks ]
  • [ Heitman ]
  • [ Holt ]
  • [ Imaizumi ]
  • [ Jordan ]
  • [ Le ]
  • [ livingston ]
  • [ Oseguera ]
  • [ Read ]
  • [ Thorpe ]
  • [ Venguer ]
  • [ Yamamoto ]