2026年春江苏开放大学WEB前台开发技术050321第二次形成性考核作业答案

1.本次作业不是提交word文档，因为需要查看网页上的导航链接的效果，所以必须提交网页文件（打包成压缩包）。

2.学习完第三、四单元知识后必须完成本次作业，并请在规定时间内通过学习平台提交打包好的网站压缩包，本次作业占形成性考核总成绩的20% ，提交作业的压缩包里需包含1个网页文件（html文件），网页的相关位置需填上学生本人的学号和姓名，否则不合格。

3.如果需要编辑软件DreamWeaver,请加入学习群367763842，群共享文件里可以下载。

作业说明：

1. 学习完第三、四单元知识后必须完成本次作业，并请在规定时间内通过学习平台提交打包好的网站压缩包，本次作业占形成性考核总成绩的20%。
2. 提交作业的压缩包内应包含1个网页文件（.html），网页的相应位置需要有学生本人的学号和姓名，没有学号和姓名或者是他人的作业一律不合格 。

作业内容：

实验：制作导航菜单

实践目标：

1. 能够使用浮动与清理浮动控制元素排列方式。
2. 能够正确使用列表元素。
3. 能够使用CSS控制以无序列表为基础的导航菜单的外观。

实践内容：

1. 使用DW编写XHTML。（注意：第一行括号里要给出学生本人的学号和姓名）

1. 编写CSS代码。

CSS代码参照教材P59-P62。

实践要求：

1. 网页导航第一行HTML后面必须填写本人的学号和姓名，必须和提交作业的学生的学号和姓名统一，否则该作业无效。
2. 请大家把制作好的网页包括CSS文件一起打包后提交，要保证压缩包里的网页文件解压后能够实现最后的实验效果，尤其是鼠标指向和离开时的CSS效果。
3. 实验的详细编辑可以参照学习平台上第三学习单元里的视频和案例源代码。详见下面的截图。