《信息发布与网页设计》课程 2015-2016-1 期末综合作业

对外经济贸易大学 信息发布与网页制作 期末考试试卷

对外经济贸易大学 2015-2016学年第一学期 《信息发布与网页制作》课程 本科生 期末考试要求(A卷)

课程课序号:CMP322

学 号 姓 名 成绩 。

题号 一 二 三 四 五 合计 分数 得分 10 10 10 50 20 100

综合考试要求

1、按题中要求,独立完成。如有拷贝或与他人雷同者,以0分论处。

2、作业公布日期:2015年12月15日;提交的截止日期为:2016年1月4日。 一、(共10分)按如下要求提交文件 得分______

以自己“学号+姓名”命名文件夹,并以此根文件夹创建站点;根文件夹下,至少包含下列子文件夹,严格按类存放站点中的所有文件(主页除外):

1、Html:存放HTML文件 2、Image:存放图片文件 3、Sound:存放声音文件 4、Css:存放css文件 5、Flash:存放flash文件 6、Movie:存放电影视频文件 压缩整个文件夹,通过TAS平台提交。 二、(共10分)设计小型网站,内容主题为“我的路,我的爱”。 得分______

设计有3个窗口的框架集,框架集网页文件命名为“姓名+index.html”。框架集网页中,左下侧窗口命名为“姓名+left.html”,放置导航栏目网页;右下侧窗口命名为“姓名+main.html”,作为导航栏被链接网页的“目标”窗口,用于显示被链接的网页;上侧窗口命名为“姓名+top.html”,显示个人信息。要求框架集网页边框可调(导航和目标显示页),窗口中内容超出窗口时,要出现滚动条,以便于浏览。 三、(共10分)个人信息网页、导航栏网页。 得分______

1、个人信息网页(5分) 显示网站主题、网站制作者:“学号+姓名”、所在院系、自己照片、手机号码等。拍摄自己照片的时候,请拿着一个牌子拍摄,牌子上有自己的姓名、学号等信息。网页命名为“姓名+top.html”,网页标题为“学号+姓名+手机号码+个人信息网页”,放在框架集的上侧窗口中。

2、导航栏网页(5分)

网页功能是网站导航。围绕站点主题“我的路,我的爱”,设置如下6个网页的链接。 ⑴.我的昨天 ⑵.我的今天 ⑶.我的爱好 ⑷.我的明天 ⑸.照片拼图 ⑹.站点说明

建立每个栏目和与之相应网页之间的链接,并指定被链接的网页在“目标”窗口显示。要保证所有的链接都正确。网页命名为“姓名+left.html”,标题为“学号+姓名+手机号码+网站导航”,放在框架集的左侧窗口中。 四、(共50分)分别制作6个网页,要求如下: 得分______

第1页,共3页

对外经济贸易大学 信息发布与网页制作 期末考试试卷

网站主题是:回顾自己的过去,谈谈自己的现在,畅想自己的未来。网站制作不拘一格,在符合基本要求、不涉及个人隐私、不涉及他人隐私的前提下,网站做的越漂亮越好、越生动越好、越贴近生活越好。所有网页都含有:标题、学号、姓名、手机号码等信息,建议将这些信息放在各网页的最下方。

1、网页1-“我的昨天”:(8分)

本网页通过文字、图片、视频、音频等方式,回顾自己的过去,也就是自己过去的经历。请不要涉及个人隐私,也不要涉及他人隐私。

⑴.首行显示“我的昨天”,用标题2、居中、“方正舒体”字体显示。 ⑵.第2行,插入水平线;设置水平线的宽度为浏览器窗口宽度的90%。 ⑶.第3行以下,插入多幅自己的图片(3幅以上)。其中,图1具有“交换图像”功能;图2分别用矩形、椭圆、多边形热区画图工具,设立3个热区,分别链接到自己的照片。

⑷.网页标题为“学号+姓名+手机号码+我的昨天”。 ⑸.将该网页设置为“目标”框架的初始网页。 ⑹.网页命名为“姓名+main.html”。 ⑺.有背景音乐。

2、网页2-“我的今天”(8分)

