Introduction to Multimedia:  Instructions for creating your Home Page
Dr. Kenneth Hoffman

Apply for your FTP account by filling out the instructions at http://pirate.shu.edu/cgi-bin/iap.  Check your email and print out the email notice giving you your account name and password.  Bring this with you when you create your first home page.

Download DreamWeaver trial copy from the Adobe.com Web site. Do this prior to class next week but wait until next weekend since the trial is only for 30 days.
Setup Dreamweaver for access to your Web site:
a. Load Dreamweaver and select Site/New Site
b. Fill in the fields as follows:
1. Page 1--Site name: Your name+Web site
2. Http Address of your site: pirate.shu.edu/your short name
3. Page 2--No changes.
4. Page 3--No changes in question one. Accept default for question two unless you are working on a SHU Lab workstation in which case change drive C: to Z:
5. Page 4--Editing Files. Connect via FTP. Hostename is pirate.shu.edu
Folder is public_html/ FTP login is your short name. Use password given to you in email from network support. Leave secure FTP unchecked.
6. Select “Test Connection” button
7. Page 5--No changes.
8. Page 6--Review your information and select “Done.”
Select File/New HTML
Add “index.html” to the title field at top of page.
Inside the Web page type your name and Seton Hall University on separate lines.
Select text and go to Properties box/Format/Heading 1
File/Save or Ctrl+S. Name of file: index.html
Note: Never use spaces or initial caps in any file name you use on the Web.
Select Preview. Select browser. Note how your page looks in more than one browser.
Select File Management arrow UP. PUT. Dependent files YES.
Go to Page Properties/Background color and select a color.
((NOTE: SAVE YOUR WORK AND PREVIEW IN WEB BROWSER AS YOU MAKE ADDITIONS OR CHANGES. UPLOAD TO WEB SITE AT ANY TIME AFTER SAVING.))
Open MS Word and write a paragraph about yourself--interests, major, hobbies, hometown, etc. Cut and paste into your Web page below your name. ((NOTE: MUST BE MS WORD. NO OTHER WORD PROCESSOR WILL MAINTAIN FORMATING.))
Add Table: Insert/Table--I row, 2 columns, 0 border thickness.
Copy jpg or gif photo of yourself to your local route directory (directory where you save Dreamweaver files). All files added to your Web site must be stored here in the local route folder.

INSTRUCTIONS FOR CASCADING STYLE SHEETS--CSS
Select File/New/HTML/1 column elastic, centered. Select “Create.”
Click on page. Go to CSS Styles TAB. Select Current. Double click “Summary for Selection” Sub-Heading Background (where you see the color sample box). Select the box and pick a nice color. Important: Highlight and copy (Ctrl C) the Hex number representing the color in the text field next to the color box.
Open Page Properties in Properties box at bottom of your page and use eye dropper to match page color to CSS color.
Follow item 2 for “border color” options.
Follow instructions 4 through 9 and 11 through 14, preceding page.
Save work. Test in browser. Upload. Check Web site.