网页制作案例教程 沈大林 第6章

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

1、第6章站点管理、模板与库本章要点6.1站点管理6.2建立与本地HTML和图像文件的链接6.3建立电子邮件、无址和脚本链接及远程登录6.4用“站点”窗口检查与修改站点6.5建立本地站点和制作主页6.6制作内容页面6.7发布站点习题66.1.1新建站点和站点视图1．建立新站点（1）单击“站点”→“管理站点”命令，调出“管理站点”窗口，如图6-1-1所示。6.1站点管理图6-1-1“管理站点”窗口（2）单击“管理站点”对话框中的“新建”按钮，调出“新建”快捷菜单。在快捷菜单中单击“站点”命令，调出站点定义为（高级）对话框（单击“高级”标签），如图6-1-2所示。6.1站

2、点管理图6-1-2站点定义为（高级）对话框（3）在“站点名称”文本框内输入站点的名称“我的站点”。在“本地根文件夹”文本框内输入站点在本主机硬盘上的存储位置，即路径和文件夹名称（FWEB1）。（4）在“HTTP地址”文本框内输入上传站点地址的URL，也可不输入内容。（5）选中“启用缓存”复选框后，可加速链接的更新速度。当硬盘容量足够大时可选中它。（6）单击“确定”按钮后，返回“管理站点”对话框。在对话框的左边将列出刚创建的站点名称，如图6-1-1所示。单击“完成”按钮，返回Dreamweaver的文档窗口。（7）在“文件”面板中的第一个下拉列表框中选择“管理站

3、点”列表项，可以再次调出“管理站点”对话框，如图6-1-1所示。利用它可以删除、编辑、复制、新建、导入和导出站点。（8）将鼠标指针移到“文件”面板中，单击鼠标右键，调出一个快捷菜单。利用该快捷菜单可新建文件夹、新建文档、打开选中的文档和打开其他文档等。（9）单击选中“文件”面板内第一个下拉列表框中的其他站点名称，可以显示其他站点的结构和文件。6.1站点管理2．设置站点地图属性调出如图6-1-2所示的“站点定义为”（高级）对话框后，单击选中该对话框内“分类”列表框中的“站点地图布局”栏，即可使“站点定义为”对话框变为如图6-1-3所示的“站点地图布局”设置项目。其中

4、各选项的作用如下。6.1站点管理图6-1-3站点定义为（站点地图布局）对话框6.1.2“文件”面板和“站点”窗口1．打开“文件”面板和“站点”窗口单击“文件”面板的标准工具栏内的“扩展/折叠”按钮，即可调出“站点”窗口，如图6-1-4所示。这时该窗口中会出现新建站点的结构与文档、文件夹的名字。再单击“站点”窗口标准工具栏内的“展开/折叠”按钮，又可回到“文件”面板，如图6-1-5所示。6.1站点管理图6-1-4“站点”窗口图6-1-5“文件”面板2．“文件”面板和“站点”窗口的特点（1）在“文件”面板和“站点”窗口内可以执行标准的文件操作。将鼠标指针移到“文件”面

5、板内或“站点”窗口的本地文件显示栏内，单击鼠标右键，可以弹出它的快捷菜单，利用该菜单可以创建文件夹、创建文件、移动文件、删除文件、打开文件和文件重命名等。（2）“站点”窗口内有两栏，左边是“地图”视图栏，右边是“本地文件”栏。用鼠标拖曳两栏之间的分割条，可以调整两栏的大小比例，取消一个栏。（3）单击“站点”窗口内的“站点地图”按钮右下角的黑色箭头，可调出一个菜单。单击该菜单中的“仅地图”命令，可使右边的“本地文件”栏消失。单击该菜单中的“地图和文件”命令，可使右边的“本地文件”栏显示，即切换到“地图和文件”状态。（4）单击“站点”窗口内的“站点文件”按钮，可使“站

6、点”窗口只显示“本地文件”栏，但左边的栏不消失，只是没有“地图”视图。链接是指用鼠标单击HTML文件（叫源文件）中的一些文字（叫热字）或图像，即可用浏览器显示相应的HTML或图像文件（叫目标文件）等内容。也可以说，在这些源文件的文字或图像与相应的目标文件的HTML和图像文件建立了链接。6.1站点管理6.2.1文字或图像与外部HTML和图像文件的链接1．利用“属性”栏内“链接”文本框和文件夹按钮建立链接利用“属性”栏内“链接”文本框和文件夹按钮建立链接的操作如下。（1）用鼠标拖曳选中网页中要链接的文字或单击选中要链接的图像。（2）单击“属性”面板中的“链接”栏中的文

7、件夹按钮，调出“选择文件”对话框，利用该对话框选择要链接的HTML文件或图像文件（即目标文件）。也可以直接在文本框内输入要链接的HTML文件或图像文件的路径与文件名。使用路径时一定要注意相对路径与绝对路径的使用方法，通常最好使用相对路径。6.2建立与本地HTML和图像文件的链接2．利用“属性”栏内的指向图标建立链接利用“属性”栏内的指向图标建立链接的操作如下。（1）在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标文件（HTML文件），如图6-2-1所示。6.2建立与本地HTML和图像文件的链接图6-2-1利用“属性”栏内的指向图标建立链接的方法（2）选中

8、要建立链接