《动态网页设计与制作实用教程(第二版)》-第13章.ppt

1、第13章网络链接、数据库和数字大板块、本章学习的网站一般由很多页面构成，用户只需网络链接页面即可阅览。 网络链接是网际网络的核心技术。 库和数字大板块盘是网页设置修订的强大工具，可以最大限度地利用共享资源，提高设置修订效率。 本章主要介绍如何网络链接每一页并在每一页之间重复使用设计元素。 通过本章的学习，读者了解到文档路径的类型网络链接的建立和管理过程库和数字大板块的建立和使用，第13章网络链接和库和数字大板块，13.1网络链接13.1.1网络链接的创建和管理，以及设置了存储网站文档的Dreamweaver 8网站和HTML页面后， 从一个网页网络链接一般由网络链接无线热点、链接地址、网络链接

2、指示标志三部分构成. Dreamweaver 8包含文本、图像等网络链接无线热点中的文档、图像、多媒体文件、 您也可以建立到文档中任何位置的文本或图像(包括标题、列表、表、层或信息帧中的文本或图像)的网络链接，方法有多种，可以创建到链接地址(如可下载的软件)的网络链接。 使用网站地图以视觉感知方式确认文件是如何网络链接的。 在网站地图中，可以向站点添加新文档、创建和删除文档网络链接，以及检查相关文件的网络链接。第13章关于网络链接、库、数字大板块盘、1个文档位置和路径的每个网页都有唯一的地址，称为URL (统一资源定位符)。 创建本地网络链接(即，从一个文档到同一站点上的另一个文档的网络链接)

3、时，通常指定当前文档或站点根文件夹的相对路径，而不是链接地址文档的完整URL。 使用Dreamweaver 8，可以方便地选择网络链接创建过程的类型。 (1)绝对路径。 绝对路径提供所网络链接文档的完整URL，包括要使用的连接协议。 contents.html是绝对路径。 (2)文件相对路径。 文档相对路径是大多数网站的本地网络链接的最佳路径。 如果当前文档所在的站点与当前文档所在的站点位于同一站点，并且您可能希望保持该状态，则文档相对路径尤其有用。 (3)站点根目录相对路径。 站点根目录相对路径提供从站点根文件到文档的路径。 第13章网络链接、库、数字小大板块和2创建网络链接必须在文档创建网

4、络链接之前存储文档，以确定相对路径的基点。 创建网络链接的基本方法是(1)创建指向其他文档或文件的网络链接：在“文档”窗口中选择无线热点文本或页面元素，然后使用“修改/建立网络链接”菜单选择链接地址文件。 (2)创建跳转到文档中特定位置的锚固件网络链接： (a )在跳转到的位置插入光标，选择“插入/命名锚固件点”菜单，然后命名并插入锚固件点。 b )在专业技术腻子粉检查器的“网络链接”字段中输入“#锚固件标记名称”(对于标记名称a，请输入#a )或将其拖到文件图标上以指向锚固件标记。 c )如果需要，可以在专业技术腻子粉检查器中更改锚固件标记名称。 第13章新建网络链接、库、数字大板块、(3)

5、填写收件人地址的空电子邮箱的电子邮箱网络链接。 a )将光标插入到要创建电子邮箱网络链接的位置，喀呖声插入栏“主页”标签上的电子邮箱网络链接图标，就会出现如图所示的对话框。 b )在对话框计程仪中键入要网络链接的网络链接文本和电子邮箱地址，然后喀呖声“ok (确定)”按钮完成设置。 可以创建电子邮箱网络链接。 第13章当网络链接、库、数字小大板块和3管理网络链接在本地站点中移动或重命名文档时，Dreamweaver 8会自动更新网络链接。 要在Dreamweaver 8中启用网络链接管理，请执行以下操作： (1)选择“编辑/首选项”，显示“首选项”对话计程仪框。 (2)如果从左侧的分类列表中选

6、择“一般”，则显示“一般”残奥仪表选择选项。(3)在“文档选项”部分，从“移动文件时更新网络链接”弹出菜单中选择“始终”或“提示”。 如果设置为“始终”，则每次移动或重命名选定文档时，所有网络链接都会自动更新。 如果选择“提示”，则每次移动或重命名选定文档时，都会首先显示一个对话计程仪框，列出所有受更改影响的文件。 喀呖声“更新”按钮将更新这些个文件的网络链接，而喀呖声“不更新”按钮将不会更改原始文件。 (4)喀呖声“ok”按钮完成设定。第13章网络链接、库和数字大板块、13.1.2网络链接的应用1导航仪表栏2制作图像地理图3制作信息帧定径套的网络链接4制作跳跃菜单、第13章链接、库和模板，

