网页制作案例教程 第3版 高林 胡强 第6章已完成

《网页制作案例教程 第3版 高林 胡强 第6章已完成》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章站点管理、模板与库本章要点掌握站点的创建和管理掌握各种超级链接的创建掌握电子邮件、无址和脚本链接熟悉如何维护和修改站点了解库和模板的应用了解如何在Internet上发布站点6.1站点管理6.1.1新建站点（1）单击【站点】/【管理站点】命令，调出【管理站点】窗口，如图6-1所示。图6-1【管理站点】窗口（2）单击【管理站点】对话框中的【新建】按钮，弹出站点设置对话框，如图6-2所示。图6-2站点定义为（高级）对话框（3）在【站点名称】文本框内输入站点的名称【我的站点】。在【本地根文件夹】文本框内输入站点在本

2、主机硬盘上的存储位置，即路径和文件夹名称（“D:web”）。（4）在图6-2左侧提供了进一步设置站点的一些操作信息，利用鼠标单击可以对站点其他信息进行设置，通常做以下设置。（5）如果要使用服务器技术（如ASP.NET等），可单击图6-2对话框中的【服务器】选项，然后按照提示进行添加，如图6-3所示。单击按钮，进入服务器设置界面，分为【基本】和【高级】两个选项卡，如图6-4所示，用户可以进行相关设置。图6-3选择是否使用服务器技术图6-4服务器设置界面（6）单击图6-2中的【高级设置】前面的黑色三角，展开【高级

3、设置】中的具体内容，选择【本地信息】，将【默认图像文件夹】设置为“D:WebIMG”。选中【启用缓存】复选框后，可加速链接的更新速度。当硬盘容量足够大时可选中它。（7）单击‘确定’按钮，返回【管理站点】对话框。在对话框的左边将列出刚创建的站点名称（见图6-1）。单击‘完成’按钮，返回Dreamweaver的文档窗口，如图6-5所示。图6-5建立站点的Dreamweaver文档窗口（8）在【文件】面板中的第1个下拉列表中选择“管理站点”选项，可以再次打开【管理站点】对话框，如图6-1所示。利用它可以删除、编辑、

4、复制、新建、导入和导出站点。（9）将鼠标指针移到【文件】面板中，单击鼠标右键，弹出一个快捷菜单。利用该快捷菜单可新建文件夹、新建文档、打开选中的文档、打开其他文档等，如图6-6所示。图6-6【文件】面板中右键快捷菜单（10）单击选中【文件】面板内第1个下拉列表中的其他站点名称，如图6-7左图所示，可以显示其他站点的结构和文件，如图6-7右图所示。图6-7【文件】面板内查看不同站点内容6.1.2文件面板和站点窗口1．打开【文件】面板和【站点】窗口单击【文件】面板的标准工具栏内的【展开以显示本地和远端站点】按钮，即可

5、调出【站点】窗口，如图6-8所示。图6-8【站点】窗口6.2建立与本地HTML和图像文件链接6.2.1文字或图像与外部HTML和图像文件的链接1．利用【属性】栏内【链接】文本框和文件夹按钮建立链接利用【属性】栏内【链接】文本框和文件夹按钮建立链接的操作如下。（1）用鼠标拖曳选中网页中要链接的文字或单击选中要链接的图像。（2）单击【属性】面板中的【链接】栏中的文件夹按钮，调出【选择文件】对话框，利用该对话框选择要链接的HTML文件或图像文件（即目标文件）。也可以直接在文本框内输入要链接的HTML文件或图像文件的路径

6、与文件名。2.利用【属性】栏内的指向图标建立链接利用【属性】栏内的指向图标建立链接的操作如下。（1）在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标文件（HTML文件），如图6-10所示。图6-10利用【属性】栏内的指向图标建立链接的方法（2）选中要建立链接的源文件中的文字或图像（如选中图6-10中左边网页中的文字）。（3）用鼠标拖曳文字或图像【属性】栏内的指向图标，到图6-10中右边网页编辑窗口内。这时会产生一个从指向图标指向目标文件的箭头，如图6-10所示。然后松开鼠标左键，即可建立链接。3.利用【

7、文件】面板建立链接利用【文件】面板建立链接操作如下。（1）调出【文件】面板，使要链接的目标文件名字出现在【文件】面板内。同时在网页编辑窗口内打开要建立链接的源文件。（2）选中网页编辑窗口内要建立链接的源文件中的文字或图像（如单击选中图6-11中左边网页编辑窗口内的图像）。图6-11利用【站点】面板的链接方法（3）用鼠标拖曳文字或图像【属性】栏内的指向图标，移到图6-11中【文件】面板内要链接的目标文件（2-1.html）。这时会产生一个从指向图标指向目标文件的箭头。当目标文件名字周围出现矩形框时，松开鼠标左键，即

8、可完成链接。6.2.2文字或图像与HTML文件锚点的链接可以建立页面内文字或图像与锚点的链接，单击页面内文字或图像后，浏览器中会迅速显示锚点处的内容。也可以建立页面内文字或图像与其他HTML文件中的锚点的链接。在页面内设置锚点的方法如下。（1）单击页面内要设置锚点的地方，将光标移至此处。再单击【插入】（常用）面板内的【命名锚记】按钮，弹出【命名锚记】对话框，如图6-12所