1 / 27

Unit 8: Using Libraries and Templates

Unit 8: Using Libraries and Templates. Unit Topics. Site Library Items Creating Site Templates Defining Editable Regions Using Templates Modifying Templates Applying a Template to an Existing Page. Site Library Items. A collection of page elements, text or graphics Library items:

aine
Download Presentation

Unit 8: Using Libraries and Templates

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Unit 8: Using Libraries and Templates

  2. Unit Topics • Site Library Items • Creating Site Templates • Defining Editable Regions • Using Templates • Modifying Templates • Applying a Template to an Existing Page

  3. Site Library Items • A collection of page elements, text or graphics • Library items: • Are reusable and updateable in one place. • Are ideal for such content as page headers, footers and navigation bars. • Are fully locked and cannot be edited on the pages they are used on.

  4. Storage Location • Library items (.lbi extension) are saved in the \Library folder • Dreamweaver adds the Library folder if it doesn’t already exist • Must always be at the root level

  5. Placing Library Items on the Page • Library content appears highlighted in yellow • You cannot directly edit

  6. Modifying Library Items • To update an item: • Select it from the list of library items • Click Edit • Modify it in the document window • Save • Or edit it within the Property inspector

  7. Immediate Update • Dreamweaver checks all documents that use it and prompts if you want to update the files • Any files not open are updated and saved • Open files are update and not saved

  8. Deferred Update • You may want to update large sites later • Select the item in the Assets panel • Right-click (Windows) or Control-Click (Mac) and choose Update Site • For current page only, choose Update Current Page

  9. Recreating Library Item • If a library item is deleted, you can recreate it in a page: • Select the item in the page • Click Recreate on the Property Inspector

  10. Walkthrough 8-1 • Create and use a Library item

  11. Creating Site Templates • Templates used for large sites with multiple pages that share a common design • Starter page that contains site design • Create site pages from it • Change the look of your site quickly • Possible template elements: • Overall design of the page – with colors, layout and an attached stylesheet • Common navigation items for all pages • Common page regions, such as a common site footer

  12. Template Regions • Templates are created with the following regions: • Editable regions • Optional regions • Repeating regions • Any content not in an editable region is considered locked – cannot edit on any page created by template

  13. Storage Location • Template files (.dwt) stored in \Templates folder • Must be at site root level • Dreamweaver creates the folder

  14. Walkthrough 8-2 • Create a template

  15. Defining Editable Regions • All areas of template are locked by default • Add editable regions • Pages built from a template cannot change locked areas, can edit editable regions

  16. Define Editable Regions • Multiple table cells cannot be designated as a single editable region. • make the entire table editable • break it up into several editable regions • If you select multiple cells within a table and make them editable, the whole table will become an editable region.

  17. Remove Editable Region • Remove an editable region • Region locked for any page based on the template • Select the region and Choose Modify > Templates > Remove Template Markup • If pages based on template already built: • Those regions will be reverted back to the original template content • You will have an option to store the displaced content to another region

  18. Walkthrough 8-3 • Defining editable regions

  19. Using Templates • To use a template: • Choose File  New • Click Templates tab • Select the template • Click Create • Finds templatesin any definedsite

  20. Using Templates • Templates from current site only: • Use Assets panel, Templates category, New from Template • Drag a template on top of a new blank document

  21. Walkthrough 8-4 • Creating template pages

  22. Modifying Templates • Edit a template and update all pages • Double-click the template to open it in Assets panel • When you save, Update Template Files dialog appears • Click Update

  23. Walkthrough 8-5 • Modifying a template

  24. Applying a Template to an Existing Page • Apply templates to change design • Open the page and select the template in the Assets panel and then click Apply at the bottom of the panel

  25. Walkthrough 8-6 • Applying a template to a page

  26. Unit Summary • The Library is a collection of page elements that can easily be reused on multiple pages. • Library items can be updated and the changes are applied to all pages that use the library item. • A template can be used to apply the same design to a whole site or set of site pages. • Templates contain editable and locked regions.

  27. Unit Summary • Editable regions can be altered in documents that use the template. • Locked regions cannot be altered in documents that use the template. • Templates can be used to create new pages and can be applied to existing pages.

More Related