Dreamweaver: Updating Menu Links - HotUKDeals
We use cookie files to improve site functionality and personalisation. By continuing to use HotUKDeals, you accept our cookie and privacy policy.
Get the HotUKDeals app free at Google Play

Search Error

An error occurred when searching, please try again!

Login / Sign UpSubmit

Dreamweaver: Updating Menu Links

£0.00 @
Using DW and I've had to make a change to the menu bar. Now my worry is, that everytime I need to do this (hopefully no more from now on), I will need to change EVERY page that displays the menu? I…
Disco Avatar
8y, 5m agoPosted 8 years, 5 months ago
Using DW and I've had to make a change to the menu bar. Now my worry is, that everytime I need to do this (hopefully no more from now on), I will need to change EVERY page that displays the menu?

Is this correct, or is there a way of setting it up, so if i change I page, my other 28 follows suit?.

Cheers In Advance, Rep to be Added!
Disco Avatar
8y, 5m agoPosted 8 years, 5 months ago
Options

All Comments

(50) Jump to unreadPost a comment
Comments/page:
Page:
1 Like #1
You could use php. It's pretty simple, all you do is put the menu in a seperate file and use a line of code in each of the pages to include it. I think you need to google "php include" to find out more :)
banned 1 Like #2
You need to create a page you want to use and save that as a template. (Look in the file options)

Then you need to create editable areas inside the template (ie a content area) leave the menu as uneditable (unless you have different menus depending on location).

Then each page you create - select new > from template - and select the template you want to use. Each page will now be linked to that template - and any changes you make to the "uneditable areas" will auto update.

First though you have to create and save it as a new site - show it the location and images location. This is done in the menu "sites".

Once you start using it in this way, you will see the advantages of dreamweaver. At the mo, I think you are just using it as an individual page editor - which any package can do for you.
#3
sounds cool.

is it worth redoing the whole site (28pages), or just keeping it as it is for now (its working 100%), so would only design it as you suggest if I was needing to amend.

As for the layout, it varies from 1 column across, to 2 colums across, so would this matter? Once I've completed it fully, you can pull it to bits if ya like Guv, but be gentle! :oops:
banned#4
Disco
sounds cool.

is it worth redoing the whole site (28pages), or just keeping it as it is for now (its working 100%), so would only design it as you suggest if I was needing to amend.


