Handling references to SDL Web resources
If you refer to an SDL Web resource from an <img> or <link> element or from a CSS style definition, the resource you refer to must be present in the input package and the reference to the SDL Web item must be written as a WebDAV path to the SDL Web item relative to the Template Building Block.
The source code of your Adobe Dreamweaver Template can contain references to other resources, such as <img> tag referring to an image, a <link> tag referring to a resource such as a CSS file, and CSS statements like background-image property have an attribute url which contains a reference to a resource.
For example, assume that the folder structure shown below exists in Content Manager and that your Template Building Block resides in the folder Dreamweaver TBBs and the image you want to use CEO_portrait.jpg resides in the folder Images\Portraits:
Add the image to your Adobe Dreamweaver Template using the following reference:
<img src="../Images/Portraits/CEO_portrait.jpg" />
Alternatively, instead of a relative path you can also insert the Content Manager URI (a unique identifier of the item) as the reference target. For example:
<img src="tcm:3-312" />
You can find out the Content Manager URI of any SDL Web item by hovering over the item in Content Manager Explorer, or opening the item in Content Manager Explorer and accessing the Info tab.