2018年中国技能大赛黑龙江省选拔赛-网站设计竞赛试题B

2018年中国技能大赛黑龙江省选拔赛网站设计竞赛试题B(满分100分，时间10小时）竞赛队编号： 机位号： 总分： 分模块一 分 模块二 分 模块三 分 模块四 分每个模块独立评分，本项目满分100分。每个模块都是着眼于不同的网页设计技能领域的，相对其他模块可独立存在的。选手必须在规定的结束时间前完成作品的上传。当选手完成了上午部分的工作，就可以继续完成下午的模块。将最终的作品保存到如下命名的文件夹中： XX_Module_A XX_Module_B XX_Module_C XX_Module_D上面的xx是你的抽签号，只有按规定正确提交的文件才会被评分。在每天保存的文件夹中，记得保存下所有你创建的、编辑过的或者使用过的源文件，例如psd文件等等。并将他们存到一个名为“source_files_xx”的文件夹中。模块一：单页设计模块 2小时（共25分）制作一个软件公司网站首页。页头部分主要放置导航菜单和公司Logo、动画等，页面主体分为企业新闻、热点专题、信息公开栏、出资企业聚焦、行业资讯及友情链接等。其中网站Logo需要自行设计。1. 公司网站Logo，有自己设计且符合网站主题的Banner或Logo(5分)2. 导航菜单（2分）3. 自制动画或视觉效果，用动画制作软件或脚本语言完成视觉效果（8分）4. 网站栏目布局，结构合理（10）模块二：响应式页面实现 3小时（25分）为该网站进行响应式页面设计，使网站能适应多种设备的分辨率，可以根据用户的设备或浏览器尺寸进行宽度自适应调整。选手作为页面工程师的任务是将提供的多个设计布局使用HTML5/CSS3来实现成页面，使得在各种不同的设备分辨率下都可以通过同一个页面对该网站进行正确的浏览（符合原设计稿的排版布局和各种设定）。同时利用JQuery 实现图片的叠加切换效果。1. 根据给出的图片素材，设计网页中的图片叠加展示效果，点击左右切换按钮能进行图片的切换（20分）2. 将网页设置为响应式的页面，使得网页能根据浏览器的尺寸进行宽度自适应调整（5分）模块三：前端交互应用 3小时（25分）制作一个知识问答项目。利用jQuery+PHP+MySQL来实现在线的知识问答，包括动态读取题目，每道题提交后进行评分，并提示正确选项。知识问答的题目和答案要建立数据库进行存储。实现效果如下：1. Mysql数据库（5分）（1） 数据库的建立（1分）（2） 数据表的设计与创建（3分）（3） 表数据的管理（1分）数据库中录入的数据如下，共录入10道题，每题均为单选：1、“中华人民共和国”这一国名最早是由谁提出的？( B ) A、张奚若 B、任弼时 C、毛泽东 D、周恩来 2、世界上最大的海是哪一个？( A ) A、中国的南海 B、黑海 C、中国的黄海 D、红海 3、世界上是被称为“教育王国”的哪一个国家？( C ) A、中国 B、美国 C、以色列 D、日本 4、“牛郎织女”的故事的故事是众口皆碑的神话传说，那你知道牛郎星是属于什么星座？( B ) A、天琴座 B、天鹰座 C、金牛座 D、狮子座 5、美丽奇特的“海市蜃楼”是光的折射产生的一种现象，它通常发生在什么时候？( B ) A、春天 B、夏天 C、秋天 D、冬天 6、长江山峡闻名世界，它们分别是瞿塘峡、巫峡和西陵峡，你可知道巫峡以什么而闻名？( B ) A、雄伟险峡 B、幽深彩丽 C、滩多水急 D、石林秀水 7、我国海拔最高的山峰是哪一座？( D ) A、黄山的莲花峰 B、华山的洛雁峰 C、泰山的玉皇顶 D、神农架的神农顶 8、天气预报：“今天阴有小雨”你可知道小雨的降雨量为多少？( A ) A、15毫米以下 B、20毫米以下 C、25毫米以下 D、30毫米以下 9、“豆寇年华”是指几岁？( A ) A、13岁 B、14岁 C、15岁 D、16岁 10、人们常说：“无事不登三宝殿”你知道“三宝”是指哪三宝？( C ) A、纸、砚、笔 B、书、剑、琴 C、佛、法、僧 D、金、银、玉 2. 测试题目从数据库中动态读取，且要求随机抽取5题进行作答（5分）3. 点击“提交本题”按钮时，会对选项进行判断，选项出错会显示红色背景，并将正确答案选项绿色显示，以此类推，最后所有题目答完后，要在最后的页面显示答题分数。（15分）模块四：后台游戏开发 2小时（25分）客户想在他的网站上建立一个简单的在线扫雷游戏。选手需要在服务器端上使用纯手工生成的php代码，将交互逻辑和功能集成到前端页面上。功能与下图类似：扫雷游戏要求：1. 游戏的界面设计安排合理，美观，以上效