making my own template n cs3

March 13, 2009 at 03:17:45
Specs: Windows XP
Hi I have created a html doc in dreamweaver cs3, that has all of the elements that i want all of the pages on my site to have, such as a logo, spry nav bar, and a footer. I want all of these things to be on all of the pages on my site in the same places. so can i use this html doc to create a template to use for all future pages or do i have to cutomise an existing template (notsomething i would like to do as i am very happy with what i have done so far)

Thank you in advance
Kaz x

See More: making my own template n cs3

Report •

March 13, 2009 at 08:57:52
Hi, the good news is that you can leverage the hard work that you have already done on your HTML file that was created in Dreamweaver CS3 as a template.

All that you need to do is to copy that file and save the copy under a different filename. For example, say if your initial HTML document was the homepage and you called it "index.html". Now you want to create other pages utilizing the same navigation, footer and logo in the exact same place. Say your navigation has an "About us" button and you want to create the associated page. So if you want to create an "about us" page that has the same look and feel as your "index.html" page, just open "index.html" in CS3, then use the "Save As" function from the drop-down menu and type in "aboutus.html". CS3 will automatically rename the open file. You can check this by looking at the name of the tab at the very top that tells you what file you are working on. Now all you have to do is just customize the content areas without having to recreate the logo, navigation and footer from scratch.

Did you also create a CSS (Cascading Style Sheet) for style or layout for the HTML file that you want to use as a template?

I ask because if you did, you can use the same style and layout definitions that you created for the HTML for every similar page that you create via the method that I described above. If you needed to change the font or similar type of style definitions globally, all you need to do is to adjust that definition in your style CSS file and it will automatically update it for every page that references that definition.

Try this and let me know how it goes.

Report •

March 13, 2009 at 16:43:57
I have created a CSS with my html file. So any changes I make to those definitions will change all of the pages that use those rules?

Thank you for your reply, I will try that and let you know how it goes

Report •

March 14, 2009 at 08:39:01
Hi, that's correct. Any HTML page that references the same filename as your style or layout CSS file will be able to utilize the same rules that you created. The CSS file should have a .css extension when you name it.

Here's a tip for you: if you slightly change a style or layout element when you are editing the HTML page to a rule that is not on your CSS, you will find that you the style element will be automatically inserted in the code of that HTML page. The can be checked by scrolling up to the style definition area on the page. If you want to make it a global rule, rather than just a style unique to that one HTML page, just cut and paste the new style or layout definition to your CSS file and make sure that your HTML page references that CSS filename in the style definition.

Report •

Related Solutions

March 16, 2009 at 13:45:56
Thank you it is now working a treat and I have done loads of pages now !
Thanks :)

Report •

March 16, 2009 at 13:54:23
Fantastic! Great to hear. Glad to be of help. If you have any other questions, don't hesitate to post a new thread!

Report •

Ask Question