Uneditable areas Dreamweaver CS4 templates

Hi, I set up my website with Dreamweaver CS4 and at the time made the body section editable only.
I believe that by default this also leaves the title tags editable in the head section (which they are).
I now want to make the meta tags and meta title section editable as well in the template so every page in my site has an individual editable area in the head of the HTML code which I can insert different information for each page that will not affect other pages upon saving.
So my question would be how can I convert the locked down code in the head of my template page back to editable regions.
Cheers.

Hi, sorry thought I had this template problem fixed.
Still trying to make the meta tags in my website template editable but when I apply the change below the meta tags seem to disappear.
I've put an example of what I currently have and what I am trying but with no success.
If anyone can spot any mistakes I would really appreciate it.
I have this..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="keywords are here" />
<meta name="description" content="description is here" />

<title>Title</title>

<link href="../css-file/css.css" rel="stylesheet" type="text/css" />

</head>
And tried this..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css-file/css.css" rel="stylesheet" type="text/css" />

<title>Title</title>
<meta name="keywords" content="keywords are here" />
<meta name="description" content="description is here" />


</head>
As always, thanks in advance.

Similar Messages

BC and Dreamweaver CS4 template file extensions

I'm building a site suing BC extension for Dreamweaver CS4, but I can't get the templates to work. If I create them in Dreamweaver with the .dwt file extension, BC doesn't recognise them when they are uploaded. If I create them in BC control panel, they get a .html file extension and Dreamweaver doesn't recognise them. This means the local files in Dreamweaver don't recognise my CSS and everything needs to be built in the BC control panel, which is painfully slow. Very frustrating. What am I doing wrong? Please tell me I don't have to add my CSS to the BC CSS!

Hi Brad. Did that at first, but the templates didn't show up in BC. I've just altered a .dwt template in Dreamweaver and uploaded it to BC, but it didn't overwrite the one that's already there.

Uneditable areas in a template.

Hi guy,
I am looking for a way to make certain areas in a template uneditable. I know I can make areas editable, but how can I prevent other parts from getting edited?
Thanks for your help.
Tom

By default, if code resides outside an  those portions of the child page spawned from DWTemplate are NOT EDITABLE. The only way you can edit code outside editable regions is to open the original DWTemplate.
Now if your question is "how do I convert an editable region into a non-editable region?"
The answer is open your DWTemplate and re-edit it by adding new editable regions and/or taking away old ones. I hope this makes sense.
More on DWTemplates -
http://www.smartwebby.com/web_site_design/dreamweaver_template.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Dreamweaver CS4 Templates

I sometimes get a little lost with all of the different files on my computer. Or maybe I am not looking in the right place. But I have DW CS4 that was purchased in summer 2009. My question is - are there any nice web templates that came with the software that I can look through and see what's there for a project?
Or, are there any professional-looking templates from Adobe that are free that I can download? I am looking for something that already looks great and all I need to do is download it or open it, then do a little bit of customization to make it look unique.
Thanks - Deaf Guy

