c31网站设计与开发项目（世赛）试题（PDF版本）.pdf

河北省第一届职业技能大赛

网站设计与开发项目（样题）

2021年6月

测试项目A

前端页面设计制作

评估浏览器：谷歌浏览器

竞赛时间：2小时

简介

一家初创公司计划制作一款网页游戏。为了吸引投资者

的兴趣，它想委托你来开发一个游戏DEMO。公司希望你在

开发过程中注重用户体验。本项目将分为AB两个模块完成。

在模块A中，你需要完成游戏的风格设计和页面布局，模块

A将对界面的视觉效果和创意进行评判。在模块B中，你需

要根据模块A的设计来实现你的游戏，同时，你需要完成游

戏功能和交互要求。

项目和任务描述

设计与布局

您需要完成游戏的样式指南和前端页面布局。

样式指南应包含以下

·关于本游戏

·徽标

·字体指南

·字体名字

·字号

·按钮

1

·模式

·工具

·市民

·建筑

游戏包括

a)【主页】

【徽标】

【开始新游戏】按钮

【加载游戏】按钮

【排行榜】按钮

b)【难度选择】页面

【昵称】

【容易】

【正常】

【困难】

【回到主页】

c)【游戏页面】

钱包（显示游戏币余额）

得分

计时器

工具箱

【回到主页】按钮

2

【设置】按钮

【保存游戏】

【加载游戏】

【启动（游戏）】按钮

d)【排行榜】页面

排名昵称得分用时

按钮中的文本可以根据需要简化或替换为图标。

点击设置按钮后，设置菜单中的“保存游戏”，“加

载游戏”功能将会显示。

3

测试项目B

前端功能和交互

评估浏览器：谷歌浏览器

竞赛时间：3小时

根据模块A的样式指南和布局，开发游戏的功能逻辑和

交互效果

你需要考虑游戏设计的合理性，玩家应该有机会完成游

戏中的各种挑战。

简介

一家初创公司计划制作一款网页游戏。为了吸引投资者

的兴趣，它想委托你来开发一个游戏DEMO。公司希望你在

开发过程中注重用户体验。本项目将分为AB两个模块完成。

在模块A中，你需要完成游戏的风格设计和页面布局，模块

A将对界面的视觉效果和创意进行评判。在模块B中，你需

要根据模块A的设计来实现你的游戏，同时，你需要完成游

戏功能和交互要求。

项目和任务描述

设计与布局

您需要完成游戏功能和交互。

基本游戏逻辑

1当浏览根目录时，应该显示主页面。

2当用户点击主页上的【加载游戏】按钮时可以载入一

个游戏进度文件。正确导入游戏进度文件后，直接加载到之

4

前的游戏建造模式中(昵称，难度级别，地图中用户建造的项

目，钱包中的金币余额都被正确加载)。

3.当用户点击主页上的新游戏按钮时，需要输入一个昵

称，然后点击“提交”按钮跳转到级别选择页面。

4.在级别选择页面中，用户可以选择游戏难度。选择

游戏难度后，跳转到游戏页面并进入建造模式。

5、用户进入游戏时会根据不同难度级别获得一定数量

的金币。简单级别3000金币，正常级别5000金币，困难级

别8000金币。

6、当用户进入一个级别时，计时器（在游戏页面中）

将被重置为100秒。在建造模式下计时器不会改变。在操作

模式下，技时器的数值每秒减1。

7、当用户完成道路和工具放置后，点击启动按钮进入

游戏操