the class website model uses two templates

17
The Class Website model uses two templates. The second template (classweb1home.dwt) is nested within the classweb1 template and is used to manage the class website homepage. The first template (classweb1.dwt) is nested in the main template and controls the site navigation in the right-hand column of all the pages.

Upload: majed

Post on 21-Feb-2016

26 views

Category:

Documents


0 download

DESCRIPTION

The Class Website model uses two templates. . The first template (classweb1.dwt) is nested in the main template and controls the site navigation in the right-hand column of all the pages. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: The Class Website model uses two templates

The Class Website model uses two templates.

The second template (classweb1home.dwt) is nested within the classweb1 template and is used to manage the class website homepage.

The first template (classweb1.dwt) is nested in the main template and controls the site navigation in the right-hand column of all the pages.

Page 2: The Class Website model uses two templates

Create Individual Class Website Templates from the Class Website Template Example

You will duplicate and modify the class website template I provided to create templates for each class website.

Start by creating a folder for each class website in your site file structure.

The following slides describe how to use the class website template to create the templates for each class website.

Page 3: The Class Website model uses two templates

1. Right click on the classweb1.dwt file in the Files panel.

2. Select Edit | Duplicate from the menu that pops up.

3. Right click on the Copy of classweb1.dwt file.

4. Select Edit | Rename.

5. Name the file classweb2.dwt (or 3 or 4 etc. or name it something that reflects the class or teacher.)

6. Click Update when prompted to update files.

7. Repeat the process for the classweb1.css file except rename it classweb2.css (or whatever corresponds to the name you gave the template.)

Page 4: The Class Website model uses two templates

1. Open the new template you just created.

2. Locate the style sheet link in the code portion of the Dreamweaver work space.

3. Click inside the link tag.

4. Change the Href in the Link properties to the duplicated style sheet (classweb2.css).

5. Save the template.

Click Ok whenever you see this error message.

Page 5: The Class Website model uses two templates

Create a new page from the duplicated template.

6. Select New. . . from the File menu.7. Make sure Page from Template is selected.8. Make sure the correct site is selected.9. Select the template you created in Steps 1-5.10. Check the box Update page when template changes.11. Click Create.

Page 6: The Class Website model uses two templates

New from Template looks like this in Dreamweaver 8:

Page 7: The Class Website model uses two templates

12. Select Template Objects | Make Nested Template from the Insert menu.

13. Give the new template a name that reflects that it is the homepage template for teacher/class.

14. Click Save.

Page 8: The Class Website model uses two templates

15. Open classweb1home.dwt.

16. Select the editable regions (in the center section).

17. Copy the selected sections.

Page 9: The Class Website model uses two templates

18. Return to the new homepage template you just created.19. Paste the copied sections into the editable section named classwebcontent.20. Click on the If homeworktbl tab to select the optional region.21. Click the Edit button.22. Leave everything the same in the New Optional Region

dialog box.23. Click OK.24. Save the template.

Page 10: The Class Website model uses two templates

The preceding procedure created a set of templates for a class website. You will need to repeat the procedure for each class website that needs to be created.

Once you have the individual class template created you will need to customize the template for the intended user (teacher/class).

The classweb template is the main template that will control the navigation. The webmaster will be responsible for making requested changes to the navigation in the template as well as changes to the layout of the homepage. All content changes can be made by the user in Contribute.

The user (teacher) can create new pages from their template in Contribute but if they want them to be linked from the side navigation the webmaster will need to add them to the template. I recommend you create the initial pages for the navigation before giving the user access in Contribute.

At the very minimum you must create a homepage for each user before you can create their Contribute connection.

Page 11: The Class Website model uses two templates

Create the teacher’s home page.

1. Select File | New2. Make sure from Template is selected.3. Select the homepage template for the teacher who's page you are

creating.4. Check the box to Update page when template changes5. Click Create

Page 12: The Class Website model uses two templates

6. Populate the Title field and the Page Title header to reflect the class name.

7. Save8. Select the folder you created for

the class/teacher.9. Give the page a filename that

reflects it is the class homepage.10. Close the homepage.

Page 13: The Class Website model uses two templates

1. Select File | New2. Make sure from Template is selected.3. Select the page template for the class site you are creating. (NOT the

class’s homepage template.)4. Check the box to Update page when template changes5. Click Create

Create class website page(s).

Page 14: The Class Website model uses two templates

6. Populate the Title field and the Page Title header to reflect the purpose/name of the page.

7. Save8. Select the folder you created for

the class/teacher.9. Give the page a filename that

corresponds to the page title (no spaces).

Page 15: The Class Website model uses two templates

Save As to create additional site pages.

You can close the page you created and repeat steps 1 – 9 to create more pages or follow these instructions (a little quicker) before closing the webpage.

1. Select Save As . . . from the File menu.2. Give it a new file name.3. Change the page Title and Page Title

Heading.4. Save the new page.

Page 16: The Class Website model uses two templates

Update the Class website navigation links.

1. Open the class page template.2. Click on the link you want to update in

the navigation.3. Click the link tag <a> in the Tag

Selector.4. Use the point to tool to select the link

destination.5. Repeat for the other links.

Page 17: The Class Website model uses two templates

6. Save the template.7. Click Update when prompted: Update all

files based on this template?8. Click Close when the updates are done.9. Close the template.10. Right click on the class website’s folder.11. Select Check in 12. Check in the corresponding templates and

CSS file.