SB – Making Template & Pages

Making Template

1. Open your PageDesign file in Adobe Dreamweaver

Steps 2 – 7 are for designs with Left or Right column menus. If you DO NOT have a side menu skip to step 8.

2. Select ALL of the text below your links where the text starts with “The above links…..”

3. Type the following: This is where your stuff would go.

4. Highlight with your mouse what you just typed.

5. Now choose Insert > Template Objects > Editable Region

6. A screen will appear saying “Dreamweaver will automatically convert this document to a  template.” Click OK.

7. The New Editable Region screen will appear. Don’t change anything. Click OK.

 

8. Highlight the title Instructions, edit the text to read Page Title.

9. Next highlight the remainder of the text on the page.

10. Type the following: This is where your stuff goes.

11. Now highlight BOTH lines of text you just typed.

12. Now choose Insert > Template Objects > Editable Region

13. A screen will appear saying “Dreamweaver will automatically convert this document to a  template.” Click OK.

14. The New Editable Region screen will appear. Don’t change anything. Click OK.

 

15. Find the Title window area.

16. Change Untitled Document to Spring Break 2014 – Your First & Last Name – High School – Class Period

 

17. Choose File > Save as Template

The Site should be your Spring Break folder.

18. For the Save as: window type SpringBreakTemp

Click Yes if you get an Update Links? window.

 

 

Making Pages

1. Choose File > New

2. Select Page from Template > Temp > SpringBreakTemp

Once made you should NOT be able to edit any of the header, footer, or menu area.

3. ADD to the page title window area the where your name, school, etc. is the word Home

4. Choose File > Save as

5. Save as index (All lowercase)

Now repeat steps 3 – 5 for your 10 other pages. Save them all with NO SPACES and lowercase.

  • Location
  • Travel
  • Lodging
  • Guests
  • Transportation
  • Food
  • The Sights
  • Activities
  • Famous Person
  • Cost

Once all pages are created CLOSE all open files.

 

Linking Pages

1. Open your SpringBreakTemp.DWT file.

2. Highlight the word Home

3. Using the HTML area of the Properties panel link the word to the index.html page.

Repeat steps 2 & 3 for the remaining links.

4. When finished choose File > Save

5. An Update Template Files will appear. Press Update. Then Close on the next window.

6. Close out the Template file.

7. Open the index html file.

Preview on the internet and check ALL links.