This path sends the browser to look in the correct location for the file which will provide the page properties, layout, and graphics—all the content that exists only in the file.
The chart below gives a graphic explanation of the difference between document-relative and site root-relative.
In the example below, the page has a graphic named inserted into it using alternate path choices.
Document-relative versus site root-relative The path linking an HTML page to a template is a site root-relative path.
It is called site root-relative because it starts from the top level of the directory structure (the local root folder), and then follows through the next folder down (Templates), and finally links to the file.
Inserting images and links into the file directly can be confusing.
Remember when working in the file any link that you create as document-relative will be exactly that - relative to the file.
The first step in replacing an existing template is to make a copy of the outdated template and give it a new name. After you have created a new page design for the site’s new layout, save the new page as a template in Dreamweaver (choose, which will also exist on your new template by default.
You do not have to worry about those two, but you need to pay attention to the user created editable regions.
The reason why this site relative link will always link correctly is because the file will always be in the Templates folder at the root level of the site's folder structure.