Professor Thomas Sakoulas
State University of New York at Oneonta : Art Department
[ Contact ]

WEB DESIGN

Web Design is a course taught by Thomas Sakoulas at the State University of New York at Oneonta.This site is designed as an auxiliary tool for the students participating in this class.

Required: Purchase a portable Hard drive

Buy your own portable hard drive and save your work in it. You are responsible for your own work, so use your hard drive to back it up.

 

How to submit your work for grading
(Critiques)

In order to evaluate your work I need to be able to find it. Please make it easy by following these simple instructions:

  1. Create one simple html page that we'll call "Projects Page"

  2. The "Projects Page should contain a list of text links that take me to each completed project you have finished. Please include your full name, and the semester on top of the page. (Here is an example)

  3. Email me the URL to your "Projects Page" by the due date (the date is on your syllabus)

    Click here to email Thomás (sakoult at oneonta dot edu)

    Subject: CART206-81 yourlastname
    Body: your URL

  4. After you email me this URL in the beginning of the semester, there is no need to email me every time you finish a project. Simply add a link to this page an I can find it. I check this URL and your projects often throughtout the semester, and I grade your work after the due dates.
    If your work is not linked from our Projects Page by the due date, it will be considered a "late" project.
    Make sure the links on this page represent the assignments in numerical order, and that are appropriately labeled.

Please TEST your pages to make sure that they are working properly on a browser before submitting them. I use these links to grade your work.

 

For the Final Critique

>>>>In addition to linking all your finished assignemnts from your "Projects" web page, burn your www directory on a CD, label it with
Year, Semester, Class, your name, assignment numbers contained, and submit it on the due date.

Submit this CD with the entire semster's work after the critique.

 

 

Assignments:

#

Check the class calendar (on the back of your syllabus) for dates and deadlines

 

Required Set up:

Create server space and submit URL

Setting up your local site:

In your portable hard drive create a folder and name it www

Setting up Dreamweaver:

Perform the following actions every time you sit on a computer for the first time.

Open Dreamweaver

Site > New Site (or "Edit Site" if you already have one created)

Select "Advanced" (on top)

Select "Local Info" and fill it the form like this.

Click "Remote Info" and set it up like this (replace "maasjr23" with your own user name)

 

Your URL:

http://students.oneonta.edu/yourusername/

Your Projects Page:

http://students.oneonta.edu/yourusername/yourlastname-as.html
You email this page to your professor so he can grade your assignments .

email to: sakoult@oneonta.edu
subject: CART206-01 yourlastname
body: your assignments page (http://students.oneonta.edu/yourusername/yourlastname-as.html)

 

 

Complete these Assignments

Check the class calendar for dates and deadlines

1

Social Commentary

Create a small web site that revolves around a social issue you care about.
more...

2

Sliced Image Template

Create at least two different web pages that utilizes "sliced" images.

Create your design in Photoshop, slice it to create a table, and export as HTML and images.

Save this exported html page and the images in your www folder (you should make a separate folder just to save these pages in).

Use Dreamweaver to open the page to add text and anything else you want.

Make it a "Dreamweaver Template"

 

3

A simple animation

Ignore the chapters mentioned in your original class calendar

Complete these Flash exersises:

Open Flash and click Help.

Read the following

  • Using Flash
    • Workspace
    • Creating and managing documents
    • Using Improted Artwork
    • Drawing
    • Working with graphic objects
    • Using symbols, instances, and libraries
    • Creating animation
    • Publishing Flash content
      • Publishing Flash documents
        • Publishing overview
      • Exporting from Flash
        • Exporting Flash content, images, and video
      • Best practices

Complete and present one simple flash animation that contains:

  1. motion
  2. interactivity

Pay particular attention to the layout, the color combinations, and generally the composition of your animation.

A few good rules: please, no violent cartoon humor, and no stick figures.

4

Animation that Illustrates a Process

Create a small flash animation that illustrates a process in several steps.

You choose the process you would like to illustrate. This could be a continous movie, or a step by step explanation of the process.

Here is a nice little example of Kayaking instructions

A few good rules: please, no violent cartoon humor, and no stick figures.

5

Personal Narratives, a complete web site.

Read more details...

This is your final assignment. Present it during the final critique.

 

Final Critique:

Check your class calendar for the date and time

  • Present the final Assignment
  • Submit a CD with all the assignments.
  • Update "yourlastname-as.html" file to include the final assignment.

Note: The work on the CD you submit will not be returned.

Another Note: Your work will be graded from the "yourlastname-as.html" file. Make sure all links work.

 

 

 

Resources

[ Use your SUNY id and password if prompted ]

 


Student HAll of Fame

Chad Calhoon (company site)
DiDiego, Juan (dreamweavertricks.com)
Greg Rowe (2)
Jimmy O'Meara (2)
Godshalk, Ryan M.
Hester, Paul
Sunpituksaree, Pakawat

Students This Semester

Bauer, Kevin M.
Brandow, Amanda R.
Emory, Samuel M.
Falconer, Matthew S.
Filak, David J.
French, William F.
Garcia, Yfran E.
Huml, Michael T.
Kayserian, Nadin
Krause, Kelly L.
Leonard, Brian P.
Meredith, Parker H.
Odebralski, Phillip C.
Plows, Daniel K.
Rozen, Lisa K.
Tierney, Ethan T.
Rogers, Stacy
Yorks, Angela R.

 

 


Gallery of links to older student work


Resources

This page (from Introduction to Computer Art) contains instructions on how to set-up Dreamweaver to connect to your server, how to create pages, how to optimize images, and much more.

-------------------------------------

Some Links and code samples ...

-------------------------------------

HTML: a Quick Reference Guide

-------------------------------------

Royalty Free Image Sources:

SXC
GettyImages

-------------------------------------

Some interesting web sites

2advanced
anamorph
belief
bestflashanimationsite.com
blprnt
chemotion
cubadust
derbauer
daydream
DHKY
Dubtastic
evilpupil
explodingdog
eye4u
fatoe
Flight 404
front424
gmunk
Happy Pencil
Jonathan Yuen
krening
leschinois
mecompany
n.fusegfx
once-upon-a-forest
oringe
peter hielscher
plasticbag
progression
singlepixel
TheBestDesigns.com
The Remedi Project
volumeone
warprecords
XL5

And now, something completely different:
cats!