Nested Template Not Updating

Report · Feb 17, 2019

I have created a template named Location Page, that is based upon another template called Menu and Footer Template. I have updated the style for #menu to "position: fixed;" on the original template Menu and Footer Tempate. However, the Location Page is not updating. I have tried manually updating both pages, and tried restarting computer/Dreamweaver see if a cache was still being used.

Menu and Footer Code:

<!doctype html>

<html>

<head>

<title>Team building events and activities | Espionage Missions</title>

<style>

body {

background: #000000 url("/images/background.jpg") no-repeat fixed;background-size:cover;

min-width: 960px; margin: 0px;

}

@Font-face {

font-family: 'Boxed-Medium';

src: url("/fonts/boxed-medium.woff");

}

@Font-face {

font-family: 'Boxed-Bold';

src: url("/fonts/boxed-bold.woff");

font-weight: bold;

}

#menu {

position: fixed;

text-align: center;

background: url('/images/background-menu.jpg') no-repeat fixed;

background-size: cover;

width: 100%;

height: 51px;

padding-bottom: 10px;

min-width: 960px;

}

#menu a {

position: relative;

text-decoration: none;

color: white;

padding-right: 40px;

font-family: "Arial";

font-size: 12px;

line-height: 18px;

}

#menu a:hover {

color: red;

}

#menu-rollover a{

position: relative;

left: -32px;

top: 14px;

display: inline-block;

padding-left: 0px;

padding-right: 0px;

width: 92px;

height: 29px;

background: url('/images/logo-menu-sprite.png') 0 -29px;

}

#menu-rollover a:hover{

background: url('/images/logo-menu-sprite.png') 0 0;

}

#above the fold{

}

</style>

</head>

<body>

<a href="/team-building-locations.html" style="letter-spacing: 5px; left: -22px;">LOCATIONS</a>

</span>

<a href="/team-building-photos.html" style="letter-spacing: 5px; left: -2px;">PHOTOS</a>

<a href="/team-building-pricing.html" style="letter-spacing: 5px; left: -8px;">PRICING</a>

</div>

<span id="above the fold"></span>

<a href="/faqs.html">overview download and FAQ's</a> | <a href="/terms-conditions.html"> terms and conditions</a> | <a href="/privacy.html">privacy</a> | <a href="/contact.html">contact</a>

<br>

<a href="https://twitter.com/EspionageUK?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @EspionageUK</a>

</div>

//Google Analytics

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i=i||function(){

(i.q=i.q||[]).push(arguments)},i.l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-44217225-1', 'auto');

ga('send', 'pageview');b

</script>

</body>

</html>

Location Page Code

<!doctype html>

<head>

<title>Team building events and activities | Espionage Missions</title>

<style>

body {

background: #000000 url("/images/background.jpg") no-repeat fixed;background-size:cover;

min-width: 960px; margin: 0px;

}

@Font-face {

font-family: 'Boxed-Medium';

src: url("/fonts/boxed-medium.woff");

}

@Font-face {

font-family: 'Boxed-Bold';

src: url("/fonts/boxed-bold.woff");

font-weight: bold;

}

#menu {

text-align: center;

background: url('/images/background-menu.jpg') no-repeat fixed;

background-size: cover;

width: 100%;

height: 51px;

padding-bottom: 10px;

min-width: 960px;

}

#menu a {

position: relative;

text-decoration: none;

color: white;

padding-right: 40px;

font-family: "Arial";

font-size: 12px;

line-height: 18px;

}

#menu a:hover {

color: red;

}

#menu-rollover a{

position: relative;

left: -32px;

top: 14px;

display: inline-block;

padding-left: 0px;

padding-right: 0px;

width: 92px;

height: 29px;

background: url('/images/logo-menu-sprite.png') 0 -29px;

}

#menu-rollover a:hover{

background: url('/images/logo-menu-sprite.png') 0 0;

}

#main-content{

width: 960px;

margin: 0 auto;

}

#title {

padding-top: 15px;

width: 760px;

margin: 0 auto;

}

#title h1{

display: inline;

font-family: 'Boxed-Medium';

color: white;

font-size: 29px;

line-height: 26px;

letter-spacing: 1px;

text-align: right;

vertical-align: top;

position: relative;

top: 15px;

}

#above-the-fold1 #openpara{

display: inline-block;

width: 524px;

height: 171px;

background-color: rgba(29,26,26,0.7);

margin-right: 48px;

margin-bottom: 80px;

padding-top: 10px;

padding-right: 10px;

padding-left: 15px;

padding-bottom: 15px;

border: 1px solid black;

font-family: "Boxed-Medium";

color: white;

font-size: 14px;

letter-spacing: 1px;

line-height: 17px;

vertical-align: top;

}

#above-the-fold1 #welcome-slideshow{

border:1px solid red;

width: 355px;

height: 196px;

text-align: right;

}

#above-the-fold2 #secondpara{

display: inline-block;

width: 445px;

height: 305px;

background-color: rgba(29,26,26,0.7);

margin-left: 40px;

margin-bottom: 50px;

padding-top: 40px;

padding-right: 30px;

padding-left: 35px;

border: 1px solid black;

font-family: "Boxed-Medium";

color: white;

font-size: 14px;

letter-spacing: 1px;

line-height: 17px;

vertical-align: top;

}

</style>

</head>

<body>

<a href="/team-building-locations.html" style="letter-spacing: 5px; left: -22px;">LOCATIONS</a>

</span>

