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 Educator.com

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!

Creating Editable Regions

  • Create a new page from the template and save it as template-page.html
  • Everything is locked on a page created from a template automatically so you will not be able to edit any content on this new page
  • We have to “unlock” the content areas of the page that we want to be able to modify from page to page
  • To unlock these areas, we create editable regions on the page
  • We will create 2 editable regions on our template, one for the left column and one for the right column
  • Create 2 editable regions on the page and name them left and right
  • Save the page and update template-page.html
  • View the page created from the template and you will see 2 tabs and you can edit only within these regions of the page now that editable regions have been added to the template page
  • You can select the editable region tab within the template to rename it if you need to

Creating Editable Regions

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
  • Editable Regions 0:47
    • Naming Region
    • Preview
    • Removing Tag
    • New Page Based on Template
    • Saving Multiple Copies of a Template