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.

Slides:



Advertisements
Similar presentations
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Advertisements

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.
Text and Graphic Layouts in Adobe Indesign
Presentation Title Your Name Organisation and Telephone Number.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004.
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
FIRST COURSE PowerPoint. XP New Perspectives on Microsoft Office 2007: Windows XP Edition2 What Is PowerPoint? PowerPoint is a powerful presentation graphics.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Creating FrontPage Tasks The task view allows you to add information about what you want to accomplish when creating your Web site.
Website design Feng Zhao College of Educatioin California State University, Northridge.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Lesson 11: Maximizing Site Design Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
EDU 271. Introduction to Microsoft Publisher  Microsoft Publisher helps you easily create, customize, and publish materials such as: newsletters, brochures,
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Uploading Your Page to the Internet Configuring FTP on Dreamweaver.
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Updating the Laboratory Website. Useful Info Address: Everything is saved in the desktop.
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.
Sports Website Creation. In this project you will design and produce your own website.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 7 – Creating and Using Templates in a Web.
PowerPoint Skills. Inserting Clip Art 1. Make sure your slide layout contains at least one content placeholder 2. Click the Clip Art icon and select an.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Creating a Dynamic Web Page Template Module 5: Beyond the Basics with Expression Web LESSON 10.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Web Design Part I. Click Menu Site to create a new site root.
Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.
What is PowerPoint? By Kettina L. Robinson. Unit Questions What do I want to accomplish? What do I want to accomplish? What content do I need to cover?
FIRST COURSE PowerPoint Tutorial 4 Integrating PowerPoint with Other Programs and Collaborating with Workgroups.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
Web Site Development - Process of planning and creating a website.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
Click your mouse for next slide Dreamweaver – Synchronizing your Site to a Network Drive In the first lesson we defined our site and we associated a root.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.
Dreamweaver MX Lesson 14: Using Find and Replace.
Ford Foundation International Fellowships Program - Philippines
How to create a web page using word …
Using Publisher to Create a Web Site
How to make a website in dreamweaver a website
CREATING POWERPOINT PRESENTATIONS
Macromedia Dreamweaver 8
How to Create a PBWorks Site
Cheat Sheet CSCI 100 JW Ryder
Course Name Course Number Section Term – Instructor Name
PowerPoint Notes.
Cheat Sheet CSCI 100 JW Ryder
How to PostPower Point Presentations
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Course Name Course Number Section Term – Instructor Name
Step 1:. Open Microsoft FrontPage application.
Instructions Use this file as a template
Instructions Use this file as a template
The Web Collection Standard CS3 Revealed
Presentation transcript:

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 web pages use. o 25 pages + no template = making changes to 25 pages. o 25 pages + template = make the change once on the template and all the pages get updated automatically.

Creating a Dreamweaver Template Step 1: Make a web page as usual with the basic structure of the site. This will be the layout for future pages so do not add any unique content (such as pictures & text) Step 2: Once you have created the structure go to File and click on Save As Template, give a name to the template and click on Save.

Creating a Dreamweaver Template Step 3: Notice the file name now ends with.dwt (stands for Dreamweaver template). The template file is automatically saved under a folder called templates (You can create as many layouts as you need). Step 4: You will now need to make parts of the template editable. This is essentially a placeholder for unique content. This placeholder is known as an editable region.

Creating a Dreamweaver Template Step 6: To make an area editable you need your cursor to be in that location, then go to Insert > Template Objects > Editable Region.

Using a Dreamweaver Template Step 1: To use the template on a new page all you need to do is: Modify > Template > Apply Template to page Step 2: A window will pop up saying “Choose editable region for orphaned content”, choose the editable region that you want the content to go into & click OK. You will see that the template is in yellow & can’t be changed. The only region that is editable is the region you have specified in the template.

Updating a Dreamweaver Template Step 1: Any changes that you need to make in the basic structure of the site, you need to do in the Template. So go ahead and make the changes and click on save. Step 2: If you have applied the Template to any of your pages you will get a window asking “Update Templates used in the following files”? You must click on Update. If you click on Don't Update, none of the pages using the Template will get updated.

Review of Dreamweaver Templates To Create: - File > Save As Template > Save - Add editable region(s) To Use: - Modify > Template > Apply Template to page - Choose editable region for unique content To Update: - Open template file: edit and save - Choose “Update” on the pop-up menu