Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Template & Library Overview

  • Templates mean different things to different people so let’s define what a Dreamweaver template is
  • A Dreamweaver template is an entire web page that has regions that are unlocked for editing
    • This is a Dreamweaver only feature, Dreamweaver creates Template and Library folders in your site for storage of these items
    • These folders must be at the root level of your site and do not have to be on the web server, they are just used within Dreamweaver
    • You cannot have any other file types in these folders
  • When you go to make changes to these items and save, Dreamweaver prompts you to confirm you want to update the pages that use those items
  • If files are open that use those items when you update, be sure to save
  • Always plan to do a Save All after updating library or template items
  • Templates:
    • An entire web page
    • Stored in the Templates folder at the site root level that Dreamweaver creates
    • Given a .Dreamweaver extension
    • Do not put any other files in this folder or they will not work correctly
    • Can use anything on a template you would put on a web page
    • All content is locked until you unlock it by creating editable regions
    • Can use File->Save as Template to create a Dreamweaver template
    • Use File->New->Site Templates and choose the site and template, or use the assets panel to create a page from a template
  • Library items:
    • A reusable element on a web page
    • Examples, header, navigation, footer, copyright area, etc
    • Stored in the Library folder Dreamweaver creates
    • Given an .lbi extension
    • Can use on any web page including Dreamweaver templates
    • If you create a library item from something that uses CSS, you won't see the CSS apply until you put it on the page that contains the CSS
    • Be sure you pay attention to all the code you are adding to the library item
    • Whatever code you have selected when you create a library item becomes a part of the library item
  • It is easy to accidentally move a file into these folders in the files panel so be careful that no other files are placed within the Templates or Library folders in your site files

Template & Library Overview

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Dreamweaver Templates 1:17
    • .dwt Extension
    • Templates Folder
    • Applies to Entire Page
  • Library Item 2:33
    • .lbi Extension
    • Dreamweaver Folder
    • Repeatable Page Element
    • Size
  • Maintaining Folders 4:50