Yes its worth redoing. It will save you a lot of time in the future if you wanted to make similar changes. (ie 28 changes now only - as opposed to 28 changes EVERY time you make an edit.

As for the layout, it varies from 1 column across, to 2 colums across, so would this matter? Once I've completed it fully, you can pull it to bits if ya like Guv, but be gentle! :oops:


In which case you would need to create it as 2 templates and select the correct one you want for each page.

Remember though you must first make them into a site from the site menu - otherwise none of this template and updating will work.
#5
To get a good grasp of how useful and effective templating can be, visit the Zen Garden
Rules are simple. Same basic content but you can use your own images. By clever, creative and imaginative design, the page content is the same but looks very very different.
I'd spend the extra time on having the 2 template method
#6
but i already have my template? can I just use this?
banned#7
Disco
but i already have my template? can I just use this?


You have created a webpage you are using as a template. You need to tell dreamweaver it IS a template and save it as "template". Look in the file menu and all will become clear.
banned#8
boydent999
To get a good grasp of how useful and effective templating can be, visit the Zen Garden
Rules are simple. Same basic content but you can use your own images. By clever, creative and imaginative design, the page content is the same but looks very very different.
I'd spend the extra time on having the 2 template method


This is slightly different boydent - its using CSS as its code change for all pages for its appearance. What Disco is talking about is using a feature within Dreamweaver. (Or more to the point I'm trying to direct him to use it!) :p
#9
I see that young 'un, but if he is canny and uses templates AND css that will help more.
Not to worry, might have confused matters more now lol :)
banned#10
boydent999
I see that young 'un, but if he is canny and uses templates AND css that will help more.


Yeh I agree. We've been trying to impose the virtues of CSS for a fair amount of time now! Pretty much every site I do is run from a template, but the layout and content parameters are specified within the CSS file.
#11
guv
This is slightly different boydent - its using CSS as its code change for all pages for its appearance. What Disco is talking about is using a feature within Dreamweaver. (Or more to the point I'm trying to direct him to use it!) :p


ah! but thats where you may be wrong. My Business Pro template (from HERE), uses CSS as well.. Does that make any diffference as to what I do?

Dont fancy setting the 2 templates (1 column, 2 columns Up for Me Do Ya Guv) - you know i love ya! :oops:

EDIT: Also, I'm only having the 3 coloured boxes on the home/index page... will this confuse things even more!
banned#12
Disco
ah! but thats where you may be wrong. My Business Pro template (from HERE), uses CSS as well.. Does that make any diffference as to what I do?


Well it doesn't make me wrong! But in answer, no it makes no difference to the instructions on setting up your dreamweaver template.

Dont fancy setting the 2 templates (1 column, 2 columns Up for Me Do Ya Guv) - you know i love ya! :oops:

EDIT: Also, I'm only having the 3 coloured boxes on the home/index page... will this confuse things even more!


Makes no difference. Just use the holding index page as a webpage without it being a template.

If you set up an FTP (pm the details), I will upload a few things to help you out.
#13
guv
Well it doesn't make me wrong! But in answer, no it makes no difference to the instructions on setting up your dreamweaver template.



Makes no difference. Just use the holding index page as a webpage without it being a template.

If you set up an FTP (pm the details), I will upload a few things to help you out.


right, i've decided on just using 2 colums per page, and the home page as a stand alone page, not configured to the template!! i'm on for most of the day, so hopefully can REP you later for all ya fab efforts of help!
#14
Guv, how am i suppose to design a template with a menu system when I dont even have the other 27 pages created yet? Can I set up the master/template page's menu with "links that dont currently exsist"? :x
#15
guv
You need to create a page you want to use and save that as a template. (Look in the file options)


Guv, a little help (again) if you please

I've created my (two) templates.

1 for the home/index page (this has 2 colums spread and displays pics that the other 27 pages dont)
1 for the 27 pages (1 column spread)

Can you explain again how I get about using this as normal pages. every page is editable (ie: i need to type/add pics to every page). The links bar is a multi level one but obviously I dont wanna change the links bar 30 times should I need to amend! :thumbsup:

EDIT I currently only have 1 style.css file but should I not have two, if ive got to different layouts?
banned#16
Disco
Guv, how am i suppose to design a template with a menu system when I dont even have the other 27 pages created yet? Can I set up the master/template page's menu with "links that dont currently exsist"? :x


I think youve missed the whole point of a template and using one to update.

You create a template and save.

You open a new page and asign a template. Edit and save.

Do this 28 times.

Go to your template (that has the menu) and point each item to any relevant page and save. This will update EVERY page you just created with links relative to the page.
banned#17
Disco
Guv, a little help (again) if you please

I've created my (two) templates.

1 for the home/index page (this has 2 colums spread and displays pics that the other 27 pages dont)
1 for the 27 pages (1 column spread)

Can you explain again how I get about using this as normal pages. every page is editable (ie: i need to type/add pics to every page). The links bar is a multi level one but obviously I dont wanna change the links bar 30 times should I need to amend! :thumbsup:

EDIT I currently only have 1 style.css file but should I not have two, if ive got to different layouts?


See above.

You have save this as a template (and can be found now inside a folder that dreamweaver has called template)? 1 css is fine.
#18
think of the template as a picture frame
When you build your website the main content area is what you'll change for the 27/8 pages, the frame should not change, giving the user a familiar feel for each page.
In the template will be an area called editable area i think it is from memory.
that is your content
banned#19
boydent999
think of the template as a picture frame
When you build your website the main content area is what you'll change for the 27/8 pages, the frame should not change, giving the user a familiar feel for each page.
In the template will be an area called editable area i think it is from memory.
that is your content


That is correct - though it doesnt have to be single editable area.
#20
I understand that mate, didn't wanna over complicate things for now mind :)
#21
reet guys

i saved a template now and have two .dwt files in a "templates" folder.

The links bar is done, but not linked to any pages, as Im guessing I now use the template and save as a normal dreamweaver/html file, then link pages via the template file which then update the 27 pages?
1 Like #22
Been a while but what Guv said in Post 17 sounds right :)
New page, use template and save pages with suitable names in the appropriate directory structure.
You need to plan all this out somewhere, with where you want you links going
#23
boydent999
Been a while but what Guv said in Post 17 sounds right :)
New page, use template and save pages with suitable names in the appropriate directory structure.
You need to plan all this out somewhere, with where you want you links going


