本节课将要学习制作网页课件的第二个页面：谜语页。这个页面直接基于首页框架进行制作，课件提供两种处理文字的方式：

一、打开站点目录，将制作好的 index.html 页面复制一份，并重命名为： miyu.html

二、打开Dreamweaver软件，点击右下角站点目录上方的旋转小图标刷新站点，完成后可以看到miyu.html文件。双击miyu.html文件打开编辑此文件。

三、将miyu.html文件的内容框中的 图片和文字删除，完成后如图示样。（注意：编辑的文件名称是 miyu.html）

四、在内容框中输入如下文字：

谜语：一封信胜过万两银 (打一唐诗句）

谜底：家书抵万金

选中文字，设置文字大小为：36像素，并居中对齐。选中谜底文字，设置颜色为：红色。在谜面和谜底之间，敲击键盘回车键输入换行，使得谜语和谜底之间留有空间。

此时，谜语页面制作完成，可以按F12打开浏览器进行预览效果。（预览效果时，可以点击首页和谜语页导航，可以看到不同页面的切换。）

谜语页面制作，还可以使用Dreamweaver自带的一些Javascript代码特效，生成一些特殊的效果，下面就来制作第二种方式：

一、将之前添加的谜语内容文字删除。然后点击内容框架单元格，在插入菜单中找到布局面板里面的折叠式功能，点击后如下图效果：

二、将 LABEL 1 修改成： 谜语 。 将 LABEL 2 修改成： 谜底。 将：内容1 修改成：一封信胜过万两银 (打一唐诗句） 。

鼠标移动到：谜底 栏上，在右侧出现眼睛图标，点击眼睛图标，进入内容2 的编辑模式，将内容2 修改为：家书抵万金

三、修改文字的大小为：36像素，并设置文字居中，将谜底文字设置成：红色。

四、按F12进入浏览器查看模式，出现如下图所示提示，点击确定。

之后，如图样式效果：打开谜语页，只能看到谜面，点击谜底折叠卡之后，才能看到谜底。

此时，文字折叠式效果制作完成。

需要注意的是，此时站点目录下自动出现了2个目录，这两个目录分别是这种折叠式效果对应的Javascript文件和CSS文件，由程序自动生成，不能删除。（删除后效果就没有了，如果不使用折叠卡效果，则不会有这样的目录文件存在。）