模板与库的应用课件.ppt

《模板与库的应用课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、模板与库的应用【网站的风格】网站要保持统一的风格，要求所有页面都能够体现这种风格。使用复制粘贴，虽然可以实现风格的统一，但是，不能做到一改全改【模板的作用】事先制作一个模板，站点内的所有的网页都直接套用，当模板发生改变时，相关的网页都随之更新【模板文件】模板本质上是一个网页，也就是一个独立的文件Dreamweaver将所有的模板文件都存放在站点根目录下的Templates文件夹下，模板文件的扩展名为*.dwt实例1—利用模板创建网站【步骤1】制作好一个网页，删除网页中存在差别的部分（可编辑区域），保留相同区域实例1—

2、利用模板创建网站【步骤2】菜单“文件”->“另存为模板”，弹出如左图的对话框【说明】完成后，在“文本”面板（右图）中，出现对应的dwt模板文件实例1—利用模板创建网站【步骤3】可对模板文件进行修改实例1—利用模板创建网站【步骤4】创建可编辑区域【可编辑区域】即模板的非公共部分，网页不同，其内容也不同，可以修改，所以称为可编辑区域公共部分，不可编辑下面的部分可编辑区域实例1—利用模板创建网站【步骤4】创建可编辑区域（1）在模板中，将光标至于要插入可编辑区域的位置（2）插入可编辑区域【方法1】菜单“插入”->“模板对象”

3、->“可编辑区域”【方法2】插入面板“常用”->“模板”->“可编辑区域”实例1—利用模板创建网站【步骤4】创建可编辑区域（3）为插入的可编辑区域命名实例1—利用模板创建网站【步骤5】调整“可编辑区域”的大小和位置建议最下面一个单元格，只留1行，然后插入“可编辑区域”（也为1行）实例1—利用模板创建网站【步骤6】设置“可编辑区域”--名称【方法】单击，选中“可编辑区域”。在属性窗口的“名称”中设置实例1—利用模板创建网站【步骤6】设置“可编辑区域”--边框颜色【方法】选中“可编辑区域”。菜单“编辑”->“首选参数”实

4、例1—利用模板创建网站【步骤6】设置“可编辑区域”--可编辑区域的选择【方法1】直接单击选择【方法2】菜单“修改”->“模板”，如右图【步骤6】设置“可编辑区域”--可编辑区域的删除【方法1】选中后，Del【方法2】菜单“修改”->“模板”->”删除模板标记“实例1—利用模板创建网站【步骤7】将模板应用到网页中，有2种方法【方法1】根据模板，创建基于模板的网页。菜单“文件”->“新建”选择模板所应用的站点选择模板实例1—利用模板创建网站【步骤7】将模板应用到网页中，有2种方法【方法2】将已存在的网页套用模板。利用菜单

5、【步骤1】打开要套用模板的网页【步骤2】菜单“修改”->”模板”->“套用模板到页”，弹出如下对话框选择模板8.1.6应用模板【步骤7】将模板应用到网页中，有2种方法【方法2】将已存在的网页套用模板。利用文件面板【步骤1】打开要套用模板的网页【步骤2】右单击模板->“应用”或“应用按钮”模板实例1—利用模板创建网站【步骤8】利用步骤7介绍的方法，创建3个页面（都套用模板）【注意】光标在“可编辑区域”才有效网页套用的模板实例1—利用模板创建网站【步骤9】返回到模板文件mb.dwt。将导航栏链接到对应的页面实例1—利用模

6、板创建网站【步骤10】修改模板，将模板的修改应用到所有套用模板的网页中【方法】修改模板后，保存模板。保存后，自动完成应用，套用模板的页面都具有了超级链接。模板一改，则全改实例1—利用模板创建网站【步骤11】编辑每个页面的“可编辑区域”，完成网站的建立利用模板建立网站的主要步骤创建模板创建模板中的可编辑区域将创建的模板套用到页面上修改模板，将模板的修改应用所有套用模板的网页上创建模板的3种方法【方法1】从现有文件创建模板（将普通网页另存为模板）【方法2】在空白文档中创建模板【方法3】在“资源”模板中创建模板创建模板--

7、在空白文档中创建模板【步骤1】菜单“文件”->“新建”其他类型的网页模板创建模板--在空白文档中创建模板【步骤2】设计模板文件，就像设计普通网页一样【步骤3】保存。菜单“文件”->“保存”自动在站点中建立Templates文件夹用于存放模板文件创建模板--在“资源”模板中创建模板【步骤1】菜单“窗口”->“资源”，打开“文件”面板，其中含有找到资源【步骤2】单击“模板”按钮，切换到模板子面板创建模板--在“资源”模板中创建模板【步骤3】右单击下面的面板->“新建模板”【步骤4】为新模板命名模板文件代码【说明】通过“文

8、件”面板和“文件”菜单建立的空模板文件的代码如下位于HTML的和之间套用模板的页面中的代码【说明】代码都是浅灰色管理模板【更新模板文件】【步骤1】当模板改变后，保存模板时，会提示是否更新？显示套用了模板的网页并选择“更新”：更新所有套用了模板的网页管理模板【更新模板文件】【步骤2】在“更新页面”中，查看更新情况选择更新