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.

Slides:



Advertisements
Similar presentations
MS® PowerPoint.
Advertisements

Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
Creating and Editing a Web Page Using Inline Styles
Excel Tutorial 6 Managing Multiple Worksheets and Workbooks
Excel application for accounting principles. Contents (1) The content of Excel screen. (2) The Excel ribbon. (3) How to create new workbooks. (4) Excel.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
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.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Chapter 3 Tables and Page Layout
Microsoft Excel 2010 Chapter 7
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 9 1 Microsoft Office FrontPage 2003 Tutorial 9 – Using Layout Tables, Styles, and Office.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Chapter 5 Using Business Information Sets
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Chapter 10 Creating a Template for an Online Form
Organizing Content by Using Dreamweaver CS5 Domain 5.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Lesson 11: Maximizing Site Design Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
Creating a Website. Unit Objectives Plan a website Create a folder for website management Set up a website Add a folder to a website Save a web page Copy.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
EDU 271. Introduction to Microsoft Publisher  Microsoft Publisher helps you easily create, customize, and publish materials such as: newsletters, brochures,
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit C Developing a Web Page.
Project 1: Creating a Dreamweaver Web Page and Local Site 1 Project Objectives Add a background image Open and close panels Display and describe the Property.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Creating a Web Site to Gather Data and Conduct Research.
Website Development with Dreamweaver
Project 5 Templates and Style Sheets Dreamweaver MX 2004 Concepts and Techniques.
CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
© 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 13 Templates.
Chapter 10 Making Books, Tables of Content, and Indexes.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
With Microsoft Office 2007 Introductory© 2008 Pearson Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Office 2007 Introductory.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 7 – Creating and Using Templates in a Web.
Layers, Image Maps, and Navigation Bars
FrontPage Tutorial Part 2 Creating a Course Web Site.
Dreamweaver MX. 2 Tools for Code Editing (p. 366) n An HTML editor like Dreamweaver writes most of the code you need, but at times you will need to perform.
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
FIRST COURSE PowerPoint Tutorial 4 Integrating PowerPoint with Other Programs and Collaborating with Workgroups.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Creating and Editing a Web Page
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Web Site Development - Process of planning and creating a website.
MSOffice Access Microsoft® Office 2010: Illustrated Introductory 1 Part 1 ® Database & Table.
Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.
Creating and Editing a Web Page Using Inline Styles
© 2010 Delmar, Cengage Learning Chapter 11 Creating and Using Templates.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
Open Office Writer Introduction AOSS _ Course material AOSS Master training workshop Singapore 2007.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
1 After completing this lesson, you will be able to: Use a Word template. Create a template. Use a wizard to create a document.
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.
Microsoft Excel Illustrated Introductory Workbooks and Preparing them for the Web Managing.
Chapter 10 Creating a Template for an Online Form Microsoft Word 2013.
Dreamweaver MX Lesson 14: Using Find and Replace.
Macromedia Dreamweaver 8
Chapter 2 Adding Web Pages, Links, and Images
Using Templates and Library Items
Presentation transcript:

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 where templates are especially useful: –Multiple pages need an identical design or layout, –A designer creates the look of the page while content editors add content to the page. n _________ are more useful when you want to repeat specific content on multiple pages, but common design and layout are not important.

3 Creating Templates (p. 277) n Create a web page with the desired design (tables, graphics, etc.). n Select File > Save As Template. n Select a _____ and give the template a name. n Click Save. n The template has been saved with a ______ extension in the Templates folder of the site.

4 Adding/Removing Editable Areas (p. 279) n By default, all areas of a template are _______, but can be made editable. n To make an area editable (such as a table cell, a specific graphic, paragraph, etc.), select the area. n Click the Templates tab in the ________ bar. n Click the Editable Region icon, enter a name for the region, OK. Save the file. n To remove an editable region, click the tab for the region, select Modify > Templates > Remove Template Markup.

5 Creating Optional Content (p. 285) n Optional content is content that is hidden or displayed on a page that is based on the template. n Optional content may be based on __________, such as LANGUAGE == ‘English’. n To make content in a template optional, select the content. n Click the Optional Region icon on the Templates tab of the Insert bar. n In the Basic tab of the dialog box, uncheck Show by Default.

6 Inserting Repeating Regions (p. 286) n A repeating region is an area that may need to be duplicated, such as for different products in an online _________. n Select the repeating region, such as a table row or rows. n Click the Repeating Region icon on the Templates tab of the Insert bar. n Enter a name for the repeating region, click OK. n Select individual cells in the repeating region (use the Tag _________ at the bottom if necessary), click the Editable Region icon, and name the editable region. Save.

7 Building Pages from a Template (p. 289) n To build a page from a template, select File > New, select the Templates tab. n Select the appropriate site, the desired template in that site, ________. n Click on editable regions (double-click editable graphics) to make changes. Controlling Optional Content (p. 292) n To show optional content, select Modify > Template Properties. Select the region. n Check the Show … check box, OK.

8 Adding Repeating Entries (p. 293) n Enter the desired content in the editable regions of the repeating entries. n Click the ___ button on the Repeat tab to duplicate a repeating region. n Click on a repeating entry and click the up or down _______ on the Repeat tab to change the order of the entries. Save.

9 Modifying a Template (p. 295) n You can modify the template and automatically update all pages that use the template. n In the Templates category of the Assets panel, double-click the desired template. n Add content as desired to the template (e.g., change a hyperlink for a graphic). n Save the template. n Click Update to modify all pages that use the template. n Close the update log. n Test the changes that were made.

10 Creating Editable Tag Attributes (p. 297) n Even if content is locked in a template (not editable), you can make tag attributes of the content editable (increasing _______ of design). n In the template, select the element whose attributes you wish to make editable (you may need to use the Tag _________ at the bottom). n Select Modify > Templates > Make Attribute Editable. n In the dialog box, make a selection from the Attribute menu. n Click Make Attribute Editable, OK. n Save the template, click Update, close.

11 Modifying an Editable Tag Attribute (p. 299) n In the page that is based on the template, select Modify > Template Properties. n Select the desired attribute, change its value, click OK.

12 Creating Nested Templates (p. 301) n Templates can be nested. A ____ template can be used for all pages in a site. Then a nested template can ______ from the base with some unique features for a certain category of pages. n Open a template, modify it as desired to form the nested template. Save this template and update all pages using this template. n Select File > New. From the Templates tab, select this original template, click Create. n Choose File > Save As Template to create the new nested template. n Create new pages from the new template.