2009年青岛市中等职业学校计算机专业技能竞赛网页设计与制作比赛题目

2009年青岛市中等职业学校计算机专业技能竞赛

网页设计与制作比赛题目

1. 素材资料所在位置

网页所需的全部文字、图片素材都位于计算机桌面上的“网页素材.RAR”文件中。 2. 作品保存

1) 制作时网站保存在桌面上，文件夹名称自定，最后发布到本机的IIS上，网站的最终结果以在IE浏览器中打开http://localhost 的实际效果为准； 2) 站点文件夹中只能包括首页文件（index.html或index.asp）、文件夹html、images、admin、database、others、系统自动生成的文件和文件夹（如模板、库文件夹等）以及source文件夹；

3) 文件夹html中存放一级网页文件（即与首页直接链接的页面）；

4) 5) 6) 7) 8) 9)

文件夹images 中存放首页用图片和其他页面公用图片素材； 文件夹admin 中存放与支持后台管理相关的文件和文件夹； 文件夹database中存放数据库文件（Access文件）；

文件夹others中存放除以上文件外的其他所有文件和文件夹； 在文件夹html、admin、others中可以自建文件夹； 文件夹source中存放自制与加工后的素材源文件；

10) 除以上规定的文件和文件夹外，其他的文件和文件夹名称自拟，但文件和文件夹名称只能以英文字母、阿拉伯数字、下划线命名。若提供的素材是中文名称，需按要求改名后再使用。 3. 内容与主题

1) 主题：力促圆明园流失兽首回归

2) 根据网站建设需求文档，按照网站建设标准流程分析、设计、制作及发布网站；网站主题突出、布局合理、风格统一、结构清晰、规范；色彩使用搭配合理、美观、设计新颖、有创意。 4. 网站制作要求

1) 在系统默认状态下制作网页，不许修改系统状态； 2) 页面中不得显示或暗示参赛选手的真实身份（如学校、姓名等），不得包含违法内容、不健康内容，否则成绩作废；

3) 比赛中只能使用大赛提供的素材，或者自己现场制作、加工的素材； 4) 参赛选手请仔细阅读“网站建设需求文档”，所有网页使用1024*768的分辨率；

5) 未用到的素材不可以放在站点文件夹下，站点中不能存放未使用的孤立文件。

6) 各页面均要有标题设置，与正文不符者等同于没有设置；

1

5. 参赛要求

进入比赛场地后须保持安静，比赛前15分钟有解压缩和浏览素材的时间，正式时间为三个小时。

比赛过程中如发生机器故障，需向现场技术人员报告，故障中断时间不计； 比赛结束后，参赛选手应及时存盘，关闭打开的程序窗口，但不要关闭计算机。选手要留下比赛题目等相关文档，有序离开比赛场地。

2

网站建设需求文档

网站主题：力促圆明园流失兽首回归

本网站是以介绍圆明园兽首流失过程，部分兽首回归历程，以及兔首、鼠首拍卖风波为主要内容，力促圆明园流失兽首回归，弘扬爱国主义精神。

网站版面包括首页、兽首介绍、流失过程、回归历程、拍卖风波等栏目。 网站需包括以下功能模块：用户注册/登录模块和留言板模块。

网站要提供后台管理功能，管理员可以在后台进行用户管理、消息管理和留言管理等操作。

网站必须发布成功，否则作品无效。

一、 功能模块需求说明

1. 用户注册/登陆模块

注册：用户需同意注册协议方可进入注册页面注册，不同意注册协议则返回首页。注册项包括：

用户名——必填；用户名不可重复；注册名不能为：admin；要求输入不符合上述规则有错误提示，没有错误提示不得分；

密码、密码确认——必填；6-10个字符；密码与密码确认必须输入一致方可注册；要求输入不符合上述规则要有错误提示，没有错误提示不给分；

性别——单选；

出生日期——年输入，月、日下拉表选择；

文化程度——下拉表选择，包括小学、初中、高中、大专、本科、硕士、博士；

