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

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

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

3、布局；;.合理添加表单对象（文本域、文本区域、单选按钮、复选框、按钮、列表等），设置表单元素属性，网页中表单对象的数量不少于 15 个；运用简单的 js 代码或行为，对部分表单对象进行验证；设计表单对象的样式。5.用来显示具体商品信息的子网页若干，子页数量不少于 3 个；链接清晰，能返回到主页。6.jQuery 动画应用：根据提供的 3 个 jQuery 动画文件及其他文件，合理使用源文件和代码，任选其中的一个动画效果经过合理修改后应用到主页中。三、比赛及保存要求:1.参赛者在规定时间内按竞赛试卷要求进行制作。2.用竞赛组委会提供的素材，选手不得自带素材。3.网页中涉及的所有路径必须使用相对路

4、径。四、有下列情况之一者，认定为无效作品，成绩计零分:1.不按参赛要求建立站点、文件夹及文件命名的。2.不按参赛要求及竞赛规则考试的。五、竞赛规则:1.参赛选手的操作机位由抽签决定。选手应严格遵守赛场纪律，服从指挥。2.参赛选手不得携带移动硬盘、优盘、MP3 等物品进入赛场。3.参赛选手须提前 10 分钟入场，入场必须佩戴参赛证并出示身份证。按机位号入座。4.比赛过程中，选手若需休息、饮水或去洗手间，一律计算在操作时间内。竞赛期间的食品和饮水由赛场统一提供。5.比赛过程中如发生机器故障，必须经监考老师确认后方能更换机位。6.比赛过程中选手不得相互讨论交流。7.选手没按指定位置存放文件将不计入成

5、绩。8.比赛严禁冒名顶替，弄虚作假。其它未尽事宜，将在赛前向各领队做详细说明。;.六、评分标准：参赛选手抽签号：机器号：I 级项目II 级项目分值好一般差无0 分得分基本设置1.建立站点，命名正确2.网站内文件层次合理，命名规范5 分3.IIS 服务器配置正确1.布局（1）结构清晰，布局合理、规范（2）页面新颖，有创意2.页面设计1 分0 分0 分2 分1 分0 分2 分1 分0 分2 分1 分0 分2 分1 分0 分（1）独立设计 Logo（2）Flash 设计（3）链接样式设计主页面(35)分3.美观性（1）文字清晰（2）背景恰当、美观（3）外观使用 CSS 样式（4）页面元素使用丰富，设

6、计美观4.标题栏和状态栏（1）设置了标题栏（2）状态栏设置了效果5.导航链接4 分2 分1 分0 分4 分2 分1 分0 分2 分1 分0 分0 分1 分0.5 分0 分1 分0.5 分0 分4 分2 分0 分4 分2 分1 分1 分1 分1 分0 分1 分1 分1 分0 分（1）主页有导航，设计合理，样式美观（2）链接路径清晰无误，链接数量和种类符合要求1.布局合理、规范，结构清晰2.页面设计5 分3 分1 分0 分4 分3 分1 分0 分2 分1 分0 分3 分2 分1 分0 分3 分2 分1 分0 分2 分1 分0 分0 分2 分1 分1 分0 分5 分3 分1 分0 分3 分2 分1

7、分0 分（1）表单插入位置及设置正确表单网页（2）表单对象设计合理（3）表单对象外观设计（20）分3.功能（1）有能够返回到主页的链接（2）表单验证（3）表单对象数量不少于要求1.页面（1）不同子页面不少于三页（页面没有完成或只有文 12 分8 分4 分0 分字,该页不计在内）其他子网页（2）页面布局合理，主题鲜明，风格统一（20）分2.链接、导航（1）有返回主页链接（2）子页有统一的底部包含版权信息等jQuery 应用 1.jQuery 源文件存放合理（10 分）2.jQuery 动画应用正确，代码无误总体印象1.美感：色彩合理，布局得体，视觉清新，美感独韵（10 分）2.创意：主题明确，内

8、容健康，思路清晰，新颖独到2 分1 分0 分3 分2 分1 分0 分3 分2 分1 分0 分2 分1 分0 分0 分8 分6 分4 分0 分5 分3 分1 分5 分3 分1 分总分;.;.爱人者，人恒爱之；敬人者，人恒敬之；宽以济猛，猛以济宽，政是以和。将军额上能跑马，宰相肚里能撑船。最高贵的复仇是宽容。有时宽容引起的道德震动比惩罚更强烈。君子贤而能容罢，知而能容愚，博而能容浅，粹而能容杂。宽容就是忘却，人人都有痛苦，都有伤疤，动辄去揭，便添新创，旧痕新伤难愈合，忘记昨日的是非，忘记别人先前对自己的指责和谩骂，时间是良好的止痛剂，学会忘却，生活才有阳光，才有欢乐。不要轻易放弃感情，谁都会心疼；

