动易模板制作示例（三）

>>插入图片等功能频道和其他信息标签

1.在DW的设计视图中，用鼠标选择图片表格中的图片内容后按“Del”键删除。
2.在DW菜单中选择“图片频道标签”->“图片通用标签”->中的“显示图片”选项，在弹出的标签设置窗口中设置相关参数。单击“确定”按钮插入图片频道的图片标签，如：{$GetPicPhoto(4,0,false,0,4,false,false,0,3,1,140,110,20,0,true,4)}。

3.如果要插入其他信息内容，按上述方法插入相应的标签。在设置过程中要随时保存（Ctrl+S）设计的WEB文件。

至此，网站首页模板中所要显示的动态的内容已经全部由标签替换，网页中其他固定的图片、链接等内容由您自行修改。下面即可将所设计的代码放入系统的相应模板中。

添加新模板

1.在DW的码视图区中，全部选择（Ctrl+A）并复制（Ctrl+C）所有的代码。
2.进入您架设《动易网站管理系统》的后台，在后台左侧导航的“系统设置”中，单击“网站通用模板管理”。
在出现的“网站首页模板管理”界面中，单击底部“添加网站首页模板”按钮。在出现的“添加新模板”界面中，填写自定义模板名称，在“模板内容”内容框中，粘贴（Ctrl+V）刚才复制的代码。
3.勾选页面底部“将此模板设为默认模板”，单击“添加”按钮添加一个新的网站首页模板。
！版式模板的操作知识请参阅前章“网站版式模板”。
4.访问并刷新前台的网站首页页面，即可看到新模板的效果：

！在浏览新模板效果前，请先在网站后台添加好相应栏目及文章、图片等内容，并调整相应标签中的频道与栏目ID的参数。您可以栏目管理中将鼠标移动到栏目名上时，在浏览器的状态栏中看到本栏目ID与所属频道ID的信息。

！您可以直接在网站模板管理中修改各标签的参数，标签参数的含义请参阅前章的“标签使用说明”。

更换新风格

在刚才的模板制作中，一般都是将CSS样式定义在本网页页面中的。您可以将CSS样式代码放在网站的风格模板中进行调用与管理，以方便在其他模板页面统一调用。

1.在DW的码视图区中，选择并复制“ ”之间的CSS样式代码：

2.进入您架设《动易网站管理系统》的后台，在后台左侧导航的“系统设置”中，单击“网站风格管理”。
在出现的“网站风格管理”界面中，单击顶部“添加风格”功能链接。在出现的“添加新风格”界面中，填写自定义风格名称，在“风格配色设置”内容框中，粘贴（Ctrl+V）刚才复制的代码。单击“添加”按钮添加新的风格。
！在添加新风格时，系统会出现默认提供的CSS样式代码，您可以将其相同的代码删除后再粘贴。
3.在风格管理首页界面中，点选新添加的风格后，单击“将选中的风格设为默认风格”按钮，将新风格设置为默认。
4.进入网站通用模板管理中，修改新添加的网站首页模板：

将里面的“ ”CSS样式代码删除，替换成风格标签“{$Skin_CSS}”和菜单JS标签
“{$MenuJS}”后，单击“保存修改结果”按钮保存修改。
5.访问并刷新前台的网站首页页面，即可看到更改后的效果。
！如果操作正确，进行了上述将CSS样式代码放在风格模板中管理的更改后，前台页面的效果应该与更改前相同。

将CSS样式代码放在风格模板中管理，有许多优势，如可以减少页面代码、重复调用相同的定义等。定义在风格模板中的CSS样式，在今后各模板中只要以“class="css定义名"”的方式进行调用即可。有关CSS样式的知识请参阅相关书籍。
当然您也可以不调用系统的风格模板（即在模板中不调用标签“{$Skin_CSS}”），而在每个模板中，单独对本页面的样式进行定义。
小　结

系统默认提供的模板，以最少的图片及尽可能全的功能来设计模板，因此并不一定就符合您的要求。您可以参考默认模板中各个模块显示的标签及风格调用方式，来理解各个显示内容、调用的标签与模板设计之间的相互关系与作用。

如果要做一个完全有个性的网站模板，需要您花费一定的时间精心设计与制作。系统提供的模板功能，能满足您在不同频道、不同栏目与不同内容页面，设计与显示不同的风格与版式。

 

上一页  [1] [2] [3]