《网页设计与编程》.ppt

7.3.2 模板的更新 定义可编辑的可选区域 对于基于模板创建的网页，如果有些区域允许用户编辑该区域中的内容，同时根据事先设置的条件控制该区域显示或隐藏。 7.3.2 模板的更新 定义可编辑标签属性 对于基于模板创建的网页，如果需要修改某些页面元素的属性，如背景图像，背景颜色等，则可以在创建模板时将这些属性定义为可编辑标签属性。 7.3.2 模板的更新 2. 用模板更新网页和网站 一旦模板被应用到多个网页文档中，对此模板的修改则会更新全部及其相关联的文档。这种使用模板更新文件的方法大大节省了用户的时间，尤其在涉及大量的改动时极为有效。 7.4 使用库 Dreamweaver中提供了库的概念。库是用来存储想要在整个网站上经常重复使用或更新的网页元素，其它网页可调用库文件。这样一旦需要修改重复使用的部分，只需要修改库文件，而其它调用此库的页面将会被全部更新。 7.4.1 创建库 库项目可以包含多种网页元素，如：图像、链接、表格、脚本等，但CSS样式表文件不能作为库项目添加到库。 创建库的常用方法有三种： 方法一：选择“窗口”菜单｜“资源”命令，打开“资源”面板，选择“库”选项，单击“资源”面板下方的“新建库项目”按钮。 方法一：选择“文件”菜单｜“新建”命令，弹出“新建文档”对话框，选择“常规”选项卡｜“基本页”｜“库项目”命令，单击“创建”按钮，如图所示。 　　 7.4.1 创建库 方法三：将已经编辑好的网页元素转换为库文件，首先选中要转换为库文件的网页元素，然后选择“修改”菜单｜“库”｜“增加对象到库”命令，当前选中的网页元素就会成为一个新的库项目以供其它网页调用。 创建库文件后，站点中就会多出子文件夹library，库文件的默认存储路径就是该文件夹。库文件的后缀名为lbi。库的编辑及普通网页的编辑完全相同。 7.4.2 应用库 库建立后，可以很轻松地将库应用于网页文件中。操作步骤如下： 步骤1　打开网页，把光标定位在需要插入库的位置。 步骤2　在“资源”面板中选择“库”选项，然后单击相应的库项目，单击“插入”按钮，或者将库项目直接拖到网页需要插入库的位置。 将库项目应用到网页文件中后，在Dreamweaver的网页编辑状态，库项目的背景呈现高亮度显示。 7.4.3 修改库 库被应用到网页文档中，在网页中是无法修改的。要修改库，必须首先打开库文件才能进行编辑。对库的修改则会自动更新所用及之关联的网页文档。 1. 编辑库 打开“资源”面板，选中“库”选项，然后双击某个库文件，进入库文件的编辑状态，对库文件进行修改。 将库文件修改完毕，保存库文件。。此时弹出 “更新库项目”对话框，或选择“修改”菜单｜“库”｜“更新”页面。单击“更新”按钮。 7.4.3 修改库 2. 删除库 打开“资源”面板，选中“库”选项，然后单击库文件名，按DEL键即可。删除库后，不会改变任何调用此库的其它网页内容。 3. 使网页中库项目可编辑 如果网页中添加了库项目，库项目以高亮显示，无法编辑。如果想要编辑调用库在当前网页的内容，则必须断开当前网页及库之间的关联。操作步骤如下： 在当前网页中选中项目，在“属性”面板中单击“从源文件分离”按钮。 6.2 创建表单 表单相当于一个容器，它容纳的是承载数据的表单对象，例如：文本框、复选框等。因此一个完整的表单包括二部分：表单及表单对象，二者缺一不可。 本章主要介绍通过表单可以实现浏览器及服务器之间的信息交流，在WWW上表单被广泛用于各种信息的收集和反馈，如图所示。 【本章学习目的】 本章通过一个用户注册信息表的实例，重点介绍了表单的创建、表单对象的插入，通过本章的学习，读者应了解表单的用途，掌握插入表单和表单对象的方法，了解通过Dreamweaver内部行为验证用户输入信息的正确性。 6.2.1 表单网页的布局 在包含表单的网页，一般仍采用表格排版方式。其操作步骤如下： 步骤1　新建一个网页，添加页面背景，插入一个表单，出现一个红色虚线框。 步骤2　在表单中，插入表格，采用表格排版，在表格中，插入图像或动画、文本加以修饰，并用CSS样式美化网页。 步骤3　最后在表格中插入表单对象。 6.2.2 创建表单 1. 插入表单 插入表单常用的方法有以下两种： 方法一：单击“插入”栏｜“表单”选项｜“表单”按钮。 方法二：选择“插入”菜单｜“表单”｜“表单”命令。 在网页中出现一个红色的虚线框。表单的作用是当访问者单击表单