Jewish American Literature & Culture

American Studies Seminar: The Promised Land

Clip Art from MicrosoftWord

Torah Scroll (Upper Left). Oregon Jewish Museum. View.

Resources: Web Workshop

Welcome to the easiest day of the semester!

Here are the things we will cover today:

1. Introduction to the Electronic Resources for the Class
2. How to make your own WebPage!
• Access the Home Server
• Using Dreamweaver
3. Resources
4. Download a pdf of the handout for this day!

Introduction to Electronic Resources for the Course

1. Class email: english303@lists.reed.edu
2. Class webpage: http://academic.reed.edu/english/Courses/English303PL
   o discussion page: http://www.lists.reed.edu/pipermail/english303/
   o syllabus: http://academic.reed.edu/english/Courses/English303PL/Syllabus.html
   o student pages: http://academic.reed.edu/english/Courses/English303PL/StudentPages.html
   o example of why to make a page: http://www.reed.edu/~clutterr/rachel.htm

 

[Table of Contents] [Introduction] [Make Your Own Page] [Resources]

How to Make Your Own Webpage!
Access the Home Server: Storing and Uploading WebPages

1. Chooser: Apple Share: Academic Servers: Home Server
2. Login & Password same as UNIX
3. Open html folder
   

Using Dreamweaver
1. Locate and Open Dreamweaver
2. Create a Folder for your Work

• Open the html folder on the Home Server
• That’s it!
  

3. Creating a Site in Dreamweaver

• Under Site choose “new”
• Give the Site a Name (e.g. “English303”)
• For “Local Root Folder” choose the html folder your Home Server
• Click on “Remote Info (on the left). Choose “local network” and then the same folder you just chose before.
  

4. Play with a Page

• Go to the sample page on the English 303 website: http://academic.reed.edu/english/Courses/English303PL/SamplePage.html
• Go under FILE: Save As
• Give it a new name (no spaces): e.g. Laura.html and use the Format “HTML source”
• Save into the html folder on the Home Server
• Play with the content, fonts, putting in hyperlinks, etc. Ask us for help or for online directions see http://web.reed.edu/cis/help/websitecreate.html#creating
  

5. Now, create your own page

• OPEN A NEW PAGE. Under File open “new”
• GIVE IT AN ADDRESS. Save as index.html It is important to save it as “index.html” so that it is the page that opens when people go to your site and so that they can’t look at the contents of your folder
• GIVE YOUR PAGE A TITLE. This is what appears in people’s Bookmarks and at the top of the WebPage. It can be long and have spaces. To do go to Modify open “Page Preferences.”
• GIVE YOUR PAGE A LOOK. Under Modify open “Page Preferences.”
• Designate a background color
• Designate colors for links
• Designate a background image: e.g. see the following for instructions and possibilities:
  http://wp.netscape.com/assist/net_sites/bg/backgrounds.html
  http://www.sdsu.edu/graphics/backgrounds/
• PLAY WITH FONTS, LINKS, etc.: http://web.reed.edu/cis/help/websitecreate.html#creating
  

6. Creating Individual Pages

• Once you have a look you like for your index resave it as a new name e.g. “Save as” Assignments.html or Index.html
  

7. Checkout your page!

Look at your page two ways: SAVE IT FIRST!

o PREVIEW: File: Preview in Browser
o ONLINE: http://www.reed.edu/~unixname/index.htm
Unixname = your first initial + last name (all lower case, no spaces)

8. You are done! If you finish early create a page for your group. See samplepage:

http://academic.reed.edu/english/Courses/English303PL/GroupSamplePage.html

[Table of Contents] [Introduction] [Make Your Own Page] [Resources]

Resources for Making Webpages:

Web Style, Design, Philosophy and Aesthetics (Karla-Tonella@uiowa.edu, U Iowa)