Dreamweaver软件应用案例教程7

案例6：图片热点映射2操作内容：在网页中进行图片热点映射2操作要求：1、根据素材库中的“au_map_1.gif、au_map_2.gif、au_map_3.gif、au_map_4.gif、au_map_5.gif、au_map_6.gif、au_map_7.gif”图片中显示的澳大利亚的州的名称制作7个页面，分别命名为map1.htm到map7.htm，标题为图片中显示的澳大利亚的州的名称。网页背景色的值为#0099FF。各州的图片放在各自的页面中的一个居中的白色背景的无边框表格中。表格下方有一个“返回主页”的文字链接，链接到piclink.htm，字体为白色。2、创建一个piclink.htm主页，标题为“图片热点映射制作”，使用素材库中的index.css样式表链接。网页背景色的值为#0099FF。3、创建一个宽520像素的水平居中、白色背景无边框表格，单元格的间距和边距都是10像素。4、第一行居中写上标题“澳大利亚地图”，楷体，黑色，加粗；第二行居中插入素材库中的“au_map.gif”。5、将此图中澳大利亚的六个州（塔斯马尼亚州是一个岛）以及一个北部地区按照边界线分别制作出各自的图像热点映射到已经做好的各自州的页面中。6、用到的素材与最后的网页保存到同一文件夹中，文件夹起名“图片热点映射2”。参考样张：图9-54图片热点映射2样图1图9-55图片热点映射2样图21参考答案：1、在D盘根目录下建立一个文件夹，命名为“图片热点映射2”。2、将素材中内容放入该文件夹。3、开始→所有程序→打开AdobeDreamweaverCS4软件。4、站点→新建站点→高级选项卡，建立图片热点映射站点。5、右键站点→新建文件→主页取名piclink.htm，双击打开。6、在文档工具栏的标题上填入“图片热点映射制作”，右击页面，选择“网页属性”，选择“分类”选项卡，在外观（CSS）右侧背景颜色处设置：#0099FF。图9-56设置网页标题对话框图9-57设置网页背景对话框7、选择“格式—CSS样式-附加样式表”，在链接外部样式表对话框中，通过浏览按钮添加素材文件中的index.css样式表，确定，确定。8、“插入表格—表格”，表格宽度520像素，行：2，列：1，边框粗细：0，单元格边距：10，单元格间距：10。表格白色背景可通过输入代码tablebgcolor=#ffffff实现。图9-58创建表格对话框9、光标定位在第一行，输入标题“澳大利亚地图”，楷体，黑色，加粗；光标定位在第二行，插入-图像，选择“au_map.gif”，确定，在单元格属性面板中，选择水平居中对齐。10、右键站点→新建文件→取名map1.htm，双击打开，在文档工具栏的标题上填入“新南威尔士州”。11、“插入表格—表格”，表格宽度520像素，行：1，列：1，边框粗细：0，右击页面，表格白色背景可通过输入代码tablebgcolor=#ffffff实现。选择“网页属性”，选择“分类”选项卡，在外观（CSS）右侧背景颜色处设置：#0099FF。12、光标定位在表格内，选择“插入-图像”，选择au_map_1.gif，确定。在表格下方居中输入文字“返回主页”。选中文字，右击，选择“创建链接”，在文件名处输入piclink.htm，链接文字“返回主页”的白色效果可通过输入代码fontcolor=#FFFFFF返回主页/font实现。13、其余六个网页map2.htm～map7.htm的操作方法与上述网页map1.htm操作方法相同。14、选中反映澳大利亚全貌的网页piclink.htm，利用属性面板上的多边形热点工具，按照边界线依次描绘澳大利亚的六个州（塔斯马尼亚州是一个岛）以及一个北部地区，并依次链接到网页map1.htm～map7.htm。15、返回到刚才建立的文件夹“图片热点映射2”，右键→添加到“图片热点映射2.RAR”。