7、13.2库项目13.2.1识别“库”项目库是一种特殊的dreamweaaa，例如，如果页面具有相同的标题和脚注，而页面具有不同的页面版结构，则使用库项目保存标题和脚注，并在多页上网络链接相同的标题和脚注库项目是可以在多个页面上重复使用的存储页面元素。当您更改库项目时，使用该项目的所有页面都会自动更新。 可以将各种页面元素(包括图像、表格、声音和Flash影片)另存为库项目。第13章网络链接、库和数字大板块盘、13.2.2创建和编辑库项目1创建库项目创建库项目的步骤包括： (1)选择要保存为库项目的文档中的元素。 (2)a )选择“窗口/定径套”，如图所示，将选择内容拖到“定径套”面板的“库”类

8、别中。 b )在“库”类别的“定径套”面板底部，喀呖声“新建库项目”按钮。 c )选择“修改/库/将对象添加到库”菜单。 (3)输入新库项目的名称。 每个库项目都作为单独的文件(扩展名为. lbi )存储在站点本地根文件夹的“库”文件夹中。第13章编辑网络链接、程序库和数字大板块盘、2程序库项目编辑程序库项目的操作定步骤： (1)选择“窗口/资源”菜单后，显示“资源”面板的“程序库”类别。 (2)选择程序库项目。 元件库项目的预览会出现在定径套住面板的顶端，无法在预览中编辑。 (3)如果喀呖声“定径套”面板底部的“编辑”按钮或双喀呖声库项目，Dreamweaver 8将打开一个新窗口来编辑该库

9、项目。 (4)编辑库项目，保存更改。 (5)在显示的图13-10所示的对话计程仪框中，选择是否使用编辑的库项目更新本地站点上的文档。第13章从网络链接、库和数字大板块盘、库中删除库项目的步骤： (1)在“资源”面板的“库”类别中选择项目。 (2)喀呖声“删除”按钮，确认想要删除该项目。 要重新创建缺少或删除的库项目，请(1)从文档中选择项目的斯坦共和国。 (2)在专业技术腻子粉检查器中喀呖声“重新创建”按钮。第13章创建网络链接、库和数字大板块、13.3数字大板块创建13.3.1编辑数字大板块创建1数字大板块，可以从现有文档创建数字大板块，也可以从新创建的空文档创建数字大板块，方法是(1) 要

10、在“文档”窗口中打开另存为数字大板块盘的文档，请a )要打开现有文档，请选择“文件/打开”，然后选择文档。 b )要打开新的空文档，请选择“文件/新建”菜单。 (2)如果文档已打开，请选择“文件/另存为数字大板块盘”。 在出现的对话框计程仪框中，从“站点”弹出菜单中选择要保存数字大板块的站点，然后在“另存为”字符框中输入数字大板块的唯一名称。 (4)喀呖声“保存”按钮。、第13章创建网络链接、库和数字大板块、2可编辑区域在数字大板块文档中插入可编辑数字大板块区域的操作步骤如下： (1)在要插入可编辑区域的位置设置插入点。 (2)a )执行选择“插入/数字大板块对象/可编辑区域”菜单的操作中的任

11、意一个，插入可编辑区域。 b )右喀呖声所选文本或对象，然后从弹出菜单中选择“新建可编辑区域”。 c )在“插入”栏中选择“数字大板块”，喀呖声“可编辑区域”按钮。 出现“新建可编辑区域”对话计程仪，如图所示。第13章网络链接、库和数字大板块；(3)在“名称”字符框中键入该区域的唯一名称(特定数字大板块内的多个可编辑区域不能使用相同的名称)。 (4)喀呖声4)ok按钮后，如图所示，可编辑区域会在数字大板块内用高亮伊利石的长方形框包围。 区域左上犄角旮旯中的选项卡显示区域的名称。 如果在文档中插入一个空的可编辑区域，该区域的名称将显示在该区域中。第13章网络链接、库和数字大板块、3可编辑区域的删

12、除要将数字大板块文件的一个区域标记为可编辑，现在再次摇滾乐(不可编辑)，请在(1)文档或标签选择器中，选择要变更的可编辑区域。 (2)选择“修改/数字大板块盘/删除数字大板块定标记”菜单。 13.3.2应用数字大板块1使用“新建文档”对话计程仪创建基于数字大板块的文档2从“资源”面板中的数字大板块创建新建文档3要添加将数字大板块应用到现有文档的文本字段，请(1)在表单大纲中放置附加点。 (2)在插入栏中选择“表单”标签，喀呖声“文本区域”图标。 (3)启动职业腻子粉检查器，设定文本框的职业腻子粉。 (4)选择文本字段类型。 (5)选择类型后，进行以下操作，完成文本框的设定： a )在“文本框”

