网页设计与制作竞赛试题.doc

《网页设计与制作竞赛试题.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、衢州市中职计算机教师专业技能竞赛项目：网页设计与制作类型：个人项目，赛时：180分钟请竞赛选手在180分钟之内，利用提供的素材，设计制作基于互联网环境的静态网页。一、作品主题主题为“蛋糕销售网店”。二、作品要求1.在E盘上用参赛选手的姓名（拼音）命名创建文件夹，并在根目录下创建站点：“蛋糕网店”，在该站点下创建若干文件夹用来存放网站的各类资源（如：图片、FLASH、js、子网页、模板和库文件等），要求文件名称命名规范。在根目录下创建主页文件(index.htm)，在子页文件夹下创建不同的子页，合理命名及网页标题。网站要求使用IIS配置并发布。2.

2、围绕主题，参赛者利用Dreamweaver、Flash、Photoshop/Firework等工具制作个性、美观的网页。要求设计自己的网站Logo，至少制作一个FLASH动画插入到网页中。3.主页制作：l使用Div+CSS或表格布局；l链接设置：要求对默认的链接样式进行修改，具体样式需符合网站风格；l合理使用各种网页元素：包括文本、水平线、特殊字符、图像、FLASH动画等，并对样式进行相应的设置；l主页与其他子网页要有相互链接，主页中的链接数量不少于10个（包括：至少4个子页链接，及外部链接、邮箱链接、空链接等）。4.为了调查消费者对蛋糕的不同需

3、求及喜好，设计一个表单网页进行数据收集，要求：l创建表单，使用表格布局；l精选范本,供参考！合理添加表单对象（文本域、文本区域、单选按钮、复选框、按钮、列表等），设置表单元素属性，网页中表单对象的数量不少于15个；l运用简单的js代码或行为，对部分表单对象进行验证；l设计表单对象的样式。1.用来显示具体商品信息的子网页若干，子页数量不少于3个；链接清晰，能返回到主页。2.jQuery动画应用：根据提供的3个jQuery动画文件及其他文件，合理使用源文件和代码，任选其中的一个动画效果经过合理修改后应用到主页中。一、比赛及保存要求:1.参赛者在规定时

4、间内按竞赛试卷要求进行制作。2.用竞赛组委会提供的素材，选手不得自带素材。3.网页中涉及的所有"路径"必须使用"相对路径"。二、有下列情况之一者，认定为无效作品，成绩计零分:1.不按参赛要求建立站点、文件夹及文件命名的。2.不按参赛要求及竞赛规则考试的。三、竞赛规则:1.参赛选手的操作机位由抽签决定。选手应严格遵守赛场纪律，服从指挥。2.参赛选手不得携带移动硬盘、优盘、MP3等物品进入赛场。3.参赛选手须提前10分钟入场，入场必须佩戴参赛证并出示身份证。按机位号入座。4.比赛过程中，选手若需休息、饮水或去洗手间，一律计算在操作时间内。竞赛期间的食

5、品和饮水由赛场统一提供。5.比赛过程中如发生机器故障，必须经监考老师确认后方能更换机位。6.比赛过程中选手不得相互讨论交流。7.选手没按指定位置存放文件将不计入成绩。8.比赛严禁冒名顶替，弄虚作假。其它未尽事宜，将在赛前向各领队做详细说明。精选范本,供参考！六、评分标准：参赛选手抽签号：机器号：I级项目II级项目分值得分好一般差无基本设置5分1.建立站点，命名正确1分0分0分2.网站内文件层次合理，命名规范2分1分0分3.IIS服务器配置正确2分1分0分0分主页面(35)分1.布局（1）结构清晰，布局合理、规范2分1分0分（2）页面新颖，有创意2

6、分1分0分2.页面设计（1）独立设计Logo4分2分1分0分（2）Flash设计4分2分1分0分（3）链接样式设计2分1分0分0分3.美观性（1）文字清晰1分0.5分0分（2）背景恰当、美观1分0.5分0分（3）外观使用CSS样式4分2分0分（4）页面元素使用丰富，设计美观4分2分1分4.标题栏和状态栏（1）设置了标题栏1分1分1分0分（2）状态栏设置了效果1分1分1分0分5.导航链接（1）主页有导航，设计合理，样式美观5分3分1分0分（2）链接路径清晰无误，链接数量和种类符合要求4分3分1分0分表单网页（20）分1.布局合理、规范，结构清晰2分

7、1分0分2.页面设计（1）表单插入位置及设置正确3分2分1分0分（2）表单对象设计合理3分2分1分0分（3）表单对象外观设计2分1分0分0分3.功能（1）有能够返回到主页的链接2分1分1分0分（2）表单验证5分3分1分0分（3）表单对象数量不少于要求3分2分1分0分其他子网页（20）分1.页面（1）不同子页面不少于三页  （页面没有完成或只有文字,该页不计在内）12分8分4分0分 （2）页面布局合理，主题鲜明，风格统一3分2分1分0分2.链接、导航（1）有返回主页链接3分2分1分0分（2）子页有统一的底部包含版权信息等2分1分0分jQuery应用

8、（10分）1.jQuery源文件存放合理2分1分0分0分2.jQuery动画应用正确，代码无误8分6分4分0分总体印象（10分）1.美感