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:
- Create one simple html page that we'll call "Projects Page"
- 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)
- 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
- 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
- Exporting from Flash
- Exporting Flash content, images, and video
- Best practices
Complete and present one simple flash animation that contains:
- motion
- 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!
|
|