本网页通过文字、图片、视频、音频等资料,谈谈自己的现在。欢迎秀自己的幸福,秀美满的家庭、尊敬的父母、敬业的老师、团结的班级和宿舍、美丽的校园等。请不要涉及个人隐私,也不要涉及他人隐私。

利用“显示/隐藏层”行为制作下拉子菜单项。

⑴.利用层和表格制作下拉菜单。鼠标移到菜单项上显示相应的内容。 ⑵.下拉子菜单项中,至少有3个子菜单项要有链接功能。 ⑶.被链接的内容指定在目标窗口显示并有“返回”机制。 ⑷.网页标题为“学号+姓名+手机号码+我的今天”。 ⑸.网页命名为“学号+姓名+today.html”。 ⑹.有背景音乐。

3、网页3-“我的爱好”(10分)

本网页通过文字、图片、视频、音频等资料,秀出自己的爱好,与大家分享自己收获的美好。欢迎多发一些漂亮图片。请不要涉及个人隐私,也不要涉及他人隐私。

网页要求:使用表单设计一个关于“我的爱好”的调查表。包括如下表单元素: ⑴.单行文本框,填表人注册的姓名。 ⑵.单行文本框,填表人注册的密码。 ⑶.单选按钮:填表人的性别。 ⑷.复选框:例如喜欢的美食。 ⑸.“列表/菜单”:填表人的家乡。 ⑹.提交按钮、重置按钮;

⑺.添加检查表单行为;检查的“事件”要合理; ⑻.网页标题为“学号+姓名+手机号码+我的爱好”。 ⑼.网页命名为“学号+姓名+hobby.html”。 ⑽.有背景音乐。

4、网页4-“我的明天”(8分)

本网页通过文字、图片、视频、音频等资料,畅想自己未来的幸福生活。请不要涉及个人隐私,也不要涉及他人隐私。以表格的形式,畅想自己未来的幸福,要求如下:

⑴.用表格显示未来5年内旅行计划:所在国家、地点、经典照片、文字描述、其他。如果

第2页,共3页

对外经济贸易大学 信息发布与网页制作 期末考试试卷

不喜欢旅行,可以用表格显示未来5年内生活计划。

⑵.用表格显示未来5年想读的书:书名、作者、出版社、主要内容、其他。

⑶.为网页添加2首轻松歌曲背景音乐,打开网页自动播放歌曲并显示滚动的歌词;要求能控制歌词的滚动(播放或停止),以方便浏览者词曲同步欣赏。

⑷.网页标题为“学号+姓名+手机号码+我的明天”。 ⑸.网页命名为“学号+姓名+tomorrow.html”。 5、网页5-“照片拼图”(10分)

要求:利用拖动层的行为,制作至少由9块您的照片组成的拼图游戏。 要求:您在拍摄照片的时候,举着牌子,上面写着您的姓名、学号等信息。 ⑴.切割图片,切割的图片名称中,包含自己“学号+姓名+手机号码”; ⑵.在DreamWeaver中,添加拖动层的行为,制作拼图;

⑶.插入1个布局对象层,并以字母L及自己的学号命名,在层中输入拼图的说明文字,设置层中文字的大小为18px;字体为楷体;

⑷.设置每个拖动层的吸附距离为100,其中某个拖动层吸附到正确位置时显示“学号+姓名+手机号码!”的弹出信息;

⑸.网页标题为“学号+姓名+手机号码+照片拼图”。 ⑹.网页命名为“学号+姓名+photo.html”。 ⑺.有背景音乐。

6、网页6-“站点说明”(8分)

编写网站建设文档,说明浏览该网站要求的显示器分辨率、网站建设的主要技术和过程、技术细节、自己的体会、对这门课程的体会、对老师的建议等,不少于500字。严禁抄袭。 五、(共20分)综合分 得分______

整体色调协调,积极向上、结构合理、浏览方便、内容丰富,具有一定难度,有自己的创新。在不涉及隐私的前提下,倡导自由发挥,倡导晒出自己的幸福。如有抄袭,一律零分。

第3页,共3页

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4