A simple Google search should get you on your way.
http://www.dreamweaver-templates.net/free-web-templates.htm
http://www.webassist.com/free-downloads/dreamweaver-templates/
(By the way, WebAssist also sells complete Dreamweaver creation tools and they're really good).
http://www.buytemplates.net/promotion-templates/dreamweaver-template-free-download.php
But if you open Dreamweaver and pull down File>New you should see a New Document window that allows you to choose from a Blank Page, a Blank Template, a Page from a Template (assuming you all ready have a template set up) a Page from Sample or Other.
You can then choose from a long list of page types (you will want to choose HTML or HTML Template) and layouts for your pages. And all of these come with Dreamweaver. You will see previews in the far right box if you choose one layout or another.
One thing I would caution you on. Some of the templates that are installed in Dreamweaver CS3 (which is what I am using) and which may be installed in CS4 may be table-based. Table-based layouts are deprecated these days and you should pick designs that are created using CSS and <div> tags.

Are dreamweaver CS3 templates responsive?

Hello,
I need to create my project that will work also in ipad and the new cellphones? I'm using Dreamweaver CS3, and already almost done with the project when I was asked to have this new parameter - the site has to be responsive to these devices. Will the template in Dreamweaver CS3 work with these devices? I don't currently have these devices to test. How could I test them. If not, any suggestions... Any help, please....
Zandy
[email protected]

Unfortunately, CS3 predates the "responsive design" concept by a few years. You can still make responsive designs using it, but it requires more knowledge of handcoding the CSS/HTML. If you look into Media Queries and Responsive Design online, there are quite a few sources that give you the info you'll need. Depending on your level of comfort with CSS and HTML, they may be a great help, or a confusing mess.
http://www.lynda.com is a good resource
As for previewing things for smaller devices, Firefox has a nice little thing built in for that...
Tools > Web Developer > Responsive Design View (Ctrl + Shift + M).

Dreamweaver CS4- I can't get my site to display the proper image.

I have a Dreamweaver CS4 Template with an editable area for a header image. I have already assigned a new image to all the header regions but when I moved the site to the web host the pages will only display the Default header image from the template in the editable region, even though when I check the file name in the Modify Templates window it displays the proper name, but displays the wrong image.
What is wrong? any help would be greatly appreciated.
thanks.

Did you upload the new header image?
This one is currently being displayed.
http://stjohnvianney.net/parish_assets/Header_Church_img.jpg
NOTE: Your email link is wrong. It points to a file on your local hard drive.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

In dreamweaver CS4, I can't make border for single cell

Hi folks,
Having given up trying to make a single cell border in the dreamweaver CS4 template, I reverted to an html page and put in my own header, 2 columns and footer as cells in the html table. I know there's html code for adding borders to single cell, but I can't find it. I hope someone can give me a sample line of html code for giving a cell a border on left side and on right side, including 1px solid color border. Anyone?

Not sure if this is what you want, at least it will give you an example
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {width: 980px; margin: auto; background: #FEE49A;}
#header {height: 120px; background: #060;}
#article {height: 400px; width: 749px; float: right; background: #FFF; border-right: 1px solid #060;}
#aside {height: 400px; width: 228px; float: left; border-right: 1px solid #060; border-left: 1px solid #060; background: #CCC;}
#footer {height: 50px; background: #060; clear: both;}
</style>
</head>
<body>
<div id="header"></div>
<div id="aside"></div>
<div id="article"></div>
<div id="footer"></div>
</body>
</html>
Gramps

Template url problem in Dreamweaver CS4

Hi there,
Thank you very much for reading this post. I am having a problem with templates in Dreamweaver CS4, I am following the correct procedures to build a template, but when I link the pages together and update the template, the url has not been changed/updated on the child pages.
Here is an example:
Template:
../content/section/pagename.html
Child Page:
/section/pagename.html
Missing out the first part of the link, when the pages are loaded, obviously, they are not going to the correct part of the website
Please, can anybody give me some advice, as this problem is very quickly, driving me mad.
Thank you.
John

I observe this problem too on my Vista x64 machine with CS4
using dual monitors and split code/design views, and have found
others who have this problem by searching Google.
Description of problem: Roughly 50% of the time, when
switching between files (regardless of type) and trying to select a
block of code with my mouse (dragging over some code with the left
button), it appears to work normally (the intended code is
highlighted). However, when then attempting to CTRL-C (cut) or
paste, the selected code instantly changes to a much larger block
of code (usually selecting a specific div block or something). The
cut or pasted code is then the larger (unintended) block of code.
Once the code view selection works for a particular file
(either it worked from the start or I poked at it long enough to
work), it seems to remain working until switching to another file
and then returning.
Also, Dreamweaver CS3 didn't have this problem, so it's CS4
only.
This is a workflow nuisance much like a word-processor
deciding to insert a % character randomly every 10 seconds while
typing.
I found a Google groups thread
here
in which a poster writes that deleting the Dreamweaver
configuration file fixes this temporarily (the problem eventually
shows up again, and you lose all your customizations by doing
this). The posters in this thread also describe the same problem
with other hardware configurations.
My current workaround is to type return then backspace when
dropping in to the code-view of another file--kind of a pain, but
at least predictable. I also tried avoided the issue by: (a)
selecting something in the design view and then selecting something
in the code view, and/or (b) telling Dreamweaver to show the
"element view" (right click in design view, element view, Full),
but this latter action may be superfluous.
I'd be very interested if someone were to post a simple fix
for this problem.
thanks!
JP
PS. David: I've learned a lot from your books. Thanks for
writing them!

Dreamweaver CS4 Locked region template

Hi I am a Webdeign 2 student and I am suppose to make a template from scratch using DreamWeaver CS4. I am having trouble with what I am suppose to do. Heres my code that I have:
Header
Body
Nav Bar
Text Area
Footer
My assingment is that I have at least one editable region and at least one locked region.
I don't know how to lock a region could anyone help?

How about starting with the Help files? http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7ab7a.h tml

Dreamweaver CS5 won't let me edit previous CS4 templated pages

I am trying to update templated pages from a website built in dreamweaver CS4. When I try to edit
them I am not able to select any of the text or images within the editable regions. If I switch back
to CS3 or CS4 they are editable again. Any help would be much appreciated!!

Well first thing - you do realize that you shouldn't rely on design view as a method for editing pages in Dreamweaver? Unfortunately Design View has never been 100% accurate or reliable. It's best to work in split view or directly in code view and test things within a browser or Live View.
So what I'm saying is don't believe what Dreamweaver "shows" you in design view - it's only a gross approximation and you should only treat it as such. Switch to split view and add your content within the code view pane and then test it in a browser (or Live View) to see how it really renders.

Dreamweaver CS5 not working with CS4 templates?

I upgraded from CS4 to CS5 of Dreamweaver today and so I opened a template up in CS5 that I made for my site in CS4. So everytime that I make a new page from the CS4 template it will look good in the editing view and I can edit everything I'm supposed to like it should. But whenever I test the page in my browser or the Live View it won't use JavaScript or it won't show me AdBrite ads in the page and it messes up my CSS. I have no clue why its doing that because the new pages from this template in CS4 work fine but new pages in CS5 from the template wont show up correctly. Oh and every other page that I made in CS4 works very well in the CS5 but the new pages in CS5 just won't seem to preview well. Do you guys know of any solution for this or how I can solve this annoying problem?
Any answers are greatly appreciated!!!

One thing to note if you attempt JulesN's solution of moving the DIV tag inside the editable region... since this move is to a "non-template" area.. on many pages of your site it will simply mean the removal of the DIV tag outside the editable region. You will need to manually go into each page and add the DIV tag back into the editable region as Template updates do not modify the content of those regions.. I tried this today and had hundreds of pages instantly stop displaying correctly before I realized the logic behind it.. I was able to recover. However if you are using nested DIV tags as containers.. they are all either one big editable region or you need to wait till Adobe fixes this and use CS4 as I'm being forced to. I have submitted as a bug as well.

What are common HTML bugs generated by Dreamweaver CS4 itself?

When a link works in browser but fails on server where do you start looking for the cause of problem and its possible solution? What are some of the common HTML bugs that are often generated by Dreamweaver CS4 itself? What are some of dos and don'ts when you are making corrections in the code page? Thank you for your response.

When a link works in browser but fails on server where do you start looking for the cause of problem and its possible solution? What are some of the common HTML bugs that are often generated by Dreamweaver CS4 itself? What are some of dos and don'ts when you are making corrections in the code page? Thank you for your response.

Dreamweaver CS4 - Update Template Files dialog box doesn't appear

I've just made a small change to my website's template file in Dreamweaver CS4, but I can't figure out how to apply the change to all pages on my site.
As I understand it, a dialog box is supposed to appear immediately after you hit 'Save'. This gives you 'Update' or 'Don't Update' options.
The box does not appear for me. No idea why - I saved the revised template and nothing happened!
Is there another way of updating the webpage files with the revised template? Or can it only be done though the dialog box? If so, how can I bring the box up?
Thanks for any tips, tricks, or explanations...

Well, I'm not sure what rule I've broken. I followed the procedure set out in that tutorial to make my template in the first place, although I used Janine Warner's book 'Teach yourself Dreamweaver CS4' which goes through the same steps as the web tutorial - with the exception of the 'Apply your Dreamweaver template' section, which seems to suggest that you create your web pages first, and turn them into templates later.
I simply created my basic page layout, saved it as a template, and then created every page on my site by clicking 'New from template'. No problems, everything worked well.
I don't see why it would be necessary to create a new page from a template, and then apply the template to the page. Doesn't that amount to using two different methods to do the same thing twice? In any case, there's nothing in the book about 'Applying' a template, so I didn't do it. That's the only point of difference. But is it the problem? Is the book wrong?
Now I've got the book open in front of me at page 196 - 'Edit a template to update web pages created with it'. Interestingly, I may have discovered why it was not possible to edit my link in the Property Inspector.
The book remarks, more or less as an afterthought tacked on to the end of the page, that in order to use the Property Inspector to edit a template, I must first click on the element I wish to edit and then click 'Modify', 'Templates', and 'Make Attribute Editable'. Only then can changes be made.
The book says nothing about editing elements *without* using the Property Inspector, as I attempted when I tried the 'Insert Hyperlink' method, so I'm not sure whether this is possible or not. As it didn't work for me, I'd say not - but it would be nice if the book was specific on this point!
It's amazing how vague some of these tutorials can be - and also rather baffling that they can differ so much from each other. Website construction is all about specifics after all - everything is either 100% right, or 100% wrong. There shouldn't be any room for fuzziness. As it seems I have a specific problem, it must come from a specific, identifiable cause. It should be possible to say, "Ah, now if THAT is going wrong, the error must be HERE. Fix it by doing THIS."
Well, I'll try making the attributes of my elements editable now. I'm not sure if a text link counts as an element (that's another point on which my book is a little vague), but I dare say I'll find out shortly!

How to config Dreamweaver to open .pt files which are essentially html templates?

Hi,
I am a python developer. I want to use my Dreamweaver5.5 to open some .pt page template which are essentially html templates. However, the file can only be edited in the code view. The Split view and Disign view are disabled. Could someone tell me how to configurate Dreamweaver to treat .pt file like .html file?

Thanks. I am using a mac version. This article shows it's not a easy task:
http://www.packtpub.com/article/skinners-toolkit-for-plone-3-theming-part2
In investigating it for this article, it was not possible to open .pt (page template) files using Dreamweaver, which is a deal breaker, as page templates are certainly part of the theming process. It's not known if this is merely a configuration error, but several attempts at configuring Dreamweaver to open .pt files failed.

Where are the Spry Javascript files located in Dreamweaver CS4?

I am sure this is a trivial question but I cannot find them.
The Adobe Web site states that Dreamweaver CS4 ships with Spry 1.6. I am trying to create a SpryNestXMLDataSet, but cannot find where the js file is stored, to copy it to my site. I do not see anything in the insert Spry data set wizard that allows me to create a nested XML data set. Thus, I can get Dreamweaver to add the xpath.js and the SpryData.js files, but I cannot figure out how to add the SpryNestXMLDataSet.js file, nor find a copy within the Dreamweaver program files.
Thanks,
Van

Hello Van,
Dreamweaver only includes the Spry files that can be configured using
the DW GUI. As there isn't a nested XML configurator yet, its not
included in dreamweaver.
On Mac you can find the Spry files here: /Applications/Adobe
Dreamweaver CS4/configuration/Shared/Spry/
On Windows its probably something like c:/program files/adobe/
dreamweaver cs4/configuration/shared/spry/ But i don't own a windows
pc so I cant tell
Arnout Kazemier
Adobe Spry Community Expert | Speaker Adobe MAX 2009
3rdEden | 3rd-Eden.com | Spry-it.com | config.Spry-it.com
Twitter: http://www.twitter.com/3rdEden | http://www.twitter.com/AdobeSpry

Uneditable areas Dreamweaver CS4 templates

Similar Messages

Maybe you are looking for