I know what links i want n where they go, it was jus getting started once I'd made the temps! cheers guys, rep added
#24
Good to hear it. Sorry if i am a bit rusty, it's been a while and don't have DW installed on this pc.
#25
cheers bud.. now? how do I link my 27 pages to the links bar in the template, if the 27 pages in question have not been created? :?
#26
Don't........yet
You don't need to. Create the pages as you want, say, call page 1, "page1.html", page 2 "page2.html" and each time you create a page, update the template page with the new filename, as you go on as it were. Be creative, but type carefully too. I am sure there is a way for dreamweaver to link it all together but again, rusty :-(
#27
cheers, going good here!!

how do I alter the background hover colour on the link bar :whistling:
#28
Lmao :) i'll do it if you like, the site, £20/hour lol
I am sorry i don't have time/skill to answer all, it's been a while
Have a look at w3 schools
#29
yea rite, as much as I thank you for your help, I aint gonna pay you £20ph to do a site for me, when I've offered to do it for free for a friend! - - you can go and :whistling:
#30
I couldn't do it anyway :) That link i sent is great, it's an online tutorial for most online tasks
Work you way thru or skip to key parts, you;ll learn so much :)
banned#31
For the moment, just use a # as your hyperlink in the menu on the template. For the moment, its not important.

What is important, is you first highlight the area you wish to make editable. (ie as boydent said - your content area) and save the template again. What this does, is tell dreamweaver that the pages you create will be the same each time and can be auto updated overwriting everything - except that area - on every page you use the template for.

Just create a new page (you will see an option to create a new page from the menu - select this, and then select new from template.) Name the new page and save it. (I would suggest its saved in a folder above the root dir eg contactus/contactus.html

Once you have saved each of your pages, re-open your template. On your menu, replace the # for each of the pages you want to link the menu to and save. This will auto update every page you created. Not only that, but each page link will also be automatically regardless of the location/folder its in.
banned#32
boydent999
Don't........yet
You don't need to. Create the pages as you want, say, call page 1, "page1.html", page 2 "page2.html" and each time you create a page, update the template page with the new filename, as you go on as it were. Be creative, but type carefully too. I am sure there is a way for dreamweaver to link it all together but again, rusty :-(


Just to add on this point......

for the purpose of search engine help - the names you save can actually help in search engines.

eg greenfrog.html will score higher when someone is searching for green frogs, than if its called page1.html.
#33
The template area is also greyed out (from memory) and the editable content is black to help you :)
#34
when i try and open the created template called materpage is wont let me save it as a normal HTML, saying:

http://img162.imageshack.us/img162/4339/erroesk4.jpg

its so confusing
banned#35
boydent999
The template area is also greyed out (from memory) and the editable content is black to help you :)


In a page created by the template, the non editable area will be greyed out. The editable area will be white. Obviously thats all dependant on any colour screen you use.

Disco
when i try and open the created template called materpage is wont let me save it as a normal HTML, saying:

http://img162.imageshack.us/img162/4339/erroesk4.jpg

its so confusing


Thats because you are not meant to save your .dwt file as an html file.

When you create a new page, the page is created from the template using file>new>new from template. (Thats from memory - but sure its correct.)
#36
I meant fonts were grey for template, black for editable :)
#37
guv
When you create a new page, the page is created from the template using file>new>new from template. (Thats from memory - but sure its correct.)


yea, but when i go to save the page, it defaults to html option?
banned#38
Disco
yea, but when i go to save the page, it defaults to html option?


Why are you even in the template? Dunno what you've done - but it sounds a bit like youve screwed up!

You should only create a page from the template as ive described. It sounds like you havent done this and possibly the template system has been messed up.
#39
thats where I'm starting from

http://img89.imageshack.us/img89/5086/erroerp8.jpg
banned#40
OK.... The image above looks ok..... but the description of the problem is saying you are editing non editable areas. (Which shouldnt be possible in an html page.) However, if you make an edit that affects the template such as a non closed
, then it can have that effect.

As you can appreciate, its a bit difficult to work out without more details.

I'm also concerned you may have saved that template at some point as an html file. Doing that, can throw things out of whack. (Ive done this myself when I was learning - and effectively the control of the .dwt file is taken over by the html file you saved directly from the dwt file. Thats why I was spelling out the importance of never touching the dwt file - apart from when you need to make site wide changes.

Firstly, in your .dwt file - did you create editable regions?

When you create a page from the template (as in the image above) are you then able to save that page (before any changes) as an htm or html file?

Post a Comment

You don't need an account to leave a comment. Just enter your email address. We'll keep it private.

...OR log in with your social account

...OR comment using your social account

Thanks for your comment! Keep it up!
We just need to have a quick look and it will be live soon.
The community is happy to hear your opinion! Keep contributing!