Dreamweaver网页设计案例教程 沈大林 等 第7章 站点管理、模板和库新.pptVIP

第7章 站点管理、模板和库 7.1 【案例43】管理站点和文件链接 7.2 【案例44】“Dreamweaver 8工作区简介”网页 7.3 【案例45】“爱犬之家”网页 7.4 【案例46】检查与修改网站 7.5 【案例47】设置服务器与发布站点 7.6 【案例48】创建和使用模板 7.7 【案例49】创建和使用库项目 7.1 【案例43】管理站点和文件链接 1．利用“属性”栏内“链接”栏的指向图标创建链接 （1）在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标文件（HTML文件），如图所示。 （2）选中建立链接的源文件中的文字或图像等对象。 （3）用鼠标拖曳文字或图像“属性”栏内“链接”栏的指向图标 ，到图中右边网页编辑窗口内。这时会产生一个从指向图标指向目标 文件的箭头。然后松开鼠标左键，即可完成链接。 2．利用“属性”栏内“链接”栏的文本框和 按钮创建链接 （1）用鼠标拖曳选中源文件中要链接的文字或单击选中要链接的图像等对象。 （2）单击“属性”面板中的“链接”栏中的【文件夹】按钮，调出“选择文件”对话框，利用该对话框选择要链接的HTML文件或图像文件（即目标文件）。也可以直接在文本框内输入要链接的HTML文件或图像文件的路径与文件名。使用路径时一定注意相对路径与绝对路径的使用方法，通常最好使用相对路径。 3．利用“文件”面板创建链接 （1）调出“文件”面板，使要链接的目标文件名字出现在“文件”面板内。同时在网页编辑窗口内打开建立链接的源文件。 （2）选中网页编辑窗口内建立链接的源文件中的文字或图像等对象（例如，用鼠标单击选中图中左边网页编辑窗口内的图像）。 （3）用鼠标拖曳文字或图像“属性”栏内“链接”栏的指向图标 ，移到图中“文件”面板内要链接的目标文件（HTML1.htm）。这时会产生一个从指向图标 指向目标文件的箭头。当目标文件名字周围出现矩形框时，松开鼠标左键，即可完成链接。 7.2 【案例44】“Dreamweaver 8工作区简介”网页 1．设置锚点的方法 在页面内设置锚点的方法如下所述。 （1）单击页面内要设置锚点的地方，将光标移至此处。再单击“插入”（常用）面板内的【命名锚记】按钮 ，调出“命名锚记”对话框。 （2）在“锚记名称”文本框内输入锚点的标记名称（例如：标尺）。再单击【确定】按钮，退出该对话框。同时，在页面光标处会产生一个锚点标记 。如果看不到该标记，可单击选中“查看”→“可视化助理”→“不可见元素”（或“隐藏所有”）菜单选按钮。 在浏览器内不会显示锚点标记。 2．建立对象与锚点的链接 选中页面内的文字或图像等对象，再按照下述的方法之一建立它们与锚点的链接。 （1）在“属性”栏内的“链接”文本框内输入“#”和锚点的名字。例如：输入“#标尺”，即可完成选中的文字或图像等对象与锚点的链接。 （2）用鼠标拖曳“链接”栏的指向图标 到目标锚点上，如图所示，再松开鼠标左键，即可完成选中的文字或图像与锚点的链接。 3．创建图像热区的方法 图像映射图也叫图像热区，即在源文件内的图像中划定一个区域，使该区域与目标HTML文件产生链接。图像热区可以是矩形、圆形或多边形。创建图像热区应先选中要建立图像热区的图像，再利用“插入”（常用）面板的“图像”菜单中的绘制热点工具或图像的“属性”栏（见图）内的“地图”栏的绘制热点工具来建立图像热区。 （1）使用“插入”（常用）面板创建热区的方法如下。 创建矩形或圆形热区：单击“插入”（常用）面板中“图像”菜单中的【绘制矩形热点】按钮或【绘制椭圆热点】按钮，然后在图像上使用拖曳的方法绘制矩形或圆形热区。 创建多边形热区：单击“插入”（常用）面板中“图像”菜单中的【绘制多边形热点】按钮，然后将鼠标指针移到图像上，鼠标指针会变为“十”字形，用鼠标单击多边形上的一点，再依次单击多边形的各个转折点，最后双击起点，即可形成图像的多边形热区。 （2）使用“属性”面板创建热区的方法如下。 创建矩形或圆形热区：单击图像“属性”栏内的【矩形热点工具】按钮或【椭圆热点工具】按钮，然后将鼠标指针移到图像上，鼠标指针会变为“十”字形。用鼠标从要选择区域的左上角向右下角拖曳，即可创建矩形或椭圆形热区。 创建多边形热区：单击图像“属性”栏内的【多边形热点工具】按钮，然后将鼠标指针移到图像上，鼠标指针会变为“十”字形，用鼠标单击多边形上的一点，再依次单击多边形的各个转折点，最后双击起点，即可形成图像的多边形热区。 创建热区的图像上会蒙上一层半透明的蓝色矩形、圆形或多边形，如图所示。 4．图像热区的编辑 图像热区的编辑就是改变图像热区的大小与位置，以及删除热区。 （1）选取热区：单击图像“属性”栏内的