Workshop 1

Dreamweaver Tutorial and Site Access | Photoshop Tutorial | Basics of CSS Layout

Intro to Dreamweaver

• Using Dreamweaver
• Setting up a site definition for U drive
• Setting up a site definition for Class Server

Accessing our Site

We have space on a server at a local hosting company called NAS. We all share this space so PLEASE be careful to do the following:

1. Back up your own work religiously so no one can inadvertently delete your work
2. Be VERY AWARE of where you are pointing to with your FTP server - always leave your FTP parameters pointing to your own folder

Access to our site

URL: http://www.nas.com/~webclass/marie only PLEASE substitute your first name or project name for mine!!

FTP Host: www.nas.com

Sign-in: user - webclass - password - get in class taxis_loft

Dreamweaver or FTP access: set Host Directory to htdocs/your_own_folder

Valid folders:

barbara | beth | cari | cassie | celeste | gabrielle | jean | jennifer | kathleen | kelsey | lori | olivia

fishnclips | atmosphere | maude | sizzle | woolgatherings

 

Photoshop Tutorial

Learn how to take images out of a camera or other large format and prepare images for the web using Adobe Photoshop.

The Art and Science of Layouts

Read this section on creating your basic page layout.

Sample Sites

Resources

Learn from looking - for my site:

• Template (right click and save target as) and
• CSS (right click and save target as)