<a href="/team-building-photos.html" style="letter-spacing: 5px; left: -2px;">PHOTOS</a>

<a href="/team-building-pricing.html" style="letter-spacing: 5px; left: -8px;">PRICING</a>

</div>

<h1>Aberdeen Team Building Events</h1>

</div>

Our team building events are fast paced urban challenges incorporating modern technology. Set around the Granite City of Aberdeen. Your group will be spilt into teams, who then compete against one another by completing various challenges to win iconic sectors of Aberdeen.

<p>

Likened to a mixture between an escape room and a treasure hunt, your teams challenges will include; code- breaking, foreign-translation, logic-puzzles, forgery tasks, and time-trials. These varied, engaging and fun tasks ensure that each team must work effectively to beat the other teams to the sectors and win the mission

</p>

</span>

</div>

<span id="secondpara"><p>Your mission is tracked online so the teams can see their progress (and their enemies) using our special mapping scoreboard and GPS handsets. Strong teamwork, determination, and intelligent strategy are essential.</p>

<br>

<p>The missions are ideal for team building for companies based in or around Aberdeen. They also work equally as well as fun day or evening out to reward your team. Please see the map to the right to see the different districts used.</p>

<br>

<p>To book your <a href="/contact.html">Aberdeen team building event</a></p>

<p>Find out more by visiting our homepage.</p>

</div>

<h3>More about team building in Aberdeen</h3>

<p>Events are played around Aberdeen city centre, therefore are perfect for Aberdeen based companies which require the event to start and end at your office, Team building Aberdeen is also perfect for team who are visiting for the day or weekend.</p>

<p>Espionage team building events can also be completed in the following locations:- team building in Edinburgh, team building in Glasgow, team building in Leeds, team building in Liverpool, team building London and many other areas in England, Scotland and Wales.</p>

<p>See the locations section for more details</p>

</div>div>

</div>

<a href="/faqs.html">overview download and FAQ's</a> | <a href="/terms-conditions.html"> terms and conditions</a> | <a href="/privacy.html">privacy</a> | <a href="/contact.html">contact</a>

<br>

<a href="https://twitter.com/EspionageUK?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @EspionageUK</a>

</div>

//Google Analytics

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i=i||function(){

(i.q=i.q||[]).push(arguments)},i.l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-44217225-1', 'auto');

ga('send', 'pageview');b

</script>

</body>

</html>

Report · Feb 17, 2019

Sorry if this sounds harsh but never, never, ever nest templates. I don't care how complex you think your site is, you do not need to nest templates ever. Nesting causes nothing but problems. Besides, it defeats the whole point of using a template in the 1st place.

Your Template should contain all CSS, scripts and site wide elements like your header, navigation, footer and optional regions for elements that may appear on some pages but not others. All the rest will be inside Editable Regions for page specific content.

How to design web pages based on Dreamweaver templates

Now might be a good time to learn about Server-side Includes (SSIs) too. These work on the server so you don't have to re-publish your entire site when making updates. A huge time saver.

Server-Side Includes with PHP

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Feb 17, 2019

templates will massively help with reducing the maintenance required. I have limited resources available to me. Dreamweaver has guides to nesting templates. Is it a buggy feature? I am struggling to find much information it.

Report · Feb 17, 2019

Templates are fine although I never use them. I prefer Server Side Includes.

Nested templates are a convoluted DW feature guaranteed to confuse you and give you maintenance headaches for as long as you deploy them. They never really took off as a DW feature so resources and tutorials are limited.

Server side includes are free. They're not a DW-specific feature as such but you can use them in DW. You just need to learn how to use them. You'll never regret it. They're simple and greatly reduce maintenance, far more than even DW Templates.

Report · Feb 17, 2019

Templates are OK. Although once you start using Server-side Includes, you won't need Templates anymore.

Nesting isn't buggy. But most people don't consider what nesting does. By definition, a template.dwt has total authority over child pages that are spawned from it. When you nest templates, you weaken that authority by giving some of it to a sub-ordinate template. That's when things start to get complicated. Which template should you edit? From which do you update child pages?

It's a lot simpler to keep everything under the control of 1 template. Don't nest them.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Feb 18, 2019

I've read that SSI can impact SEO and do not always work with screen readers. If this is the case then SSI would not be a viable option for me. I basically have about 30 pages which are almost identical. I want a template for the sites background, header and footer. These will be common to all pages. I then want a template for the 30 identical pages.

Should dreamweaver be able to facilitate this and if so why isn't in working for me in the above code?

Are there any alternative options that would minimize the workload for maintenance and updates that do not impact SEO or impact accessibility?

Report · Feb 18, 2019

Peter2035 wrote
I've read that SSI can impact SEO and do not always work with screen readers.

Untrue. SSI is a server-side technology that has zero impact on search engine results or web accessibility.

Should dreamweaver be able to facilitate this and if so why isn't in working for me in the above code?

Yes. A Dreamweaver template will do exactly what you need if you build it correctly which represents about 80% of your development time.

1) Define your site folder.

2) Jump start your project with a pre-built responsive layout in DW. Go to File > New.... see screenshot.

3) Immediately save your newly created page as my_test_page.html

4) See link below for further instructions.

Alt-Web Design & Publishing: Working With Dreamweaver Templates (.dwt files)

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Feb 18, 2019

Peter2035 wrote
I've read that SSI can impact SEO and do not always work with screen readers.

Got a link to what you were reading? I'm curious to see what arguments they put forward to support such claims.

Adobe Community

Nested Template Not Updating