本节课，将要学习网页课件设计中的导航设计。导航设计在课件制作中是非常重要的，需要对够让课件使用者快速找到自己想要找到的内容。

首先，了解一下本课件的网页导航结构，本次网页课件采用最简单的一层导航结构，如图：

课件一共制作6个页面，分别是首页（index.html），谜语页（miyu.html），诗歌1（shige1.html），诗歌2（shige2.html），诗歌3（shige3.html）和小拓展（xiaotuozhan.html）。在网页课件设计开始时，做好页面结构规划，并设计好每个页面的名称，有助于提高后期制作效率。反之，在制作到后期再来做页面导航的修改，是非常痛苦的一件事情。

一、打开Dreamweaver软件，打开index.html文件，在第二个单元格中单击鼠标，然后在插入工具栏中，选择常用中的表格功能，设置插入表格属性为：行数1，列数6，宽度960像素，其他设置为0。设置完成后，点击确定。

二、在添加的1行6列的表格中，单击第一个单元格，输入文字：首页。然后使用鼠标选中”首页“两个字，在下面的属性面板中，设置字体大小为：24像素，字体颜色为：白色，对齐方式为：居中对齐，链接地址为：index.html （手动输入）。

三、在第二个单元格中，输入：谜语，然后选中文字，在下方的属性中，设置样式为：STYLE12（此处为参考，具体是在设置第一个首页的样式之后，会出现一个自动生成的样式，而这里选择与首页样式一样的STYLE即可，也可以按照“首页”导航的设置方式，重新设置。），在链接地址中输入：miyu.html。

四、依次设置后菜单中的：诗歌1，链接地址shige1.html；诗歌2，链接地址为shige2.html；诗歌3，链接地址为shige3.html；小拓展，链接地址为xiaotuozhan.html。

完成后，如下图：

（注：由于导航背景设置为黑色，所以输入和选择文字时，不太方便，请细心完成。）

此时，我们在浏览器中预览时，会发现所有的导航链接并不是我们设置的白色，这是由于网页默认链接的a标签的颜色为颜色，如要修改颜色，则需要进行代码模式，在代码模式中找到 CSS样式部分，即之间，在里面如图位置，添加代码：

代码如下：

.STYLE12 a {

color:#ffffff;

}

注意：你的网页中CSS样式，可能不是STYLE12，请根据具体的情况来对待。

此时，网页的文字导航设计就完成了，我们可以选择在浏览器中预览效果（如下图），当我们点击导航中的链接时，会发现页面错误的提示，是因为我们还没有制作后面的页面。