SlideShare a Scribd company logo
1 of 16
© 2011 Delmar, Cengage Learning
Chapter 12
Creating and Using Templates
© 2011 Delmar Cengage Learning
1. Create templates with editable regions
2. Use templates to create pages
3. Use templates to update a site
4. Use advanced template options
Chapter 12 Lessons
© 2011 Delmar Cengage Learning
• A template is a special kind of page
that contains both locked regions and
other types of regions that cannot be
modified by authors.
• Locked regions are areas on the
page that cannot be modified by page
authors.
Creating and Using Templates
© 2011 Delmar Cengage Learning
• An optional region is an area in the
template that users can choose to
show or hide.
• An editable region is an area where
template users can add or change
content.
Creating and Using Templates
© 2011 Delmar Cengage Learning
Tools You’ll Use
Creating and Using Templates
© 2011 Delmar Cengage Learning
• Templates are saved with a .dwt
extension.
• When you save a template, by
default, the content on the page is
locked.
Creating Templates with Editable
Regions
© 2011 Delmar Cengage Learning
• An optional region’s visibility is
controlled by the conditional
statement if.
• If you want to give users the ability to
show or hide page elements, then
you can define the element as an
editable optional region.
Creating Templates with Editable
Regions
© 2011 Delmar Cengage Learning
activities_pages template with editable region added
Creating Templates with Editable
Regions
Editable
region label
Selected
editable
region is
marked by
blue outline
Templates
list arrow
© 2011 Delmar Cengage Learning
• When you create a template, you save
time and ensure consistency in your
web pages.
• When your mouse pointer appears in
the shape of a circle with a line cutting
through it, you are positioned over a
locked region.
Use Templates to Create Pages
© 2011 Delmar Cengage Learning
Use Templates to Create Pages
Working with a template-based page
Pointer positioned over a locked region
© 2011 Delmar Cengage Learning
• When you add a link to a page that is
based on a template, you must use
document-relative links.
• The path to a link goes from the
template file to the linked page.
Use Templates to Create Pages
© 2011 Delmar Cengage Learning
• You can attach a template to an
existing page that you have already
created.
• Before you attach the page, delete
any elements on the page that also
appear on the template.
Use Templates to Create Pages
© 2011 Delmar Cengage Learning
• You should update a website
frequently to keep the content fresh
and timely.
• You can make changes to a template
in the Assets panel or the Files panel.
Use Templates to update a Site
© 2011 Delmar Cengage Learning
Use Templates to update a Site
Update Template Files dialog box
Any change that
you make to a
template is applied
to all nested
templates and the
pages that are
based on the
template
Files based on activities_pages template
© 2011 Delmar Cengage Learning
• If your template will be used by many
people, you should include several
optional regions in it so they can pick
and choose form content element.
• Nested templates are those that are
based on another template.
Use Advanced Template Options
© 2011 Delmar Cengage Learning
Use Advanced Template Options
The Editable Tag
Attributes dialog box
can be used to
specify that certain
attributes of locked
regions be editable
Editable Tag Attributes dialog box

More Related Content

Similar to Chapter 12

Creating a Website with WordPress.org
Creating a Website with WordPress.orgCreating a Website with WordPress.org
Creating a Website with WordPress.orgEileen Lonergan
 
Triad 2010 power_point_chapter_1
Triad 2010 power_point_chapter_1Triad 2010 power_point_chapter_1
Triad 2010 power_point_chapter_1Dalia Saeed
 
Using HTML with CSS templates to create consistency in D2L content
Using HTML with CSS templates to create consistency in D2L contentUsing HTML with CSS templates to create consistency in D2L content
Using HTML with CSS templates to create consistency in D2L contentD2L Barry
 
AEM GEMS Session Template Editor Sept 14 2016
AEM GEMS Session Template Editor Sept 14 2016AEM GEMS Session Template Editor Sept 14 2016
AEM GEMS Session Template Editor Sept 14 2016AdobeMarketingCloud
 
