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

学习资料收集于网络，仅供参考衢州市中职计算机教师专业技能竞赛项目：网页设计与制作类型：个人项目，赛时：180分钟请竞赛选手在180分钟之内，利用提供的素材，设计制作基于互联网环境的静态网页。 一、 作品主题主题为“蛋糕销售网店”。 二、 作品要求1. 在E 盘上用参赛选手的姓名（拼音）命名创建文件夹，并在根目录下创建站点： “蛋糕网店”，在该站点下创建若干文件夹用来存放网站的各类资源（如：图片、FLASH、js、子网页、模板和库文件等），要求文件名称命名规范。在根目录下创建主页文件(index.htm)，在子页文件夹下创建不同的子页，合理命名及网页标题。 网站要求使用IIS配置并发布。2. 围绕主题，参赛者利用Dreamweaver、Flash、Photoshop/Firework等工具制作个性、美观的网页。要求设计自己的网站Logo，至少制作一个FLASH动画插入到网页中。3. 主页制作：l 使用Div+CSS或表格布局；l 链接设置：要求对默认的链接样式进行修改，具体样式需符合网站风格；l 合理使用各种网页元素：包括文本、水平线、特殊字符、图像、FLASH动画等，并对样式进行相应的设置；l 主页与其他子网页要有相互链接，主页中的链接数量不少于10个（包括：至少4个子页链接，及外部链接、邮箱链接、空链接等）。4. 为了调查消费者对蛋糕的不同需求及喜好，设计一个表单网页进行数据收集，要求：l 创建表单，使用表格布局；l 合理添加表单对象（文本域、文本区域、单选按钮、复选框、按钮、列表等），设置表单元素属性，网页中表单对象的数量不少于15个；l 运用简单的js代码或行为，对部分表单对象进行验证；l 设计表单对象的样式。5. 用来显示具体商品信息的子网页若干，子页数量不少于3个；链接清晰，能返回到主页。6. jQuery动画应用：根据提供的3个jQuery动画文件及其他文件，合理使用源文件和代码，任选其中的一个动画效果经过合理修改后应用到主页中。三、 比赛及保存要求:1. 参赛者在规定时间内按竞赛试卷要求进行制作。2. 用竞赛组委会提供的素材，选手不得自带素材。3. 网页中涉及的所有路径必须使用相对路径。四、 有下列情况之一者，认定为无效作品，成绩计零分: 1. 不按参赛要求建立站点、文件夹及文件命名的。 2. 不按参赛要求及竞赛规则考试的。 五、 竞赛规则:1. 参赛选手的操作机位由抽签决定。选手应严格遵守赛场纪律，服从指挥。2. 参赛选手不得携带移动硬盘、优盘、MP3等物品进入赛场。3. 参赛选手须提前10分钟入场，入场必须佩戴参赛证并出示身份证。按机位号入座。4. 比赛过程中，选手若需休息、饮水或去洗手间，一律计算在操作时间内。竞赛期间的食品和饮水由赛场统一提供。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分1分0分2. 页面设计（1）独立设计Logo例一、青+（虫）= 蜻 赶 干 =（ 走）4分“有”的使用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分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应用（10分）1. jQuery源文件存放合理2分1分0分0分2. jQuery动画应用正确，代码无误8分6分4分0分总体印象（10分）1. 美感：色彩合理，布局得体，视觉清新，美感独韵5分3分1分2. 创意：主题明确，内容健康，思路清晰，新颖独到5分3分1分总 分爱人者，人恒爱之；敬人者，人恒敬之；宽以济猛，猛以济宽，政是以和。将军额上能跑马，宰相肚里能撑船。最高贵的复仇是宽容。有时宽容引起的道德震动比惩罚更强烈。君子贤而能容罢，知而能容愚，博而能容浅，粹而能容杂。宽容就是忘却，人人都有痛苦，都有伤疤，动辄去揭，便添新创，旧痕新伤难愈合，忘记昨日的是非，忘记别人先前对自己的指责和谩骂，时间是良好的止痛剂，学会忘却，生活才有阳光，才有欢乐。不要轻易放弃感情，谁都会心疼；不要冲动下做决定，会后悔一生。也许只一句分手，就再也不见；也许只一次主动，就能挽回遗憾。世界上没有不争吵的感情，只有不肯包容的心灵；生活中没有不会生气的人，只有不知原谅的心。感情不是游戏，谁也伤不起；人心不是钢铁，谁也疼不起。好缘分，凭的就是真心真意；真感情，要的就是不离不弃。爱你的人，舍不得伤你；伤你的人，并不爱你。你在别人心里重不重要，自己可以感觉到。所谓华丽的转身，都有旁人看不懂的情深。人在旅途，肯陪你一程的人很多，能陪你一生的人却很少。谁在默默的等待，谁又从未走远，谁能为你一直都在？这世上，别指望人人都对你好，对你好的人一辈子也不会遇到几个。人心只有一颗，能放在心上的人毕竟不多；感情就那么一块，心里一直装着你其实是难得。动了真情，情才会最难割；付出真心，心才会最难舍。你在谁面前最蠢，就是最爱谁。其实恋爱就这么简单，会让你智商下降，完全变了性格，越来越不果断。所以啊，不管你有多聪明，多有手段，多富有攻击性，真的爱上人时，就一点也用不上。这件事情告诉我们。谁在你面前很聪明，很有手段，谁就真的不爱你呀。遇到你之前，我以为爱是惊天动地，爱是轰轰烈烈抵死缠绵；我以为爱是荡气回肠，爱是热血沸腾幸福满满。我以为爱是窒息疯狂，爱是炙热的火炭。婚姻生活牵手走过酸甜苦辣温馨与艰难，我开始懂得爱是经得起平淡。爱人者，人恒爱之；敬人者，人恒敬之；宽以济猛，猛以济宽，政是以和。将军额上能跑马，宰相肚里能撑船。最高贵的复仇是宽容。有时宽容引起的道德震动比惩罚更强烈。君子贤而能容罢，知而能容愚，博而能容浅，粹而能容杂。宽容就是忘却，人人都有痛苦，都有伤疤，动辄去揭，便添新创，旧痕新伤难愈合，忘记昨日的是非，忘记别人先前对自己的指责和谩骂，时间是良好的止痛剂，学会忘却，生活才有阳光，才有欢乐。不要轻易放弃感情，谁都会心疼；不要冲动下做决定，会后悔一生。也许只一句分手，就再也不见；也许只一次主动，就能挽回遗憾。世界上没有不争吵的感情，只有不肯包容的心灵；生活中没有不会生气的人，只有不知原谅的心。感情不是游戏，谁也伤不起；人心不是钢铁，谁也疼不起。好缘分，凭的就是真心真意；真感情，要的就是不离不弃。爱你的人，舍不得伤你；伤你的人，并不爱你。你在别人心里重不重要，自己可以感觉到。所谓华丽的转身，都有旁人看不懂的情深。人在旅途，肯陪你一程的人很多，能陪你一生的人却很少。谁在默默的等待，谁又从未走远，谁能为你一直都在？这世上，别指望人人都对你好，对你好的人一辈子也不会遇到几个。人心只有一颗，能放在心上的人毕竟不多；感情就那么一块，心里一直装着你其实是难得。动了真情，情才会最难割；付出真心，心才会最难舍。你在谁面前最蠢，就是最爱谁。其实恋爱就这么简单，会让你智商下降