计算机辅助教学——多媒体课件制作教程 教学课件 作者 付明柏电子教案（ ） 第7章 利用Dreamweaver制作多媒体CAI课件.pptVIP

下面将“鼠标经过图像”技术应用于事先制作好的导航图片。将光标放置在第1个单元格中，执行“插入→图像对象→鼠标经过图像”命令，如图7-149所示。 图7-149 菜单方式 在弹出的对话框的“原始图像”处浏览网站中的0-1.gif图片，在“鼠标经过图像”处浏览网站中的0-2.gif图片，在“替换文本”文本框中输入“首页”，在“按下时，前往URL”文本框中输入index.html，如图7-150所示，单击“确定”按钮，则插入了第1个鼠标经过图像“首页”，效果如图7-151所示。 图7-150 “插入鼠标经过图像”对话框 图7-151 鼠标经过图像效果 按照同样的方法，每两张图片对应一个导航按钮。依次使用1-1.gif、1-2.gif、2-1.gif、2-2.gif、3-1.gif、3-2.gif、4-1.gif、4-2.gif和5-1.gif、5-2.gif制作出“课文朗读”、“课堂教学”、“动画赏析”、“图片欣赏”和“赞美春天”5个导航按钮。最终效果如图7-152所示。 至此，导航部分也已完成，下面介绍模板页的主体部分的制作。这部分相对简单一些，将光标放置在导航栏表格后，插入一个1行1列的表格，并设置表格的对齐方式为居中对齐，表格背景色为#EFF3EF，设置表格单元格的对齐方式为水平居中，垂直顶端。在其中嵌套插入一个1行1列宽90%的表格，在其后继续插入一个1行1列的表格，并设置此表格的高度为1px，单元格背景色为#000000，在其后继续插入一个3行1列的表格，设置3行的水平对齐方式均为“水平居中”，完成效果如图7-153所示。 图7-152 导航部分完成后的效果 图7-153 主体部分的制作 以下是嵌套插入的3个表格的代码，请用户对照制作。 table width=90% border=0 cellspacing=0 cellpadding=0 tr td这是第一个表格/td /tr /table table width=90% border=0 cellspacing=0 cellpadding=0 height=1 tr td bgcolor=#000000/td /tr /table table width=90% border=0 cellspacing=0 cellpadding=0 tr td align=center这是第三个表格的第一行/td /tr tr td align=center这是第三个表格的第一行/td /tr tr td align=center这是第三个表格的第一行/td /tr /table 接下来介绍页脚部分的制作。在所有表格的最外面插入一个1行1列，宽为778px、高为60px、水平居中的表格，并按照上面介绍的设置表格背景图片的方法设置该表格的背景图片为index_bottom.gif。完成后的效果图如图7-154所示。 图7-154 模板页的效果图 下面，为该模板创建可编辑区域。 将光标放置在第1个表格处的单元格中，单击如“插入”栏中的“常用”选项卡，选择其中的“模板”中的“可编辑区域”选项，此时就在该表格中插入了一个可编辑的区域，如图7-155所示。 图7-155 在模板页添加可编辑区域 下面将刚才创建的CSS引入本页，即完成了模板页的创建。 单击“CSS样式”面板，单击按钮 ，在弹出的对话框中找到刚才创建的CSS样式CSS.CSS，在“添加为”栏选择“链接”单选项，单击“确定”按钮即可，如图7-156所示。模板页的最终效果图如图7-157所示。 图7-156 链接CSS样式 图7-157 模板页的最终效果图 4．创建首页 当用户创建好网页模板后，即可通过模板快速创建网页文档。下面将通过模板文档创建网站的首页，具体操作如下。 执行“文件→新建”命令，弹出“新建文档”对话框。 在对话框中选择“模板中的页”选项卡，在“站点”列表框中选择TEMP选项，然后从右侧的列表框中选择已经创建的模板chun，如图7-158所示。 图7-158 使用模板页创建新网页 单击“创建”按钮，通过模板创建的新网页将出现在窗口中，网页文档中模板部分除可编辑区域外是不可编辑的，如图7-159所示。 图7-159 由模板页创建的新网页 将光标定位于模板中的可编辑区域中，删除可编辑区域中的文本，执行“插入→表格”命令，插入一