Website development using dreamweaver
Website development using dreamweaverWebsite development using dreamweaver
Website development using dreamweaverTekblink Jeeten
 
Online platform for ict content development
 Online platform for ict content development Online platform for ict content development
Online platform for ict content developmentImmaeviorge
 
Intro to weebly
Intro to weeblyIntro to weebly
Intro to weeblystantons
 
Joomla templates2011
Joomla templates2011Joomla templates2011
Joomla templates2011Linda Coonen
 
How to customise Joomla
How to customise JoomlaHow to customise Joomla
How to customise JoomlaTim Plummer
 
Dipping Your Toe into Drupal 8 Module Development
Dipping Your Toe into Drupal 8 Module DevelopmentDipping Your Toe into Drupal 8 Module Development
Dipping Your Toe into Drupal 8 Module DevelopmentSuzanne Dergacheva
 
Intro.to.weebly r3-rapid aimfire global
Intro.to.weebly r3-rapid aimfire globalIntro.to.weebly r3-rapid aimfire global
Intro.to.weebly r3-rapid aimfire globalFlorito Resty Rosales
 
Drupal 7: Theming with Omega
Drupal 7: Theming with OmegaDrupal 7: Theming with Omega
Drupal 7: Theming with OmegaEric Sembrat
 
WEB240 Version 1 1 Course Syllabus College o.docx
 WEB240 Version 1 1 Course Syllabus College o.docx WEB240 Version 1 1 Course Syllabus College o.docx
WEB240 Version 1 1 Course Syllabus College o.docxMARRY7
 
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013WPUniversity
 
Implementing SharePoint: Site Customization and Branding
Implementing SharePoint: Site Customization and BrandingImplementing SharePoint: Site Customization and Branding
Implementing SharePoint: Site Customization and Brandingdrudolph11
 
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4 India Ltd.
 

Similar to Chapter 12 (20)

Creating a Website with WordPress.org
Creating a Website with WordPress.orgCreating a Website with WordPress.org
Creating a Website with WordPress.org
 
Triad 2010 power_point_chapter_1
Triad 2010 power_point_chapter_1Triad 2010 power_point_chapter_1
Triad 2010 power_point_chapter_1
 
Using HTML with CSS templates to create consistency in D2L content
Using HTML with CSS templates to create consistency in D2L contentUsing HTML with CSS templates to create consistency in D2L content
Using HTML with CSS templates to create consistency in D2L content
 
AEM GEMS Session Template Editor Sept 14 2016
AEM GEMS Session Template Editor Sept 14 2016AEM GEMS Session Template Editor Sept 14 2016
AEM GEMS Session Template Editor Sept 14 2016
 
Dreamweaver8
Dreamweaver8Dreamweaver8
Dreamweaver8
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
08 ustf
08 ustf08 ustf
08 ustf
 
Website development using dreamweaver
Website development using dreamweaverWebsite development using dreamweaver
Website development using dreamweaver
 
Word2013lesson07s.pptx
Word2013lesson07s.pptxWord2013lesson07s.pptx
Word2013lesson07s.pptx
 
Online platform for ict content development
 Online platform for ict content development Online platform for ict content development
Online platform for ict content development
 
Intro to weebly
Intro to weeblyIntro to weebly
Intro to weebly
 
Joomla templates2011
Joomla templates2011Joomla templates2011
Joomla templates2011
 
How to customise Joomla
How to customise JoomlaHow to customise Joomla
How to customise Joomla
 
Dipping Your Toe into Drupal 8 Module Development
Dipping Your Toe into Drupal 8 Module DevelopmentDipping Your Toe into Drupal 8 Module Development
Dipping Your Toe into Drupal 8 Module Development
 
Intro.to.weebly r3-rapid aimfire global
Intro.to.weebly r3-rapid aimfire globalIntro.to.weebly r3-rapid aimfire global
Intro.to.weebly r3-rapid aimfire global
 
