《网页设计教程第6章.ppt》由会员分享，可在线阅读，更多相关《网页设计教程第6章.ppt（79页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第6章章 站点管理、模板与库站点管理、模板与库本章要点本章要点l 6.1 站点管理站点管理 l 6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 l 6.3 建立电子邮件、无址和脚本链接及远建立电子邮件、无址和脚本链接及远 程登录程登录 l 6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 l 6.5 建立本地站点和制作主页建立本地站点和制作主页 l 6.6 制作内容页面制作内容页面 l 6.7 发布站点发布站点 l 习题习题6 6.1.1 新建站点和站点视图新建站点和站点视图1建立新站点（1）单击）单击“站点站点”“管理站点管理站点”命令，调出命令，调出“管
2、理站点管理站点”窗口，如图窗口，如图6-1-1所示。所示。6.1 站点管理站点管理 图6-1-1 “管理站点”窗口 （2）单击）单击“管理站点管理站点”对话框中的对话框中的“新建新建”按钮，调出按钮，调出“新建新建”快捷菜快捷菜单。在快捷菜单中单击单。在快捷菜单中单击“站点站点”命令，调出站点定义为（高级）对话框命令，调出站点定义为（高级）对话框（单击（单击“高级高级”标签），如图标签），如图6-1-2所示。所示。6.1 站点管理站点管理 图6-1-2 站点定义为（高级）对话框 （3）在）在“站点名称站点名称”文本框内输入站点的名称文本框内输入站点的名称“我的站点我的站点”。在。在“本地本地根
3、文件夹根文件夹”文本框内输入站点在本主机硬盘上的存储位置，即路径和文件文本框内输入站点在本主机硬盘上的存储位置，即路径和文件夹名称（夹名称（FWEB1）。）。（4）在在“HTTP地址地址”文本框内输入上传站点地址的文本框内输入上传站点地址的URL，也可不输入内也可不输入内容。容。（5）选中）选中“启用缓存启用缓存”复选框后，可加速链接的更新速度。当硬盘容量复选框后，可加速链接的更新速度。当硬盘容量足够大时可选中它。足够大时可选中它。（6）单击）单击“确定确定”按钮后，返回按钮后，返回“管理站点管理站点”对话框。在对话框的左边对话框。在对话框的左边将列出刚创建的站点名称，如图将列出刚创建的站点名
4、称，如图6-1-1所示。单击所示。单击“完成完成”按钮，返回按钮，返回Dreamweaver的文档窗口。的文档窗口。（7）在）在“文件文件”面板中的第一个下拉列表框中选择面板中的第一个下拉列表框中选择“管理站点管理站点”列表项，列表项，可以再次调出可以再次调出“管理站点管理站点”对话框，如图对话框，如图6-1-1所示。利用它可以删除、编所示。利用它可以删除、编辑、复制、新建、导入和导出站点。辑、复制、新建、导入和导出站点。（8）将鼠标指针移到）将鼠标指针移到“文件文件”面板中，单击鼠标右键，调出一个快捷菜面板中，单击鼠标右键，调出一个快捷菜单。利用该快捷菜单可新建文件夹、新建文档、打开选中的文
5、档和打开其单。利用该快捷菜单可新建文件夹、新建文档、打开选中的文档和打开其他文档等。他文档等。（9）单击选中）单击选中“文件文件”面板内第一个下拉列表框中的其他站点名称，可面板内第一个下拉列表框中的其他站点名称，可以显示其他站点的结构和文件。以显示其他站点的结构和文件。6.1 站点管理站点管理 2设置站点地图属性调出如图调出如图6-1-2所示的所示的“站点定义为站点定义为”（高级）对话框后，单击选中该对话（高级）对话框后，单击选中该对话框内框内“分类分类”列表框中的列表框中的“站点地图布局站点地图布局”栏，即可使栏，即可使“站点定义为站点定义为”对对话框变为如图话框变为如图6-1-3所示的所示
6、的“站点地图布局站点地图布局”设置项目。其中各选项的作用设置项目。其中各选项的作用如下。如下。6.1 站点管理站点管理 图6-1-3 站点定义为（站点地图布局）对话框 6.1.2 “文件文件”面板和面板和“站点站点”窗口窗口1打开“文件”面板和“站点”窗口单击单击“文件文件”面板的标准工具栏内的面板的标准工具栏内的“扩展扩展/折叠折叠”按钮，即可调出按钮，即可调出“站站点点”窗口，如图窗口，如图6-1-4所示。这时该窗口中会出现新建站点的结构与文档、所示。这时该窗口中会出现新建站点的结构与文档、文件夹的名字。再单击文件夹的名字。再单击“站点站点”窗口标准工具栏内的窗口标准工具栏内的“展开展开/
7、折叠折叠”按钮，按钮，又可回到又可回到“文件文件”面板，如图面板，如图6-1-5所示。所示。6.1 站点管理站点管理 图6-1-4 “站点”窗口 图6-1-5 “文件”面板 2“文件”面板和“站点”窗口的特点（1）在）在“文件文件”面板和面板和“站点站点”窗口内可以执行标准的文件操作。将鼠标指窗口内可以执行标准的文件操作。将鼠标指针移到针移到“文件文件”面板内或面板内或“站点站点”窗口的本地文件显示栏内，单击鼠标右键，窗口的本地文件显示栏内，单击鼠标右键，可以弹出它的快捷菜单，利用该菜单可以创建文件夹、创建文件、移动文件、可以弹出它的快捷菜单，利用该菜单可以创建文件夹、创建文件、移动文件、删除
8、文件、打开文件和文件重命名等。删除文件、打开文件和文件重命名等。（2）“站点站点”窗口内有两栏，左边是窗口内有两栏，左边是“地图地图”视图栏，右边是视图栏，右边是“本地文件本地文件”栏。用鼠标拖曳两栏之间的分割条，可以调整两栏的大小比例，取消一个栏。栏。用鼠标拖曳两栏之间的分割条，可以调整两栏的大小比例，取消一个栏。（3）单击）单击“站点站点”窗口内的窗口内的“站点地图站点地图”按钮右下角的黑色箭头，可调出一按钮右下角的黑色箭头，可调出一个菜单。单击该菜单中的个菜单。单击该菜单中的“仅地图仅地图”命令，可使右边的命令，可使右边的“本地文件本地文件”栏消失。栏消失。单击该菜单中的单击该菜单中的“
9、地图和文件地图和文件”命令，可使右边的命令，可使右边的“本地文件本地文件”栏显示，即栏显示，即切换到切换到“地图和文件地图和文件”状态。状态。（4）单击）单击“站点站点”窗口内的窗口内的“站点文件站点文件”按钮，可使按钮，可使“站点站点”窗口只显示窗口只显示“本地文件本地文件”栏，但左边的栏不消失，只是没有栏，但左边的栏不消失，只是没有“地图地图”视图。视图。链接是指用鼠标单击链接是指用鼠标单击HTML文件（叫源文件）中的一些文字（叫热字）或图文件（叫源文件）中的一些文字（叫热字）或图像，即可用浏览器显示相应的像，即可用浏览器显示相应的HTML或图像文件（叫目标文件）等内容。也或图像文件（叫目
10、标文件）等内容。也可以说，在这些源文件的文字或图像与相应的目标文件的可以说，在这些源文件的文字或图像与相应的目标文件的HTML和图像文件和图像文件建立了链接。建立了链接。6.1 站点管理站点管理 6.2.1 文字或图像与外部文字或图像与外部HTML和图像文件的链接和图像文件的链接1利用“属性”栏内“链接”文本框和文件夹按钮建立链接利用利用“属性属性”栏内栏内“链接链接”文本框和文件夹按钮建立链接的操作如下。文本框和文件夹按钮建立链接的操作如下。（1）用鼠标拖曳选中网页中要链接的文字或单击选中要链接的图像。）用鼠标拖曳选中网页中要链接的文字或单击选中要链接的图像。（2）单击）单击“属性属性”面板
11、中的面板中的“链接链接”栏中的文件夹按钮，调出栏中的文件夹按钮，调出“选择文选择文件件”对话框，利用该对话框选择要链接的对话框，利用该对话框选择要链接的HTML文件或图像文件（即目标文件或图像文件（即目标文件）。也可以直接在文本框内输入要链接的文件）。也可以直接在文本框内输入要链接的HTML文件或图像文件的路文件或图像文件的路径与文件名。使用路径时一定要注意相对路径与绝对路径的使用方法，通径与文件名。使用路径时一定要注意相对路径与绝对路径的使用方法，通常最好使用相对路径。常最好使用相对路径。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 2利用“属性”栏内的指向图标建立链
12、接利用利用“属性属性”栏内的指向图标建立链接的操作如下。栏内的指向图标建立链接的操作如下。（1）在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标）在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标文件（文件（HTML文件），如图文件），如图6-2-1所示。所示。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-1 利用“属性”栏内的指向图标建立链接的方法 （2）选中要建立链接的源文件中的文字或图像（如选中图）选中要建立链接的源文件中的文字或图像（如选中图6-2-1中左边网中左边网页中的文字）。页中的文字）。（3）用鼠标拖曳文字或图像）用鼠标拖曳文
13、字或图像“属性属性”栏内的指向图标，到图栏内的指向图标，到图6-2-1中右边中右边网页编辑窗口内。这时会产生一个从指向图标指向目标文件的箭头，如图网页编辑窗口内。这时会产生一个从指向图标指向目标文件的箭头，如图6-2-1所示。然后松开鼠标左键，即可建立链接。所示。然后松开鼠标左键，即可建立链接。3利用“文件”面板建立链接利用利用“文件文件”面板建立链接操作如下。面板建立链接操作如下。（1）调出）调出“文件文件”面板，使要链接的目标文件名字出现在面板，使要链接的目标文件名字出现在“文件文件”面板面板内。同时在网页编辑窗口内打开要建立链接的源文件。内。同时在网页编辑窗口内打开要建立链接的源文件。（
14、2）选中网页编辑窗口内要建立链接的源文件中的文字或图像（如单击）选中网页编辑窗口内要建立链接的源文件中的文字或图像（如单击选中图选中图6-2-2中左边网页编辑窗口内的图像）。中左边网页编辑窗口内的图像）。图图6-2-2 利用利用“站点站点”面板的链接方法面板的链接方法（3）用鼠标拖曳文字或图像）用鼠标拖曳文字或图像“属性属性”栏内的指向图标，移到图栏内的指向图标，移到图6-2-2中中“文件文件”面板内要链接的目标文件（面板内要链接的目标文件（01.htm）。）。这时会产生一个从指向图标这时会产生一个从指向图标指向目标文件的箭头。当目标文件名字周围出现矩形框时，松开鼠标左键，指向目标文件的箭头。
15、当目标文件名字周围出现矩形框时，松开鼠标左键，即可完成链接。即可完成链接。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-2 利用“站点”面板的链接方法 4利用利用“站点站点”窗口建立链接方法一窗口建立链接方法一 利用利用“站点站点”窗口建立链接的操作方法之一如下。窗口建立链接的操作方法之一如下。（1）调出）调出“站点站点”窗口，使要链接的目标文件名字出现在窗口，使要链接的目标文件名字出现在“站点站点”窗口窗口右边的右边的“站点文件站点文件”栏内，使源文件出现在栏内，使源文件出现在“站点站点”
16、窗口左边的窗口左边的“地图地图”视图栏内。视图栏内。（2）单击选中）单击选中“站点站点”窗口左边窗口左边“地图地图”视图栏内建立链接的源文件图视图栏内建立链接的源文件图标。此时源文件图标右上方会出现一个指向图标，如图标。此时源文件图标右上方会出现一个指向图标，如图6-2-3所示。所示。如果没有出现指向图标，则可在源文件图标上单击鼠标右键，调出其快捷如果没有出现指向图标，则可在源文件图标上单击鼠标右键，调出其快捷菜单，再单击菜单中的菜单，再单击菜单中的“显示显示/隐藏链接隐藏链接”命令，即可使指向图标显示出命令，即可使指向图标显示出来。来。（3）用鼠标拖曳）用鼠标拖曳“站点站点”窗口左边窗口左边
17、“地图视图地图视图”栏内的指向图标，到图栏内的指向图标，到图6-2-3中中“站点站点”窗口右边框架内要链接的目标文件。这时会产生一个从指向窗口右边框架内要链接的目标文件。这时会产生一个从指向图标指向目标文件的箭头。当目标文件名字周围出现矩形框时，松开鼠标图标指向目标文件的箭头。当目标文件名字周围出现矩形框时，松开鼠标左键，即可完成链接。左键，即可完成链接。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-3 利用“站点”窗口的链接方法 5利用“站点”窗口建立链接方法二利用利用“站点站点”窗口建立
18、链接操作方法之二如下。窗口建立链接操作方法之二如下。（1）用鼠标右键单击源文件图标，调出它的快捷菜单，单击该菜单中的）用鼠标右键单击源文件图标，调出它的快捷菜单，单击该菜单中的“链接到已有文件链接到已有文件”命令，调出命令，调出“选择选择HTML文件文件”对话框，利用它可以对话框，利用它可以选择要链接的目标文件。选择要链接的目标文件。图图6-2-4 “链接到新文件链接到新文件”对话框（对话框（2）如果单击源文件图标快捷菜单中的）如果单击源文件图标快捷菜单中的“链接到新文件链接到新文件”命令，会调出命令，会调出“链接到新文件链接到新文件”对话框，如图对话框，如图6-2-4所示。所示。在该对话框中
19、输入要链接的在该对话框中输入要链接的HTML文件名字、标题和链接文本，单击文件名字、标题和链接文本，单击“确确定定”按钮即可建立一个新的已链接的按钮即可建立一个新的已链接的HTML文件。文件。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-4 “链接到新文件”对话框 6.2.2 文字或图像与文字或图像与HTML文件锚点的链接文件锚点的链接当页面的内容很长时，在浏览器中查看某一部分的内容会很麻烦，这时可当页面的内容很长时，在浏览器中查看某一部分的内容会很麻烦，这时可以在要查看内容的地方加一个定位标记，即锚点（也叫锚记）。这样，可以在要查看内容的地方加一个定位标记，
20、即锚点（也叫锚记）。这样，可以建立页面内文字或图像与锚点的链接，单击页面内文字或图像后，浏览以建立页面内文字或图像与锚点的链接，单击页面内文字或图像后，浏览器中会迅速显示锚点处的内容。也可以建立页面内文器中会迅速显示锚点处的内容。也可以建立页面内文图图6-2-5 “命名锚记命名锚记”对话框字或图像与其他对话框字或图像与其他HTML文件中的锚点的链接。文件中的锚点的链接。在页面内设置锚点的方法如下。在页面内设置锚点的方法如下。（1）单击页面内要设置锚点的地方，将光标移至此处。再单击）单击页面内要设置锚点的地方，将光标移至此处。再单击“插入插入”（常用）面板内的（常用）面板内的“命名锚记命名锚记”
21、按钮，弹出按钮，弹出“命名锚记命名锚记”对话框，如图对话框，如图6-2-5所示。所示。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-5 “命名锚记”对话框 （2）在）在“锚记名称锚记名称”文本框内输入锚点的标记名称（如文本框内输入锚点的标记名称（如MD1）。）。再单击再单击“确定确定”按钮，退出该对话框。同时，在页面光标处会产生一个锚点标记。按钮，退出该对话框。同时，在页面光标处会产生一个锚点标记。如果看不到该标记，可单击选中如果看不到该标记，可单击选中“查看查看”“可视化助理可视化助理”“不可见元不可见元素素”命令。命令。在浏览器内不会显示锚点标记。在浏览器
22、内不会显示锚点标记。（3）选中页面内的文字或图像，再按照下述的方法之一建立它们与锚点）选中页面内的文字或图像，再按照下述的方法之一建立它们与锚点的链接。的链接。在在“属性属性”栏内的栏内的“链接链接”文本框内输入文本框内输入“#”和锚点的名字。例如，和锚点的名字。例如，输入输入“#MD1”，即可完成选中的文字或图像与锚点的链接。即可完成选中的文字或图像与锚点的链接。用鼠标拖曳用鼠标拖曳“链接链接”栏的指向图标到目标锚点上，如图栏的指向图标到目标锚点上，如图6-2-6所示，再松所示，再松开鼠标左键，即可完成选中的文字或图像与锚点的链接。开鼠标左键，即可完成选中的文字或图像与锚点的链接。如果选中的
23、是文字，则按住如果选中的是文字，则按住Shift键，同时将鼠标指针移到选中的文字上，键，同时将鼠标指针移到选中的文字上，按下鼠标左键，再拖曳，此时鼠标指针会变为类似于指向图标的形状。接按下鼠标左键，再拖曳，此时鼠标指针会变为类似于指向图标的形状。接着拖曳指向图标与锚点图标重合，如图着拖曳指向图标与锚点图标重合，如图6-2-7所示，再松开鼠标左键，即可所示，再松开鼠标左键，即可完成选中的文字与锚点的链接。完成选中的文字与锚点的链接。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 6.2.3 建立映射图与建立映射图与HTML文件的链接文件的链接图像映射图也叫图像热区，即在源文
24、件内的图像中划定一个区域，使该区图像映射图也叫图像热区，即在源文件内的图像中划定一个区域，使该区域与目标域与目标HTML文件产生链接。文件产生链接。1图像热区的创建图像热区可以是矩形、圆形或多边形。创建图像热区应先选中要建立图像图像热区可以是矩形、圆形或多边形。创建图像热区应先选中要建立图像热区的图像，然后利用热区的图像，然后利用“插入插入”（常用）面板的（常用）面板的“图像图像”快捷菜单中的快捷菜单中的“绘制热点绘制热点”工具或图像的工具或图像的“属性属性”栏（如图栏（如图6-2-8所示）来建立图像热区。所示）来建立图像热区。下面以图下面以图6-2-9所示的所示的“素描素描”图像为例，介绍创
25、建图像热区的方法。图像为例，介绍创建图像热区的方法。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-8 图像的“属性”栏 （1）创建矩形或椭圆形图像热区）创建矩形或椭圆形图像热区创建矩形或椭圆形图像热区可采用以下操作之一。创建矩形或椭圆形图像热区可采用以下操作之一。单击单击“插入插入”（常用）面板中（常用）面板中“图像图像”快捷菜单中的快捷菜单中的“绘制矩形热点绘制矩形热点”按钮或按钮或“绘制椭圆热点绘制椭圆热点”按钮，然后在图像上使用拖曳的方法绘制热区，按钮，然后在图像上使用拖曳的方法绘制热区，即可形成矩形或圆形热区。即可形成矩形或圆形热区。单击图像单击图像“
26、属性属性”栏内的栏内的“矩形热点工具矩形热点工具”按钮或按钮或“椭圆热点工具椭圆热点工具”按按钮，然后将鼠标指针移到图像上，鼠标指针会变为十字形。用鼠标从要选钮，然后将鼠标指针移到图像上，鼠标指针会变为十字形。用鼠标从要选择区域的左上角向右下角拖曳，即可形成一个矩形框或椭圆形，就是图像择区域的左上角向右下角拖曳，即可形成一个矩形框或椭圆形，就是图像的矩形或椭圆形热区。的矩形或椭圆形热区。（2）创建多边形图像热区）创建多边形图像热区创建多边形图像热区的操作如下。创建多边形图像热区的操作如下。单击单击“插入插入”（常用）面板中（常用）面板中“图像图像”快捷菜单中的快捷菜单中的“绘制多边形热点绘制多
27、边形热点”按钮，或者单击图像按钮，或者单击图像“属性属性”栏内的栏内的“多边形热点工具多边形热点工具”按钮。然后将鼠按钮。然后将鼠标指针移到图像上，鼠标指针会变为十字形，用鼠标单击多边形上的一点，标指针移到图像上，鼠标指针会变为十字形，用鼠标单击多边形上的一点，再依次单击多边形的各个转折点，最后双击起点，即可形成图像的多边形再依次单击多边形的各个转折点，最后双击起点，即可形成图像的多边形热区。热区。创建热区的图像上会蒙上一层半透明的蓝色矩形、圆形或多边形，如图创建热区的图像上会蒙上一层半透明的蓝色矩形、圆形或多边形，如图6-2-10所示。所示。6.2 建立与本地建立与本地HTML和图像文件的链
28、接和图像文件的链接 6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-9 “素描”图像 图6-2-10 进行图像热区设置后的图像 2编辑图像热区图像热区的编辑就是改变图像热区的大小与位置，或者删除热区。图像热区的编辑就是改变图像热区的大小与位置，或者删除热区。（1）选取热区：单击图像）选取热区：单击图像“属性属性”栏内的（选取）图标，再用鼠标单击栏内的（选取）图标，再用鼠标单击热区，即可选取热区。圆形与矩形的热区选中后，其四周会出现热区，即可选取热区。圆形与矩形的热区选中后，其四周会出现4个方形个方形的控制柄。多边形的热区选中后，其四周会出现许多方形的控制柄，如图
29、的控制柄。多边形的热区选中后，其四周会出现许多方形的控制柄，如图6-2-10所示。所示。（2）调整热区的大小与形状：选中热区，再用鼠标拖曳热区的方形控制）调整热区的大小与形状：选中热区，再用鼠标拖曳热区的方形控制柄。柄。（3）调整热区的位置：选中热区，再用鼠标拖曳热区，即可调整热区的）调整热区的位置：选中热区，再用鼠标拖曳热区，即可调整热区的位置。位置。（4）删除热区：选中热区，然后按）删除热区：选中热区，然后按Delete键，即可删除选中的热区。键，即可删除选中的热区。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 3给热区指定链接的文件给热区指定链接的文件操作如下。给
30、热区指定链接的文件操作如下。（1）选中热区。这时）选中热区。这时“属性属性”栏变为图像热区栏变为图像热区“属性属性”栏，如图栏，如图6-2-11所所示。示。（2）利用其中的）利用其中的“链接链接”栏，可以将热区与栏，可以将热区与HTML文件或锚点建立链接。文件或锚点建立链接。6.2 建立与本地建立与本地HTML和图像文件的链接和图像文件的链接 图6-2-11 图像热区“属性”栏 6.3.1 建立电子邮件链接建立电子邮件链接电子邮件链接是指单击热字或图像时，可以打开邮件程序窗口。在打开的电子邮件链接是指单击热字或图像时，可以打开邮件程序窗口。在打开的邮件程序窗口（通常是邮件程序窗口（通常是Out
31、look Express）中的中的“收件人收件人”文本框内会自动文本框内会自动填入链接时指定的填入链接时指定的E-mail地址。在选定源文件页面内的文字或图像后，建地址。在选定源文件页面内的文字或图像后，建立电子邮件链接的方法有两种，具体操作如下所述。立电子邮件链接的方法有两种，具体操作如下所述。（1）在其）在其“属性属性”栏内栏内“链接链接”文本框内输入文本框内输入“mailto：”和和E-mail地址，地址，如如“mailto：”，如图如图6-3-1所示。所示。6.3 建立电子邮件、无址和脚本链接及远程登录建立电子邮件、无址和脚本链接及远程登录 图6-3-1 在“属性”栏内“链接”文本框内
32、输入“mailto:”和E-mail地 （2）单击）单击“插入插入”（常用）面板内的（常用）面板内的“电子邮件链接电子邮件链接”按钮，调出按钮，调出“电电子邮件链接子邮件链接”对话框，如图对话框，如图6-3-2所示。所示。在在“电子邮件链接电子邮件链接”对话框内的对话框内的“文本文本”文本框中输入链接的热字，文本框中输入链接的热字，“E-mail”文本框中输入要链接的文本框中输入要链接的E-mail地址，如地址，如“”。单击单击“确定确定”按钮，即可完成插入电子邮件链接的操作。按钮，即可完成插入电子邮件链接的操作。6.3 建立电子邮件、无址和脚本链接及远程登录建立电子邮件、无址和脚本链接及远程
33、登录 图6-3-2 “电子邮件链接”对话框 6.3.2 建立无址链接建立无址链接无址链接是指产生链接，但不会跳转到其他任何地方的链接。它并不是一无址链接是指产生链接，但不会跳转到其他任何地方的链接。它并不是一定针对文本或图像，而且也不需要用户离开当前页面，只是使页面产生一定针对文本或图像，而且也不需要用户离开当前页面，只是使页面产生一些变化效果，即产生动感。些变化效果，即产生动感。这种链接只是链接到一个用这种链接只是链接到一个用JavaScript定义的事件。例如，对于大多数浏定义的事件。例如，对于大多数浏览器，鼠标指针经过图像或文字时，图像或文字不会发生变化（能发生变览器，鼠标指针经过图像或
34、文字时，图像或文字不会发生变化（能发生变化的现象叫化的现象叫OnMouseOver事件），为此必须建立无址链接才能实现事件），为此必须建立无址链接才能实现OnMouseOver事件。在事件。在Dreamweaver中的翻转图像行为就是通过自动调用中的翻转图像行为就是通过自动调用无址链接来实现的。无址链接来实现的。建立无址链接的操作方法是：单击选择页面内的文字或图像，然后在其建立无址链接的操作方法是：单击选择页面内的文字或图像，然后在其“属性属性”栏的栏的“链接链接”文本框内输入文本框内输入“#”号。号。6.3.3 建立脚本链接与远程登录1建立脚本链接脚本链接与无址链接类似，也是指产生不会跳转到
35、其他任何地方的链接，脚本链接与无址链接类似，也是指产生不会跳转到其他任何地方的链接，它执行它执行JavaScript或或VBScript代码或调用代码或调用JavaScript或或VBScript函数。这样，函数。这样，可以在不离开页面的情况下，为用户提供更多的信息。建立脚本链接的操可以在不离开页面的情况下，为用户提供更多的信息。建立脚本链接的操作方法如下所述。作方法如下所述。6.3 建立电子邮件、无址和脚本链接及远程登录建立电子邮件、无址和脚本链接及远程登录 （1）选择页面内的文字或图像等对象。）选择页面内的文字或图像等对象。（2）在其）在其“属性属性”栏的栏的“链接链接”文本框内输入文本框
36、内输入“javascript:”和和JavaScript或或VBScript的代码或函数的调用。例如，选中的代码或函数的调用。例如，选中“脚本链接脚本链接”文文字，再在字，再在“链接链接”文本框内输入文本框内输入“javascript：alert（脚本链接的显示脚本链接的显示效果效果）”，如图，如图6-3-3所示。所示。2远程登录远程登录远程登录是指单击页面内的文字或图像等对象，即可链接到远程登录是指单击页面内的文字或图像等对象，即可链接到Internet的一的一些网络站点上。远程登录的操作方法是：选择页面内的文字或图像等对象，些网络站点上。远程登录的操作方法是：选择页面内的文字或图像等对象，
37、再在其再在其“属性属性”栏的栏的“链接链接”文本框内输入文本框内输入“telnet:/”和网站站点的和网站站点的地址。地址。6.3 建立电子邮件、无址和脚本链接及远程登录建立电子邮件、无址和脚本链接及远程登录 图6-3-3 在“属性”栏中建立脚本链接 6.4.1 查找与替换查找与替换Dreamweaver MX 2004提供了很强的查找与替换功能。它可以在站点、目提供了很强的查找与替换功能。它可以在站点、目录或文件内查找与替换页面中的文字、录或文件内查找与替换页面中的文字、HTML程序中的文字和标记以及链程序中的文字和标记以及链接等。接等。1“查找和替换”对话框单击单击“站点站点”窗口内的窗口
38、内的“编辑编辑”“查找和替换查找和替换”命令，调出命令，调出“查找和替查找和替换换”对话框。该对话框内各选项的含义在第对话框。该对话框内各选项的含义在第2章章2.3节已有介绍。节已有介绍。2用高级方式查找文本在在“查找和替换查找和替换”对话框中的对话框中的“搜索搜索”下拉列表框中选择下拉列表框中选择“文本（高级）文本（高级）”选项后，对话框会增加一些选项，变为如图选项后，对话框会增加一些选项，变为如图6-4-1所示。增加选项的含义所示。增加选项的含义如下。如下。6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 图6-4-
39、1 高级方式下的“查找和替换”对话框 3“指定标签”方式的HTML标记查找在在“查找和替换查找和替换”对话框中的对话框中的“搜索搜索”下拉列表框中选择了下拉列表框中选择了“指定标签指定标签”选项后，对话框会增加一些选项，对话框变为如图选项后，对话框会增加一些选项，对话框变为如图6-4-2所示。所示。6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 图6-4-2 “指定标签”方式查找下的“查找和替换”对话框 6.4.2 链接的检查与修复链接的检查与修复1自动检查链接当用户在当用户在“站点站点”窗口的窗口的“站点文件站点文件”栏内将一个文件移到其他文件夹内栏内将一个文件移到其他文件夹内
40、时，会自动弹出一个时，会自动弹出一个“更新文件更新文件”对话框，如图对话框，如图6-4-3所示。该对话框内会所示。该对话框内会显示出与移动文件有链接的文件的路径与文件名，并询问是否更新对这个显示出与移动文件有链接的文件的路径与文件名，并询问是否更新对这个文件的链接。单击文件的链接。单击“更新更新”按钮，表示更新链接；单击按钮，表示更新链接；单击“不更新不更新”按钮，按钮，表示保持原来的链接。表示保持原来的链接。2人工检查链接人工检查链接的操作方法如下。人工检查链接的操作方法如下。（1）单击选中）单击选中“站点站点”窗口的窗口的“站点文件站点文件”栏内的文件夹或文件的图标。栏内的文件夹或文件的图
41、标。（2）单击）单击“站点站点”窗口内的窗口内的“站点站点”“检查站点范围的链接检查站点范围的链接”命令，命令，系统开始自动对选定的文件进行链接的检查，检查后会弹出一个系统开始自动对选定的文件进行链接的检查，检查后会弹出一个“链接检链接检查器查器”对话框，如图对话框，如图6-4-4所示。所示。（3）“链接检查器链接检查器”对话框中对话框中“显示显示”下拉列表框内有下拉列表框内有3个选项，选择不个选项，选择不同选项时，其下面的显示框内显示的文件内容会不一样。同选项时，其下面的显示框内显示的文件内容会不一样。3个选项的含义个选项的含义如下所述。如下所述。（4）“链接检查器链接检查器”对话框的底部给
42、出了相应的提示信息。对话框的底部给出了相应的提示信息。6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 图6-4-3 “更新文件”对话框 图6-4-4 “链接检查器”对话框 3修复链接在检查完链接后，可在在检查完链接后，可在“链接检查器链接检查器”对话框中进行修复链接的工作。其对话框中进行修复链接的工作。其操作方法如下。操作方法如下。（1）双击）双击“文件文件”面板内的源文件图标，调出网页编辑器并打开该文件，面板内的源文件图标，调出网页编辑器并打开该文件，产生错误链接的位置会被选中，利用其产生错误链接的位置会被选中，利用
43、其“属性属性”栏内的栏内的“链接链接”栏可重新栏可重新建立链接。也可通过查看它的建立链接。也可通过查看它的HTML程序，来检查错误。程序，来检查错误。（2）单击）单击“断掉的链接断掉的链接”栏内的目标文件的名字，使它周围出现虚线框栏内的目标文件的名字，使它周围出现虚线框和一个文件夹按钮，如图和一个文件夹按钮，如图6-4-5所示。此时可以修改文件的名字与路径，也所示。此时可以修改文件的名字与路径，也可以单击文件夹按钮，寻找新的目标文件。可以单击文件夹按钮，寻找新的目标文件。4批量替换链接当站点的许多文件与一个文件（如一个外部文件）的链接失效时，不必一当站点的许多文件与一个文件（如一个外部文件）的
44、链接失效时，不必一个一个地进行修改，可以使用个一个地进行修改，可以使用“站点站点”面板中的批量替换链接功能。这种面板中的批量替换链接功能。这种链接替换不但对站内目标文件有效，而且对站点外部目标文件也有效。批链接替换不但对站内目标文件有效，而且对站点外部目标文件也有效。批量替换链接的操作方法如下。量替换链接的操作方法如下。（1）单击）单击“站点站点”窗口中的窗口中的“站点站点”“改变站点范围的链接改变站点范围的链接”命令，命令，调出调出“更改整个站点链接更改整个站点链接”对话框，如图对话框，如图6-4-6所示。所示。6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 6.4 用用“站点
45、站点”窗口检查与修改站点窗口检查与修改站点 图6-4-7 “更新文件”对话框 图6-4-8 选中“状态栏”选项后的“参数选择”对话框 图6-4-5 单击“断掉的链接”栏内目标文件名后的效果 图6-4-6 “更改整个站点链接”对话框 （2）在）在“将所有链接更改为将所有链接更改为”文本框内输入要修改的原链接目标文件的文本框内输入要修改的原链接目标文件的路径和名字，在路径和名字，在“新链接新链接”文本框内输入新的链接目标文件的路径和名字。文本框内输入新的链接目标文件的路径和名字。例如，在例如，在“将所有链接更改为将所有链接更改为”文本框内输入文本框内输入“/Th1.htm”，在在“新链接新链接”文
46、本框内输入文本框内输入“/改变图像大小改变图像大小.htm”，再单击再单击“确定确定”按钮，可调出按钮，可调出“更新文件更新文件”对话框，如图对话框，如图6-4-7所示。所示。（3）“更新文件更新文件”对话框列出了所有与对话框列出了所有与“/Th1.htm”文件有链接的文件文件有链接的文件名字。单击名字。单击“更新更新”按钮，表示更新链接；单击按钮，表示更新链接；单击“不更新不更新”按钮，表示保按钮，表示保持原来的链接。更新链接后的目标文件是持原来的链接。更新链接后的目标文件是“/改变图像大小改变图像大小.htm”文件。文件。6.4.3 检查每个页面下载的时间检查每个页面下载的时间检查每个页面
47、下载的时间操作如下。检查每个页面下载的时间操作如下。（1）单击）单击“站点站点”窗口中的窗口中的“文件文件”“打开打开”命令，打开主页文件。命令，打开主页文件。（2）单击）单击“编辑编辑”“首选参数首选参数”命令，调出命令，调出“首选参数首选参数”对话框，再对话框，再选中选中“分类分类”栏中的栏中的“状态栏状态栏”选项。此时的选项。此时的“参数选择参数选择”对话框（右边对话框（右边部分）如图部分）如图6-4-8所示。所示。（3）在）在“参数选择参数选择”对话框对话框“状态栏状态栏”内选择连接速度为内选择连接速度为28.8kb/秒，系秒，系统将以这个速度来估计当前的下载时间。还可以利用该对话框选
48、择网页窗统将以这个速度来估计当前的下载时间。还可以利用该对话框选择网页窗口的大小。口的大小。6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 6.4.4 在浏览器中预览网页在浏览器中预览网页1设置预览功能 在在Dreamweaver MX 2004中可以设置中可以设置20种浏览器的预览功能，前提是计算种浏览器的预览功能，前提是计算机内安装了这些浏览器。浏览器预览功能的设置步骤如下。机内安装了这些浏览器。浏览器预览功能的设置步骤如下。（1）在）在“首选参数首选参数”对话框的对话框的“分类分类”栏内，选择栏内，选择“在浏览器中预览在浏览器中预览”选项后，该对话框（右边部分）如图选项后，
49、该对话框（右边部分）如图6-4-9所示。所示。6.4 用用“站点站点”窗口检查与修改站点窗口检查与修改站点 图6-4-9 “在浏览器中预览”栏（右边部分）图6-4-10 “添加浏览器”对话框 （2）在）在“浏览器浏览器”栏的显示框内列出了当前可以使用的浏览器。单击按栏的显示框内列出了当前可以使用的浏览器。单击按钮，可以删除选中的浏览器。单击按钮，可以增加浏览器。钮，可以删除选中的浏览器。单击按钮，可以增加浏览器。（3）单击按钮，可调出）单击按钮，可调出“添加浏览器添加浏览器”对话框，如图对话框，如图6-4-10所示。在所示。在“名名称称”文本框内输入要增加的浏览器的名称，在文本框内输入要增加的
50、浏览器的名称，在“应用程序应用程序”文本框内输入文本框内输入要增加的浏览器的程序路径。设置成默认的浏览器，再单击要增加的浏览器的程序路径。设置成默认的浏览器，再单击“确定确定”按钮按钮完成设置。完成设置。（4）完成设置后，在）完成设置后，在“参数选择参数选择”对话框中单击对话框中单击“确定确定”按钮退出。在按钮退出。在“文档文档”面板中单击面板中单击“在浏览器中预览在浏览器中预览/调试调试”按钮，可以看到快捷菜单按钮，可以看到快捷菜单中增加了新的浏览器名称。中增加了新的浏览器名称。（5）选中如图）选中如图6-4-9中所示的中所示的“使用临时文件预览使用临时文件预览”复选框后，复选框后，可为预览