EMAIL——文本框输入；

喜欢的体育项目——复选，选项自拟； 提交和重置按钮。

比赛中要求选手注册一个以qd123为用户名，密码为：123456789的用户，否则影响比赛成绩。

登陆：用户登陆后此区域显示“欢迎╳╳(用户名，如qd123)”，并在下方出现“退出”按钮；点击退出按钮，会回到注册/登陆界面。如果以管理员用户名和密码登陆，登陆后此区域会出现“进入管理”及“退出”按钮，点击“进入管理”按钮，进入管理界面；点击“退出”按钮，会回到注册/登陆界面。

2. 留言板模块

注册用户登陆后可以在留言板发表留言、浏览已发表的留言；未注册用户只能浏览所有已发表的留言，不能发表留言；留言显示含用户名、发表留言时间和留言内容；最后发表的留言显示在最上面。

二、 后台管理需求说明

有后台管理界面，管理员在此进行用户管理、消息管理和留言管理操作。管理员登录用户名：admin；密码：123456789

1. 用户管理：管理员可以在此进行编辑用户和删除用户操作。

3

当管理员点击用户管理时，以列表形式显示所有用户名，每个用户名后面有编辑和删除按钮（或文字）；点击编辑，可对用户注册的所有资料进行编辑，编辑完成后，通过点击保存按钮来保存更新用户资料；点击删除，可删除此用户，删除前要有确认删除的提示。

2. 消息管理：管理员可以在此进行添加消息、浏览消息、编辑消息和删除消息操作。

当管理员点击消息管理时，出现添加消息和浏览消息操作选项。

点击添加消息，出现添加消息界面。添加消息包括消息发布日期、消息类型（转载、评论，单选）、消息标题和消息内容，有添加和重置按钮。消息添加后显示在最新消息页面，最新添加的5条消息标题同时显示在首页的最新消息栏。

单击浏览消息，按消息添加的时间顺序以表格的方式显示所有消息标题，最后添加的消息显示在最上面；每一条消息后面有编辑和删除按钮或文字。

单击编辑，管理员可以对消息的发布日期、消息类型、消息标题和消息内容进行编辑，编辑完成后，通过单击保存按钮来保存消息。

刷新消息页面和首页，消息页面和首页消息栏会显示更新后的内容。 单击删除，可以删除此消息，删除前要有确认删除的提示。

参赛选手需要从网页素材文件夹中“最新消息”文件夹的素材中，添加6条消息做测试。

3. 留言管理：管理员进入后台管理后，点击“留言管理”后看到所有留言（列表形式、按日期降序显示），每条留言后面有删除按钮或文字，单击删除，管理员可以在此进行删除操作，删除前要有确认删除的提示。

三、 页面管理需求说明

1. 首页

首页包括以下内容：LOGO、Banner、导航菜单、滚动字幕、用户注册/登陆、最新消息、网站栏目简介、友情链接、浮动图片和版权说明。

网页布局自己确定。其他栏目要求如下：

LOGO：突出网站主题、符合网站形象；静态、动态皆可。

Banner：符合网站主题，宣传效果明显；要求用Flash制作，swf格式且有动画效果。

导航菜单：导航菜单包括：首页、兽首介绍、流失过程、回归历程、拍卖风波、留言簿。

导航菜单需要显示在所有页面上，鼠标停留在导航菜单上时出现提示文字，提示文字内容为对应菜单名称。

导航菜单上的链接文字要采用动态按钮或动态文本的形式。

滚动字幕：滚动文字为“欢迎访问力促兽首回归网站，请您为兽首回归尽一份力！”，滚动方式和速度自拟。

最新消息：显示最新的5条消息标题，并通过单击“更多”链接到“拍卖风波”页面。

网站栏目简介：兽首介绍、流失过程、回归历程、拍卖风波、留言簿等5个栏目的简介，文字内容自拟，二三十字左右为宜，有链接文字或图片分别链接到相应的页面。

4