项目 2 设计支持音频、视频播放的网页 使用 Dreamweaver 等软件编写符合以下要求的文档，完成后的效果如图 3-2 所示： （1）文件名：prj_3_2.html。 （2）页面标题：“多媒体及滚动字幕应用”。 （3）歌曲名称用 2 号标题字。 （4）用 font 标记自定义歌词内容样式，歌词内容如下： 明月几时有？把酒问青天。 不知天上宫阙，今夕是何年。 我欲乘风归去，又恐琼楼玉宇，高处不胜寒，起舞弄清影，何似在人间。 转朱阁，抵绮户，照无眠。 不应有恨，何事偏向别时圆。 人有悲欢离合，月有阴晴圆缺，此事古难全。 但愿人长久，千里共婵娟。 图 3-2 多媒体及滚动字幕网页设计效果 （5）插入图层 div，并在图层内插入无序列表，在列表项中分别插入不同的 多媒体文件。音频、视频资源在 embed 子目录下。 （6）在 div 结束标记中插入滚动文字 marquee 标记，设置滚动文字标记属 性实现向左交替滚动。滚动文字内容为：欢迎来到我的多媒体世界！ （7）在头部 style 标记中分别定义 body、ul、li、div 和 marquee 标记样式。 body{text-align:center;} ul{list-style-type:none;} li{float:left;margin:20px;} div{height:250px;background-color:#99cc00;text-align:center;} marquee{font-size:16px;padding:4px auto;}

项目 3 设计简易网站导航 使用 Dreamweaver 等软件编写符合以下要求的文档： （1）在浏览器 URL 中输入网址“http://www.hao123.com”访问网站，部分 页面截图如图 3-3-1 所示。参照此图中第一行导航的效果编写代码实现导航条目。 图 3-3-1 hao123 部分链接截图 （2）采用段落或无序列表与超链接组合实现网站导航，页面效果如图 3-3-2 所示。 图 3-3-2 两种方式实现网站导航的效果图 （3）按照表 3-3-1 所示的 URL 分别设置超链接的 href 属性和超链接的标题。 表 3-3-1 网页首行导航链接信息表 序号 网站名称 URL 1 百 度 http://www.baidu.com/ 2 新 浪 http://www.sina.com.cn/ 3 腾 讯 http://www.qq.com/ 4 搜 狐 http://www.sohu.com/ 5 网 易 http://www.163.com/ 6 谷 歌 http://www.google.com.hk/ （4）文件名：prj_3_3.html。 （5）页面标题：“网站导航”。 （6）未使用样式时页面效果如图 3-3-3 所示。 图 3-3-3 未使用样式时导航条目页面 （7）部分样式参考代码如下： ○1 水平分隔线：

项目 4 设计新生课程简介 使用 Dreamweaver 等软件编写符合以下要求的文档，完成后的效果如图 3-4 所示： （1）文件名：prj_3_4.html。 （2）页面标题：“专业课程导航”。 图 3-4 新生课程简介页面 （3）内容标题“专业课程导航”采用 2 号标题字标记，设置 align 属性为居 中。 （4）用超链接定义根书签名称，参考代码如下： 专业课程导航 （5）用无序列表定义课程书签链接导航目录。在无序列表中插入列表项， 在列表项里，用超链接建立书签链接，书签名称分别为 dir1、dir2、dir3。参考代 码如下：

基础英语、高级英语、报刊选读、视听、口语、英语写作、翻译理论与实践、语言理论、语言学概 论、主要英语国家文学史及文学作品选读、主要英语国家国情等。返回

项目 5 设计中国名牌大学简介页面 使用 Dreamweaver 等软件编写符合以下要求的文档，完成后的效果如图 3-5 所示： （1）文件名：prj_3_5.html。 （2）页面标题：“中国名牌大学简介”。 图 3-5 中国名牌大学简介 （3）页面首行 3 号标题字显示，标题为“中国名牌大学简介”。 （4）页面中间插入两条水平分隔线，分割线中间滚动文字标记，滚动方式 为来回交替滚动。滚动文字标记内插入 7 个大学超链接，分别为： 清华大学（http://www.tsinghua.edu.cn/）； 北京大学（http://www.pku.edu.cn/）； 上海交通大学（http://www.sjtu.edu.cn/）； 复旦大学（http://www.fudan.edu.cn/index.html）； 南京大学（http://www.nju.edu.cn/）； 西安交通大学（http://www.xjtu.edu.cn/）； 哈尔滨工业大学（http://www.hit.edu.cn/）。 （ 5 ） 将 鼠 标 悬 停 在 滚 动 文 字 上 时 会 停 止 滚 动 （ 设 置 οnmοuseοver=”this.stop();” ）， 鼠 标 从 滚 动 文 字 上 移 出 时 会 继 续 滚 动 （οnmοuseοut=”this.start();”），单击超链接时访问相关大学网站。