13、标签下，在文本框中输入唯一的名称。 b )输入文本框的长度和最大显示字符数(多行文本指定行数、字符宽度等)。 c )输入文本字段的初始值。 (6)要在页内的字段中添加标签条，请将附加点放在对象旁边，然后键入所需的文本。第13章如果选中网络链接、库、数字大板块盘、3复选框，用户可以从一系列选项中选择多个选项。 4单选按钮(组)单选按钮用于要求用户择不开一系列选项中的一个选项。 单喀呖声按钮通常分组使用。 组中的所有单选按钮必须具有相同的名称，并且必须包含不同的结构域值。 5滚动列表滚动列表可以在有限的空间中显示多个选项。 用户可以滚动整个列表并选择其中的选项。 6标准表单按钮标准表单按钮是浏览器

14、的默认按奥尔特按钮样式，其中包含要显示的文本。 标准表单按钮通常标记为“提交”、“重新定径套定”或“提交”。第13章网络链接、库和数字大板块、1在“信息帧”面板中选择信息帧和信息帧定径套(1)选择“窗口/其他/信息帧”菜单，显示“信息帧”面板。 (2)在“信息帧”面板中喀呖声并选择信息帧。 (3)在信息帧面板中喀呖声信息帧定径套周围的边框，然后选择信息帧定径套。 2在“文档”窗口中选择信息帧和信息帧定径套(1)要在与当前选区相同的级别选择下一个信息帧(信息帧定径套)或上一个信息帧(信息帧集)，请按Alt左箭头键或右箭头键。 (2)选择父信息帧定径套(包含当前选择内容的信息帧定径套)，按住Alt

15、牛鼻子的同时按向上箭头牛鼻子。 (3)要选择当前选择的信息帧定径套的第一个子信息帧或信息帧定径套(即按照信息帧定径套文件中定义的顺序的开头)，请按住Alt牛鼻子并按方向键。第13章网络链接、库和数字大板块，通过在信息帧的空文档中插入新内容或在信息帧中打开现有文档来指定信息帧的初始内容，11.3.4信息帧中打开文档。(1)在信息帧中放置插入点，以便在信息帧中打开现有文档。 (2)选择“在文件/信息帧中打开”菜单。 (3)在信息帧内选择要打开的文档，喀呖声“ok”按钮，该文档就会出现在信息帧内。 (4)要使文档成为在浏览器中打开信息帧定径套时出现在信息帧上的差动奥尔特，请保存信息帧定径套。第13章

16、网络链接、库和数字大板块、11.3.5信息帧和信息帧定径套文件的保存1信息帧定径套文件的保存操作方法： (1)在框架面板或文档窗口中选择框架集。 (2)a )保存信息帧定径套文件时，请选择“保存文件/信息帧定径套”菜单。 b )要将信息帧定径套文件另存为新文件，请选择“文件/将信息帧定径套另存为”菜单。 如果没有将信息帧定径套文件存储在在先中，则这两个命令是等同的。 2要保存信息帧中的文档，请在信息帧中喀呖声，然后选择“文件/保存信息帧”菜单或“将文件/信息帧另存为”菜单。 使用第13章网络链接、库、数字小大板块和11.4层版结构页面的层是可以放置在页面上任何位置的HTML页面元素。 图层就像

17、是可移动的粘贴板，可以包含文本、图像或可以放置在HTML文档正文中的其他内容。 使用图层可以非常灵活地放置网页内容。 11.4.1创建层1创建层(1)在插入栏的“版结构”选项卡下喀呖声“绘制层”图标。 (2)在文档窗口的设计视图中，通过拖动鼠标描绘层。 图层2面板图层面板可让您管理文件中的图层。 选择“窗口/层”菜单以打开“层”面板。 层显示为按z轴排列的名称列表。 最初创建的层位于列表的底部，新创建的层位于列表的顶部。 嵌套层将显示为连接到父层的名称。 喀呖声加号()或减号()图标，显示或隐藏嵌套层。 3层残奥仪表设置使用“编辑/首选项/层”对话框计程仪中的“层”类别指定新层的深度奥尔特设置

18、。 第13章操作网络链接、库、数字大板块和11.4.2层的基本操作页面版结构时，可以选择、移动、调整大小和对齐层。 在移动、调整大小或对齐图层之前，必须先选取图层。 1选择第2层调整第4层移动第5层捕捉到栅格11.4.3，在将内容放置到附加层中的层之前，必须将插入点放置到层上。 插入操作的执行过程与层外推法元素相同。第13章网络链接、库和数字大板块、11.4.4修改现有层的职业腻子粉查看和配置一层的职业腻子粉要在“腻子粉”检查器中查看和配置层的职业腻子粉，请选择(1)层。 (2)选择“窗口/专业技术腻子粉”菜单，打开专业技术腻子粉检查器。 (3)设置“propery”腻子粉并更改层的配置腻子粉选择多个层后，“层配置腻子粉”检查器将显示文本配置腻子粉和部分所有层配置腻子粉，您可以将多个层修改为云同步。 2更改图层的堆叠顺序使用“专业技术腻子粉”检查器或“图层”面板更改图层的堆叠顺序。 “层”面板列表中的顶层位于堆叠顺序的顶部，显示在其他层之