Class Notes - Monday September 11th

Web Page Design

• Planning
• What is the Purpose of the site
• Developing a site outline
• Know your audience - Who will be using this site?
• What information are you trying to present?
• How will the information in this site be maintained?
• Will the information presented be static or dynamic?
• What technology/graphics/images/animations will be used?

Do's and Don'ts

• Don't clutter a web page
• Do be consistent with look and feel in your site
• Do have several people review your site before you show client/go production.
• Do check to ensure all links are valid.
• Do check to ensure information that is indicated is actually presented.
• Reduce number of clicks to get to information that is needed.

Review basic HTML

Intro to Dreamweaver

Reading Material for next week:

• Web Style Guide
• Basic Web Page Lay out & Design - Created by the Interactive Media Center

Exercise

1. Create a folder, using your last name (lower case), under IST 361 Shelton Fall06.
2. Open Dreamweaver.
3. Open the file 'templates' under IST 361 Shelton Fall06.
4. Change the background color of this page.
5. Creat a table with 2 rows and 3 columns.
6. Merge the cells in Row One.
7. Enter your name in the first row, center it, and make it bold.
8. In the first cell in row 2, enter your address, center the text.
9. In the second cell in row 2 create a link to your favorite web site.
10. In the third cell in row 2 enter in your favorite hobby/sport team or activity.
11. Save this file in your folder (the one created in step one) name it 'index.html'
12. Open up a secure shell client, log on to itsunix.albany.edu
13. If you don't already have a public_html directory, follow the directions from ITS: http://www.albany.edu/its/quickstarts/qs-webunix.html
    1. Setting Up Web Access on Your Account Using "startweb"
14. 14. Use Secure FTP to copy 'index.html' to the public_html folder on ITSUNIX system.
15. 15. Making Your Web Pages Accessible Using "setweb" or modify permissions . manually. File needs to have read access to all.
16. 16. Open a web browser and display your page.
17. 17. Make sure your page is accessible through 'Student Pages'