Dreamweaver v.CS3:

Starter Site Assignment:

Note: in order to do this exercise you need to have an account at 50webs.com or with another web host if you have one. This should have been accomplished in class. If not, ask your instructor before proceeding.

  1. Download the 30 day trial version of Dreamweaver.
  2. Create a starter site using any group of 5 Dreamweaver starter page sets except for the one we did in the classroom, if we did it in class. These can be found in Dreamweaver as follows:
    1. File menu
    2. New...
    3. Page from sample
    4. Starter page (theme)
    5. Download into one new folder each of the five pages from a set of starter pages including their ancillary related files that you will be told to include by Dreamweaver; name the folder StarterSite - no spaces in folder or file names!
    6. When you are downloading the file called Home Page name it index.html
      • Home pages are often named index.html particularly at smaller sites.
  3. Define that folder as a local site using the Site menu => New Site... =>
  4. In the Site Definition for Unnamed Site dialog box that opens:
    1. If not already selected, select the button at top: Advanced (which I think is actually easier to use than so-called Basic).
    2. Site name: Starter site
      • It is OK to have spaces here because it is merely an identification name that you and Dreamweaver will use, it is not a folder or file name.
    3. Local root folder: select the folder that you made that has all the files in it, which you named: StarterSite.
    4. On the left side, select under Category => Remote info
    5. Access => FTP
    6. FTP host: yourLogin.50webs.com (replace yourLogin with your 50webs account name).
    7. Host directory: leave empty
    8. Login: Your 50webs account name
    9. Password: Your 50webs password
    10. Click on Test and hopefully you will get a successful response. If not, be sure that you have used the correct password and account name.
  5. Now edit the pages you saved as follows...
  6. Make the buttons on the home page navigation bar go to the 4 other pages. If there are more than 4 buttons, remove the extra ones from the bottom of the button column. Modify the text on the buttons so that it will correspond to the page names, or be similar to them.
  7. The "Home" link on all the subordinate pages needs to link to the home page.
  8. Press F8 to open the Files panel. Expand it using the button at the top of the panel, on the far right side.
    files panel buttons
  9. Then connect to the remote site (the Web server) using the button that looks like two little plugs.
  10. Upload the site's files the same way that you were instructed to do in class, including all the related files (image files, .css, .js), to the 50Webs site you created in class.
  11. Send me the url so that I can test it.

©2008 Dan Vaughan and its licensors