© 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates.

Slides:



Advertisements
Similar presentations
Interaction Design: Visio
Advertisements

© 2010 Delmar, Cengage Learning Chapter 9 Positioning Objects with AP Div Tags.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
© 2010 Delmar, Cengage Learning Chapter 12 Working with Library Items and Snippets.
Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.
Microsoft Office 2007: Introductory Computer Applications 11.
Chapter 3 Working with Text and Cascading Style Sheets.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Links.
Lesson 21 Getting Started with PowerPoint Essentials
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
The template site was designed so that if a school principal chose they could task someone other than the webmaster to maintain the content of the website.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Lesson 11: Maximizing Site Design Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
WDV 331 Dreamweaver Applications Templates Dreamweaver CS6 Chapter 19.
© 2010 Delmar, Cengage Learning Chapter 7 Using Styles and Style Sheets for Design.
Chapter 3 Working with Text and Cascading Style Sheets.
Microsoft Excel 2000 Adding Visual Elements and Managing Files.
Using Styles and Style Sheets for Design
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Key Applications Module Lesson 19 — PowerPoint Essentials
Microsoft Office 2003: Advanced 1 ADVANCED MICROSOFT EXCEL Lesson 16 Using Templates and Protection.
Lorie Stolarchuk Learning Technology Trainer 1 What has changed with the 2.7.X Upgrade to CLEW?
© 2011 Delmar, Cengage Learning Chapter 7 Managing a Web Server and Files.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
© 2011 Delmar, Cengage Learning Chapter 16 Annotating and Automating an Image.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
Word Lesson 17 Customizing Settings Microsoft Office 2010 Advanced Cable / Morrison 1.
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
© 2011 Delmar, Cengage Learning Chapter 5 Working with Links and Navigation.
© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.
© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
Jorge Cornejal Carlin Baez Edisson Garcia. How to Use LAYERs Illustrator's layers allow you to simplify your work. With layers, you can modify, edit,
Project 4: Yosemite CSS Layout
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
1 ADVANCED MICROSOFT WORD Lesson 14 – Editing in Workgroups Microsoft Office 2003: Advanced.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
© 2011 Delmar, Cengage Learning Chapter 3 Setting Up A Document.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
1 Working with ASP.NET Master Pages By huda AlSuwailem Reference: Mastering Microsoft Visual Web Developer 2005 Express Edition by John Paul Mueller.
Links take you to…  Different slides in your presentation  A different PowerPoint presentation  Any program - (Word can be used for example to complete.
© 2010 Delmar, Cengage Learning Chapter 11 Creating and Using Templates.
Tutorial 6 Creating Reusable Assets and Forms. Objectives Session 6.1 – Explore the head content of a page – Add keywords to a page – Add a meta description.
Working with ASP.NET Master Pages.
Working with Links and Navigation
Chapter 2 Developing a Web Page.
Positioning Objects with CSS and Tables
Microsoft Excel 2007 – Level 1
Macromedia Dreamweaver 8
Lesson 21 Getting Started with PowerPoint Essentials
Managing a Web Server and Files
Working with Text and Cascading Style Sheets
Using Cascading Style Sheets (CSS)
Microsoft PowerPoint 2007 – Unit 2
Exercise 55 - Skills Slices and rollovers are useful interactive elements you can add to your Fireworks documents. Slices not only enable you to add features.
Using Templates and Library Items
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Positioning Objects with CSS and Tables
Presentation transcript:

© 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