DreamWeaver: How to create a template(?)

online.education · # 1 (**permalink**)

Let's say that I want to create a very basic website that has five pages or so. All pages have the same header, footer and navigation. Obviously, it's very inefficient to create these in all pages page by page. Does DreamWeaver have a feature to create a ... template? What I want to do is to create common components like header, footer and navigation just once. Also if and when I modify them, I want all other pages to be updated automatically. Can this be done using DreamWeaver?

Shadab · # 2 (**permalink**)

Yes. All this can be done in Dreamweaver.

First create a demo [skeleton] HTML page.
With the basic header, footer and sample main content.

Then create "editable regions". (Insert -> Template Objects -> Editable Region)
mark only that regions which will change in individual pages.

Save it as a HTML template.

The next time you create a HTML page, use this template to create. There would be an option by the name "Update page when template changes". Make sure it's checked.

Now whenever you would update the base template, it would ask you when saving "Update all files based on this template?". Click on the 'Update' button there, to update all the pages accordingly, autmatically.

ISRdesign · # 3 (**permalink**)

Yep make the design in Photoshop, then apply slices export as a html
then code the result and u're done

Shadab · # 4 (**permalink**)

@ISRdesign:

I guess that not what he (online.education) wanted.
He was asking about the templating system in Dreamweaver itself.

ISRdesign · # 5 (**permalink**)

Quote:

Originally Posted by Shadab

@ISRdesign:

I guess that not what he (online.education) wanted.
He was asking about the templating system in Dreamweaver itself.

Sorry, I couldn't understand earlier :P

antrax · # 6 (**permalink**)

Wow amazing tutorial dude!!

Thanks

I will share it on other forums

DON · # 7 (**permalink**)

Thanks Shadab, That was a nice tutorial.

iBlaze · # 8 (**permalink**)

Yeah, great tutorial man! I'll come to you for dreamweaver help!

joethebeakdown · # 9 (**permalink**)

Here's what I recommend create a header.php file (will be the top), a footer (will be the bottom) and then you're index.php or about.php file (doesn't matter)... And then you don't have to edit every page to fix the header or the footer.

I don't use dreamweaver, I use... well nothing... my brain... I guess?

joyti · # 10 (**permalink**)

Quote:

Originally Posted by joethebeakdown

Here's what I recommend create a header.php file (will be the top), a footer (will be the bottom) and then you're index.php or about.php file (doesn't matter)... And then you don't have to edit every page to fix the header or the footer. I don't use dreamweaver, I use... well nothing... my brain... I guess?

when we are create site using joomla . It also create 3 files index.php that is main file. and another file is for footer and header.