《网页开发技术》试题
一、说明
1. 考核方式:上机考试。
2. 将所有内容保存在同一个文件夹下,文件夹命名为:学号后2位+姓名拼音缩写,例如:张三同学(学号为2301010201 )建立的文件夹应为01zs,(学号、姓名拼音缩写之间无空格)。
3. 利用HBuilder X、Dreamweaver、Photoshop等网页设计工具制作网页。
4. 素材需自己搜集或制作。
二、考试内容
1. 运用DIV+CSS布局页面。
2. 首页文件命名为index.html,制作4个以上的页面,其他页面可按数字序号依次命名,文件名为:1.html、2.html、3.html……。
3. 图片文件放置在站点的images文件夹中。
4. 定义独立的CSS样式表文件,利用CSS样式控制页面中元素的格式,样式文件命名为default.css,放置在站点的css文件夹中。
5. Js文件放置在js文件夹中。
6. 在网页中加入网站logo、banner、导航菜单、页脚,添加文字、图像等网页元素,网页排版可自由发挥,完成首页(第1个网页)制作,要求主题突出、内容充实、页面美观。为导航菜单设置链接,在原窗口中打开, 4个页面间相互跳转,在页面底部添加友情链接,链接对象为自己经常访问的3个网站,要求在新窗口中打开链接。
![]() |
7. 第2个网页 “关于我”。

8. 第3个网页“留言板”。

9. 第4个网页电子杂志。包含动画内容,制作可以翻页的杂志,杂志主题为(运动、艺术),杂志内容不少于6页,内页需包含页码。

10. 提交站点压缩包、页面截图及页面操作视频(mp4格式),所有内容以附件形式发送到157350026@qq.com,邮件标题为“班级学号姓名”。
三、评分标准
|
序号 |
评分要点 |
分值 |
|
|
1. |
基本操作 |
文件及文件夹命名 |
10 |
|
文件压缩 |
|||
|
页面截图 |
|||
|
2. |
网页布局 |
DIV+CSS布局页面 |
20 |
|
制作4个以上的页面 |
|||
|
3. |
超级链接的应用 |
菜单链接 |
10 |
|
友情链接 |
|||
|
4. |
制作表单页面 |
依据效果图制作表单页面 |
10 |
|
5. |
制作网页动画 |
创建动画效果 |
10 |
|
6. |
操作秩序 |
遵守考试期间纪律规则 |
10 |
|
7. |
完成结果 |
主题突出、内容丰富 |
20 |
|
页面美观、布局合理 |
|||
|
有创意、有特点 |
|||
|
色彩搭配协调 |
|||
|
8. |
完成时间 |
210分钟 |
10 |