9、不要冲动下做决定，会后悔一生。也许只一句分手，就再也不见；也许只一次主动，就能挽回遗憾。世界上没有不争吵的感情，只有不肯包容的心灵；生活中没有不会生气的人，只有不知原谅的心。感情不是游戏，谁也伤不起；人心不是钢铁，谁也疼不起。好缘分，凭的就是真心真意；真感情，要的就是不离不弃。爱你的人，舍不得伤你；伤你的人，并不爱你。你在别人心里重不重要，自己可以感觉到。所谓华丽的转身，都有旁人看不懂的情深。人在旅途，肯陪你一程的人很多，能陪你一生的人却很少。谁在默默的等待，谁又从未走远，谁能为你一直都在？这世上，别指望人人都对你好，对你好的人一辈子也不会遇到几个。人心只有一颗，能放在心上的人毕竟不多；感情就

10、那么一块，心里一直装着你其实是难得。动了真情，情才会最难割；付出真心，心才会最难舍。你在谁面前最蠢，就是最爱谁。其实恋爱就这么简单，会让你智商下降，完全变了性格，越来越不果断。所以啊，不管你有多聪明，多有手段，多富有攻击性，真的爱上人时，就一点也用不上。这件事情告诉我们。谁在你面前很聪明，很有手段，谁就真的不爱你呀。遇到你之前，我以为爱是惊天动地，爱是轰轰烈烈抵死缠绵；我以为爱是荡气回肠，爱是热血沸腾幸福满满。我以为爱是窒息疯狂，爱是炙热的火炭。婚姻生活牵手走过酸甜苦辣温馨与艰难，我开始懂得爱是经得起平淡。;.爱人者，人恒爱之；敬人者，人恒敬之；宽以济猛，猛以济宽，政是以和。将军额上能跑马，宰

11、相肚里能撑船。最高贵的复仇是宽容。有时宽容引起的道德震动比惩罚更强烈。君子贤而能容罢，知而能容愚，博而能容浅，粹而能容杂。宽容就是忘却，人人都有痛苦，都有伤疤，动辄去揭，便添新创，旧痕新伤难愈合，忘记昨日的是非，忘记别人先前对自己的指责和谩骂，时间是良好的止痛剂，学会忘却，生活才有阳光，才有欢乐。不要轻易放弃感情，谁都会心疼；不要冲动下做决定，会后悔一生。也许只一句分手，就再也不见；也许只一次主动，就能挽回遗憾。世界上没有不争吵的感情，只有不肯包容的心灵；生活中没有不会生气的人，只有不知原谅的心。感情不是游戏，谁也伤不起；人心不是钢铁，谁也疼不起。好缘分，凭的就是真心真意；真感情，要的就是不离

12、不弃。爱你的人，舍不得伤你；伤你的人，并不爱你。你在别人心里重不重要，自己可以感觉到。所谓华丽的转身，都有旁人看不懂的情深。人在旅途，肯陪你一程的人很多，能陪你一生的人却很少。谁在默默的等待，谁又从未走远，谁能为你一直都在？这世上，别指望人人都对你好，对你好的人一辈子也不会遇到几个。人心只有一颗，能放在心上的人毕竟不多；感情就那么一块，心里一直装着你其实是难得。动了真情，情才会最难割；付出真心，心才会最难舍。你在谁面前最蠢，就是最爱谁。其实恋爱就这么简单，会让你智商下降，完全变了性格，越来越不果断。所以啊，不管你有多聪明，多有手段，多富有攻击性，真的爱上人时，就一点也用不上。这件事情告诉我们。谁在你面前很聪明，很有手段，谁就真的不爱你呀。遇到你之前，我以为爱是惊天动地，爱是轰轰烈烈抵死缠绵；我以为爱是荡气回肠，爱是热血沸腾幸福满满。我以为爱是窒息疯狂，爱是炙热的火炭。婚姻生活牵手走过酸甜苦辣温馨与艰难，我开始懂得爱是经得起平淡。;.;.