Drupal 7: Theming with Omega
Drupal 7: Theming with OmegaDrupal 7: Theming with Omega
Drupal 7: Theming with Omega
 
WEB240 Version 1 1 Course Syllabus College o.docx
 WEB240 Version 1 1 Course Syllabus College o.docx WEB240 Version 1 1 Course Syllabus College o.docx
WEB240 Version 1 1 Course Syllabus College o.docx
 
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013
 
Implementing SharePoint: Site Customization and Branding
Implementing SharePoint: Site Customization and BrandingImplementing SharePoint: Site Customization and Branding
Implementing SharePoint: Site Customization and Branding
 
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business Website
 

Recently uploaded

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理cyebo
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxDoraemon495609
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfjeffreycarroll14
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headersekinlvnt
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationJIT KUMAR GUPTA
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designGOWSIKRAJA PALANISAMY
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理cyebo
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationajroy0196
 

Recently uploaded (20)

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 

Chapter 12

  • 1. © 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates
  • 2. © 2011 Delmar Cengage Learning 1. Create templates with editable regions 2. Use templates to create pages 3. Use templates to update a site 4. Use advanced template options Chapter 12 Lessons
  • 3. © 2011 Delmar Cengage Learning • A template is a special kind of page that contains both locked regions and other types of regions that cannot be modified by authors. • Locked regions are areas on the page that cannot be modified by page authors. Creating and Using Templates
  • 4. © 2011 Delmar Cengage Learning • An optional region is an area in the template that users can choose to show or hide. • An editable region is an area where template users can add or change content. Creating and Using Templates
  • 5. © 2011 Delmar Cengage Learning Tools You’ll Use Creating and Using Templates
  • 6. © 2011 Delmar Cengage Learning • Templates are saved with a .dwt extension. • When you save a template, by default, the content on the page is locked. Creating Templates with Editable Regions
  • 7. © 2011 Delmar Cengage Learning • An optional region’s visibility is controlled by the conditional statement if. • If you want to give users the ability to show or hide page elements, then you can define the element as an editable optional region. Creating Templates with Editable Regions
  • 8. © 2011 Delmar Cengage Learning activities_pages template with editable region added Creating Templates with Editable Regions Editable region label Selected editable region is marked by blue outline Templates list arrow
  • 9. © 2011 Delmar Cengage Learning • When you create a template, you save time and ensure consistency in your web pages. • When your mouse pointer appears in the shape of a circle with a line cutting through it, you are positioned over a locked region. Use Templates to Create Pages
  • 10. © 2011 Delmar Cengage Learning Use Templates to Create Pages Working with a template-based page Pointer positioned over a locked region
  • 11. © 2011 Delmar Cengage Learning • When you add a link to a page that is based on a template, you must use document-relative links. • The path to a link goes from the template file to the linked page. Use Templates to Create Pages
  • 12. © 2011 Delmar Cengage Learning • You can attach a template to an existing page that you have already created. • Before you attach the page, delete any elements on the page that also appear on the template. Use Templates to Create Pages
  • 13. © 2011 Delmar Cengage Learning • You should update a website frequently to keep the content fresh and timely. • You can make changes to a template in the Assets panel or the Files panel. Use Templates to update a Site
  • 14. © 2011 Delmar Cengage Learning Use Templates to update a Site Update Template Files dialog box Any change that you make to a template is applied to all nested templates and the pages that are based on the template Files based on activities_pages template
  • 15. © 2011 Delmar Cengage Learning • If your template will be used by many people, you should include several optional regions in it so they can pick and choose form content element. • Nested templates are those that are based on another template. Use Advanced Template Options
  • 16. © 2011 Delmar Cengage Learning Use Advanced Template Options The Editable Tag Attributes dialog box can be used to specify that certain attributes of locked regions be editable Editable Tag Attributes dialog box