Exercise: Creating a New "Starter" Site in Dreamweaver

1. Save a full group of Dreamweaver "Starter Pages":
   File -> New -> Category -> Starter Pages
2. As you start to save them, put them into one new folder.
• You will note that the same css and sometimes other files will be saved with each page.
• That is normal.
• Just go ahead and save everything - the duplicate files will not be saved after the first one is saved.
3. Define that folder as a "local site" using Dreamweaver's Site menu.
4. Name the site appropriately.
5. Using Dreamweaver's Files panel, name the home page: index.html
6. Modify all 5 pages to refer to a real or fictitious site other than the site in the original files.
• For example, the Entertainment site could be re-purposed for an imaginary band named Side Street Garage Band.
7. You do not need to replace the existing Latin text (known as "dummy-up body copy").
8. However, all of the section headings on every page need to be changed to something appropriate for each section.
9. Also, set each of the files' html titles to be appropriate for each page.
   • Note that the html title is very important for most search engine listings and is used as the default name for a bookmark for that page.
   • To set the html page title in Dreamweaver either:
     • Go to the section immediately above the page and type the title into the Title field.
     • Use the menus: Modify -> Page Properties -> Category -> Title/Encoding -> Title
10. The links on all the pages need to work.
• The home page will probably have at least five links in its navigation area on the left side of the page.
  • Each of those links needs to go an appropriate page.
  • You can change the name on the links, but be careful not to remove the link altogether when doing so.
  • If there are more than five links on the page, you can remove the additional ones
• The main links in the navigation area on the left side of the home page need to go to the appropriate pages.
• The "Home" link on every page out to work and go to the Home page.
• If there are more than five links in the navigation bar, you can get rid of the additional links if you want.
• but be careful not to delete all the text of the existing link in the process or else you may have trouble recreating a link there.
  1. Select the text or image that you want to use as the link.
  2. Open the Files panel.
  3. In the Files panel, open the folders until you make visible the file that you want to link to.
  4. In the Properties panel, click on the "Point-to-file" circle to the right of the Link window and drag it to the file that you want to link to in the Files panel, or use the folder icon to navigate to the file.

Delivery of your assignment:

• Classroom students: You can email your assignment or bring it to class as follows:
  • Email: Put all your files in one folder and zip it. Then send the zip file as an attachment to the address on your course outline.
  • Class room delivery: Put all your files in one folder. Put the folder on a CD, USB Flash drive, or floppy disk (they should all easily fit on one floppy).
• Note: that your files may be shown in front of the class.
• Online students:
  • Put all your files in one folder and zip it.
  • Send the zip file as an attachment to the teacher.

Thanks!