第7章_使用模板和库

�
电子商务网站开发教程
第7章 使用模板和库
模板具有以下优点. (1)风格一致,看起来比较系统,也省去了重复劳动的麻烦. (2)如果要修改共同的页面元素,则不必一个一个地修改,只要更改应用它 们的模板就可以了. (3)免除了以前没有此功能时还要常常"另存为";否则一不小心容易覆盖 重要档案的困扰.
电子商务网站开发教程
电子商务Байду номын сангаас站开发教程
在Dreamweaver 中,用户要想使用模板创建网页,首先要在模板文件中插 中,用户要想使用模板创建网页,首先要在模板文件中插 入一个可编辑区域.选择"窗口"|"资源"命令,打开"资源"面板,在模板 入一个可编辑区域.选择"窗口"|"资源"命令,打开"资源"面板,在模板 列表中打开模板文件,然后在模板文档中选择一段需要设置为可编辑区域的文 字内容,选择"插入"|"模板对象"|"可编辑区域"命令,将打开"新建可编辑 字内容,选择"插入"|"模板对象"|"可编辑区域"命令,将打开"新建可编辑 区域"对话框.在"名称"文本框中输入可编辑区域的名称,单击"确定"按 区域"对话框.在"名称"文本框中输入可编辑区域的名称,单击"确定"按 钮,这时将在模板文件中创建一个边框以浅蓝色加亮显示的可编辑区域.
电子商务网站开发教程
7. 3 修改模板
在"资源"面板中,用户可以在模板列表中编辑现有模板,或刚刚创建的 空白模板.同时可对列表中的模板进行删除,修改,重命名等操作.选择"窗 口"|"资源"命令,或是按F11快捷键,打开"资源"面板.Dreamweaver的 口"|"资源"命令,或是按F11快捷键,打开"资源"面板.Dreamweaver的 "资源"面板是网站的"资源中心",它包括了站点中所有的图像,颜色,链 接及Flash资源等. 接及Flash资源等. 编辑与保存模板 复制模板 重命名与删除模板
学习目标
掌握知识:通过本章的学习,同学们应了解并掌握在页面中创建模板和库 掌握知识:通过本章的学习,同学们应了解并掌握在页面中创建模板和库 项目的基本方法,并能够编辑模板和库项目,以及设置它们的属性. 重点学习:本章重点讲解了创建模板,定义模板的可编辑区域以及创建, 重点学习:本章重点讲解了创建模板,定义模板的可编辑区域以及创建, 管理和编辑库项目的方法.课后同学们应结合上机操作进行强化练习.
电子商务网站开发教程
7.5 上机实验
本章的上机实验主要练习使用模板和库制作Dreamweaver 本章的上机实验主要练习使用模板和库制作Dreamweaver 网页,其中对模 板的管理是重点,用户使用模板的过程中应注意使用"资源"面板上的各选项 设置模板参数.在使用库项目时,应注意其属性检查器中各命令的作用.对于 本章中的其他内容,用户可根据理论指导部分进行练习. 在页面中应用模板 创建库项目
电子商务网站开发教程
7.2.5 创建,管理和编辑库项目 创建,
库用于存放文档中的页面元素,如图像,文本,Flash动画等.这些页面元 库用于存放文档中的页面元素,如图像,文本,Flash动画等.这些页面元 素通常被广泛使用于整个站点,并且能被重复使用或经常更新,因此它们被称 为"库项目". 在Dreamweaver文档中,可以将任何元素创建为库项目,这些元素包括文 Dreamweaver文档中,可以将任何元素创建为库项目,这些元素包括文 本,表格,表单,Java程序,插件,ActiveX控件以及图像等.库项目文件的 本,表格,表单,Java程序,插件,ActiveX控件以及图像等.库项目文件的 扩展名为.lbi,所有的库项目都被保存在一个文件中,且库文件的默认放置文 扩展名为.lbi,所有的库项目都被保存在一个文件中,且库文件的默认放置文 件夹为Library. 件夹为Library. 要编辑库项目的属性,可在文档中选择一个库项目,然后选择"窗 口"| 口"|"属性"命令以显示库项目属性检查器.
电子商务网站开发教程
第7章 使用模板和库
通常在一个网站中,可能有几十甚至几百个页面,然而并非每个页面的布 局都不相同.一般来说,页面被分为若干级.首页是第一级,它是网站的门户, 因此一般是独一无二的.跟首页相链接的页面就是二级页面,二级页面中一般 分为若干个栏目,与每一个栏目相链接的页面就是三级页面.当然还可以有更 多的层次,这样内容相似的页面往往使用相同的布局,各页面之间不同的部分 只是具体内容.
电子商务网站开发教程
知识要点
创建模板 定义模板区域 管理模板 使用模板创建文档 创建,管理和编辑库项目
电子商务网站开发教程
7. 1 创建模板
模板实际上也是HTML文档,只不过在模板文档中增加了"模板"标记.在 模板实际上也是HTML文档,只不过在模板文档中增加了"模板"标记.在 Dreamweaver中,它的扩展名为.dwt,并存放在本地站点的Templates文件夹中. Dreamweaver中,它的扩展名为.dwt,并存放在本地站点的Templates文件夹中. 模板文件夹只是在创建模板的时候才会自动生成. 用户可以在Dreamweaver 8中打开一个现有文档,然后选择"文件"| 用户可以在Dreamweaver 8中打开一个现有文档,然后选择"文件"|"另存 为模板"命令,打开"另存模板"对话框,将其保存为模板.
电子商务网站开发教程
7. 1 创建模板
模板定义了文档的布局结构和大致框架, 模板定义了文档的布局结构和大致框架,模板中创建的元素在基于模板的 页面中通常是锁定区域(或非可编辑区域) 要想可以编辑, 页面中通常是锁定区域(或非可编辑区域),要想可以编辑,必须在模板中定义 可编辑区域.在使用模板创建文档时只能够改变可编辑区域中的内容, 可编辑区域.在使用模板创建文档时只能够改变可编辑区域中的内容,锁定区 域在文档中始终保持不变. 域在文档中始终保持不变. 设置可编辑区域 设置模板参数
电子商务网站开发教程
7. 1 创建模板
制作模板与制作普通页面完全相同,只是通常并不把页面的所有部分都完 成,而只是制作导航栏和标题栏等各个页面的公有部分,这些部分一般在网页 的四周,而把中间留给每页的具体内容.
电子商务网站开发教程
7. 1 创建模板
如课本图7 如课本图7-5所示.模板页面的大部分已经完成了,如导航栏等,因为这些 部分对很多页面是相同的.还有1个部位是空白的,在图中用表格4 部分对很多页面是相同的.还有1个部位是空白的,在图中用表格4表示.这些 区域在模板中是空白的,将来基于模板创建出一个个页面以后,在各个页面中 放置具体内容.
电子商务网站开发教程
7. 1 创建模板
实例操作:
电子商务网站开发教程
考: 考:创建 区别? 创建网页 区别?
创建
个设
可编辑区
建
时基 页
选择HTMLi
‰ i 件 缀 及 与 网页 同
电子商务网站开发教程
7. 2 运用模板
上面创建了一个模板,并保存好了,现在来尝试使用这个模板.首先来学 习用这个模板创建几个新的网页.
电子商务网站开发教程
用户可以使用"首选参数"对话框来设置模板的可编辑区域和锁定区域的 用户可以使用"首选参数"对话框来设置模板的可编辑区域和锁定区域的 边框颜色.选择"编辑"| 边框颜色.选择"编辑"|"参数选择"命令,打开"首选参数"对话框,在 对话框的"分类"列表中选择"标记色彩"选项,此时在对话框右部的"可编 辑区域"和"锁定的区域"文本框中可输入边框的颜色.
电子商务网站开发教程
7. 4 创建,管理和编辑库项目 创建,
用户在使用Dreamweaver 8制作网页的过程中,可以以模板为基础创建新 用户在使用Dreamweaver 8制作网页的过程中,可以以模板为基础创建新 的文档,或将一个模板应用于现有的文档. 创建基于模板的文档 在现有文档上应用模板 从模板中分离文档 更新基于模板的页面
电子商务网站开发教程
第7章 使用模板和库
通常在一个网站中会有几十个甚至几百个风格相似的页面,如果每次都重 新设定网页结构以及相同栏目下的导航栏,各类图标就显得非常麻烦,使用 Dreamweaver的模板和库功能将大大简化这样的操作. Dreamweaver的模板和库功能将大大简化这样的操作. 为了避免重复操作,用户可以使用Dreamweaver 为了避免重复操作,用户可以使用Dreamweaver 提供的模板和库功能,将 具有相同版面结构的页面制作成模板,将相同的元素(如版权信息部分) 具有相同版面结构的页面制作成模板,将相同的元素(如版权信息部分)制作为 库项目,并存放在库中以便随时调用.模板和库最强大的用途之一在于一次更 库项目,并存放在库中以便随时调用.模板和库最强大的用途之一在于一次更 新多个页面,当更改了模板或库的内容时,Dreamweaver会自动更新基于该 新多个页面,当更改了模板或库的内容时,Dreamweaver会自动更新基于该 模板和库的所有文档.
电子商务网站开发教程
7. 3 修改模板
模板的作用还不仅于此,它还有更大的作用.事实上,建立网站并不是一 劳永逸的事,网页可能会更新,甚至栏目也有可能要增加,如果很多网页不是 使用同一个模板创建的,那么手工逐个修改页面使新旧页面保持一致将是十分 烦琐的事.Dreamweaver 8提供的自动更新所有网页的功能解决了这个问题.
电子商务网站开发教程
第7章 使用模板和库
使用模板创建文档可以使网站和网页具有统一的结构和外观,如果有多个 网页想要用统一风格来制作,用"模板"是一种有效便捷的方法. 模板实质上就是作为创建其他文档的基础文档.在创建模板时,可以决定 哪些网页元素应该长期保留,不可编辑,哪些元素可以编辑和修改.然后通过 模板创建出风格相同的网页来.