濟(jì)寧市“技能狀元”職業(yè)技能大賽-網(wǎng)站技術(shù)（世賽選拔項(xiàng)目）技術(shù)文件

濟(jì)寧市“技能狀元”職業(yè)技能大賽

—第一屆山東省職業(yè)技能大賽濟(jì)寧市選賽暨

2023年度職業(yè)技工院校學(xué)生教師職業(yè)技競(jìng)賽

網(wǎng)站技術(shù)項(xiàng)目技術(shù)工作文件

第一屆山東省職業(yè)技能大賽濟(jì)寧市選拔賽

暨2023年度職業(yè)技工院校學(xué)生教師職業(yè)技能競(jìng)賽組委會(huì)

2023年4月

目錄

一、技術(shù)描述.............................................1

（一）項(xiàng)目概要......................................1

（二）基本知識(shí)與能力要求............................2

二、試題與評(píng)判標(biāo)準(zhǔn).......................................5

（一）試題（樣題）..................................5

（二）比賽時(shí)間及試題具體內(nèi)容.......................22

（三）評(píng)判標(biāo)準(zhǔn).....................................24

三、競(jìng)賽細(xì)則............................................25

四、競(jìng)賽場(chǎng)地、設(shè)施設(shè)備等安排............................26

（一）賽場(chǎng)規(guī)格要求.................................26

（二）場(chǎng)地布局圖...................................27

（三）基礎(chǔ)設(shè)施清單.................................27

五、安全、健康要求......................................28

一、技術(shù)描述

（一）項(xiàng)目概要

網(wǎng)站技術(shù)項(xiàng)目是指根據(jù)項(xiàng)目需求進(jìn)行站點(diǎn)整體風(fēng)格與布局

的設(shè)計(jì)，根據(jù)設(shè)計(jì)的頁(yè)面實(shí)現(xiàn)在各種終端上的頁(yè)面效果、交互

效果以及后臺(tái)相應(yīng)功能的競(jìng)賽項(xiàng)目。

選手需要熟練地進(jìn)行圖形圖像處理，設(shè)計(jì)站點(diǎn)的logo、頁(yè)

面的整體風(fēng)格與版面布局，并在各版面中應(yīng)用這些元素，同時(shí)

還需關(guān)注站點(diǎn)的受眾群體，讓制作的網(wǎng)站更受歡迎；使用HTML5

及CSS3按設(shè)計(jì)稿實(shí)現(xiàn)頁(yè)面，并完成各種交互效果的開(kāi)發(fā)。此

外還要處理好代碼編寫(xiě)過(guò)程中發(fā)生的異常。最終的作品同常用

瀏覽器以及軟硬件之間的兼容性也是十分重要的，需要妥善處

理。

在實(shí)際工作中，網(wǎng)頁(yè)設(shè)計(jì)者要能理解網(wǎng)頁(yè)制作的技術(shù)和藝

術(shù)價(jià)值。技術(shù)的運(yùn)用是為了幫助網(wǎng)站經(jīng)營(yíng)者更好更高效地工作

(自動(dòng)化)。網(wǎng)站的顏色、字體、圖形以及布局則需要富有創(chuàng)意

的設(shè)計(jì)技巧。用戶界面要確保具有良好的可用性。網(wǎng)站制作者

也必須理解項(xiàng)目工作、內(nèi)容制作和網(wǎng)站管理的基礎(chǔ)知識(shí)。

—1—

（二）基本知識(shí)與能力要求

1、平面設(shè)計(jì)

選手必須知道并理解：

如何創(chuàng)建圖形文件、圖片并具備審美價(jià)值觀

如何根據(jù)要求有效使用提供的文字簡(jiǎn)介進(jìn)行設(shè)計(jì)

在設(shè)計(jì)網(wǎng)站顏色、排版和圖像時(shí)所需要的創(chuàng)意和技巧

如何凸顯站點(diǎn)的目標(biāo)受眾群體

如何運(yùn)用用戶中心的設(shè)計(jì)

如何為網(wǎng)站創(chuàng)建動(dòng)畫(huà)

選手必須能夠：

導(dǎo)入并編輯圖像

為網(wǎng)頁(yè)優(yōu)化圖像

使用某種圖像處理軟件創(chuàng)作圖像

使用某種圖像處理軟件對(duì)圖片進(jìn)行切片

選用可以增強(qiáng)設(shè)計(jì)效果的布局版式

為不同的屏幕分辨率進(jìn)行設(shè)計(jì)；對(duì)給定的分辨率進(jìn)行

優(yōu)化并且頁(yè)面在不同分辨率的設(shè)備中良好工作

為各種自適應(yīng)的站點(diǎn)頁(yè)面設(shè)計(jì)合適的效果

創(chuàng)建高效、直觀、易用的網(wǎng)站導(dǎo)航

創(chuàng)建的頁(yè)面布局包含：流式頁(yè)面、網(wǎng)格頁(yè)面、頁(yè)面留

—2—

白、均衡的文字圖像，清晰的層次。

2.頁(yè)面交互

使用javascript、jQuery或其他一些插件實(shí)現(xiàn)頁(yè)面

交互及一些動(dòng)畫(huà)效果

不能使用flash創(chuàng)建動(dòng)畫(huà)

3.通過(guò)PHP及MYSQL進(jìn)行服務(wù)器端編程

選手必須知道并理解：

如何進(jìn)行服務(wù)器端編程(PHP)

如何設(shè)計(jì)數(shù)據(jù)庫(kù)(MySQL)

選手必須能夠：

創(chuàng)建、修改服務(wù)器端應(yīng)用程序(如CMS系統(tǒng)、網(wǎng)絡(luò)數(shù)

據(jù)庫(kù))

使用服務(wù)器端組件(如縮略圖、ZIP文件和PDF文

件)

4.通過(guò)開(kāi)放源碼庫(kù)和框架實(shí)現(xiàn)客戶端

選手必須知道并理解：

如何使用開(kāi)放源碼庫(kù)和框架來(lái)編碼

選手必須能夠：

通過(guò)開(kāi)放源碼和框架創(chuàng)建客戶端和服務(wù)器端

5.可用性及可及性

—3—

選手必須知道并理解：

如何使用最新的設(shè)計(jì)技術(shù)和編碼技術(shù)制作遵循行業(yè)標(biāo)

準(zhǔn)且具有良好持續(xù)性、一致性的網(wǎng)站

選手必須能夠：

使用JavaScript、JQuery等工具來(lái)實(shí)現(xiàn)頁(yè)面各部分

內(nèi)容

使用CSS或其他的外部文件來(lái)對(duì)整個(gè)網(wǎng)站樣式進(jìn)行

修改

能在兩種不同的瀏覽器(最新、穩(wěn)定的版本)上優(yōu)化

頁(yè)面，獲得較好的跨瀏覽器兼容性

所創(chuàng)建的網(wǎng)站內(nèi)容在不同分辨率的屏幕上要保持一致

且結(jié)構(gòu)良好

對(duì)于自適應(yīng)的頁(yè)面設(shè)計(jì)能使用合適的樣式和腳本代碼

來(lái)實(shí)現(xiàn)頁(yè)面

所創(chuàng)建網(wǎng)站要符合當(dāng)前的W3C標(biāo)準(zhǔn)(HTML5.0

CSS3.0)

6.必須具備的理論知識(shí)，但不直接測(cè)試

色彩構(gòu)成理論

圖片制作、加工、處理的要素

HTML、CSS、javascript、JQuery、PHP、MySql等

—4—

語(yǔ)言和工具的語(yǔ)法和使用規(guī)則

使用MVC框架結(jié)構(gòu)來(lái)對(duì)網(wǎng)站服務(wù)器端進(jìn)行編碼

開(kāi)源代碼庫(kù)及框架的使用

站點(diǎn)設(shè)計(jì)和受眾分析

所有需要使用的軟件的操作知識(shí)

網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)的步驟以及每個(gè)步驟需要完成的任務(wù)

7.必須了解的標(biāo)準(zhǔn)和法規(guī)，但不直接測(cè)試

網(wǎng)頁(yè)的W3C標(biāo)準(zhǔn)

網(wǎng)站版權(quán)法規(guī)

二、試題與評(píng)判標(biāo)準(zhǔn)

（一）試題（樣題）

主要包括基本內(nèi)容分為3個(gè)模塊或部分。

模塊A

1.介紹

低碳環(huán)保，共享碧水藍(lán)天

低碳環(huán)保生活（英文：Low-carbonliving）是指減少日常

作息時(shí)所耗用能量的綠色環(huán)保的生活方式，低碳環(huán)保生活主要

是從節(jié)電、節(jié)氣和回收三個(gè)環(huán)節(jié)來(lái)改變生活細(xì)節(jié)。其目的主要

是減少溫室氣體的排放量，特別是二氧化碳，從而減少對(duì)大氣

—5—

的污染，減緩生態(tài)惡化。低碳生活既是一種生活方式，同時(shí)更

是一種可持續(xù)發(fā)展的環(huán)保責(zé)任。低碳生活要求人們樹(shù)立全新的

生活觀和消費(fèi)觀，減少碳排放，促進(jìn)人與自然和諧發(fā)展。低碳

生活將是協(xié)調(diào)經(jīng)濟(jì)社會(huì)發(fā)展和保護(hù)環(huán)境的重要途徑。

2.項(xiàng)目及模塊說(shuō)明

你的任務(wù)是創(chuàng)建一套一頁(yè)紙的網(wǎng)站設(shè)計(jì)(1920px，480px寬

的個(gè)人電腦，電話)一頁(yè)設(shè)計(jì)是一個(gè)網(wǎng)頁(yè)，所有內(nèi)容顯示在一個(gè)

長(zhǎng)可滾動(dòng)頁(yè)面上，主導(dǎo)航使用滾動(dòng)頁(yè)面而不是單獨(dú)的子頁(yè)面。

你的設(shè)計(jì)可以是只要你喜歡，當(dāng)你向下滾動(dòng)。

您已經(jīng)獲得了可以幫助您進(jìn)行設(shè)計(jì)的文本和圖像。你不需

要使用所有的圖像和文本，但你應(yīng)該確保有足夠的文本和圖像

包含在你的設(shè)計(jì)，給一個(gè)良好的整體感覺(jué)，網(wǎng)站將如何構(gòu)建。

設(shè)計(jì)應(yīng)遵循英文網(wǎng)站的一般規(guī)定。您應(yīng)該在每個(gè)設(shè)計(jì)中產(chǎn)

生所需的交互效果。您可以在設(shè)計(jì)中添加一個(gè)額外的文件或其

他文本和信息來(lái)描述交互效果。

最終的一頁(yè)設(shè)計(jì)（全部2頁(yè)）必須包含以下部分/列

標(biāo)志

包含文本和圖像

o

內(nèi)部導(dǎo)航

遵循下面的列

o

—6—

手機(jī)的設(shè)計(jì)應(yīng)該使用一個(gè)浮動(dòng)的側(cè)邊欄來(lái)導(dǎo)航

o

橫幅

內(nèi)容包括：

o

.標(biāo)題

.一般介紹

登錄和注冊(cè)

搜索欄

環(huán)?；顒?dòng)

使用自定義的交互效果來(lái)查看所有的照片

o

切實(shí)可用的環(huán)保（節(jié)能減排、低碳環(huán)保）知識(shí)

在預(yù)覽列表中

o

日常生活的環(huán)保習(xí)慣

在預(yù)覽列表中

o

由于需要在人們周?chē)M(jìn)行環(huán)?；顒?dòng)

在預(yù)覽列表中

o

國(guó)家節(jié)能減排措施

在預(yù)覽列表中

o

全民環(huán)保新方法

在預(yù)覽列表中

o

國(guó)際環(huán)保公約

—7—

在預(yù)覽列表中

o

包含首頁(yè)的位置信息

返回到頂部按鈕

頁(yè)腳/底部信息

鏈接到相關(guān)網(wǎng)站的鏈接

o

復(fù)制權(quán)限信息

o

3.對(duì)競(jìng)爭(zhēng)對(duì)手的說(shuō)明

將文件保存在桌面的“XX_Module_A”文件夾中，XX是您

的計(jì)算機(jī)號(hào)碼

您為這個(gè)項(xiàng)目提交的工作應(yīng)該包含2個(gè)PNG文件，并且只

在這些文件上做出一個(gè)標(biāo)記。

文件命名：

XX_logo.png/XX_logo.psd

XX_mainPC.png/XX_mainPC.psd

XX_mainPhone.png/XX_mainPhone.psd

模塊B

1.介紹

近年來(lái)，互聯(lián)網(wǎng)已成為我們?nèi)粘Ｉ畈豢苫蛉钡囊徊糠郑?/p>

使信息傳播成為取之不盡用之不竭的內(nèi)容和互動(dòng)來(lái)源。游戲在

我們的日常生活中發(fā)揮著重要作用，使數(shù)百萬(wàn)人能夠快速免費(fèi)

—8—

地獲得樂(lè)趣和娛樂(lè)。

考慮到這些概念您決定開(kāi)發(fā)一款適用于最常見(jiàn)網(wǎng)絡(luò)瀏覽器

的小游戲，展示您在網(wǎng)絡(luò)設(shè)計(jì)和開(kāi)發(fā)方面的天賦。

游戲的開(kāi)發(fā)將包括使用HTML和CSS來(lái)設(shè)計(jì)布局（使用您提

供的媒體文件）和客戶端編程（JavaScript和開(kāi)源庫(kù)）來(lái)實(shí)現(xiàn)

游戲功能。zip文件中將提供一些媒體文件。您可以創(chuàng)建新媒

體并修改為游戲提供的任何內(nèi)容。您的游戲?qū)⒁?024x768像素

（寬x高）的平板電腦分辨率開(kāi)發(fā)。如果游戲在更大的屏幕上

打開(kāi)，游戲必須在屏幕的中心（水平和垂直）。

2.項(xiàng)目和模塊說(shuō)明

該模塊將在2小時(shí)內(nèi)完成。您將使用HTML/CSS創(chuàng)建布局，

并使用JavaScript創(chuàng)建游戲功能，以確保游戲在不同的網(wǎng)絡(luò)瀏

覽器（Chrome和FireFox）中正確運(yùn)行，并遵循以下描述的要

求。

游戲使用了以下元素:

飛船：由用戶控制的元素。

行星：從右到左移動(dòng)的元素給人飛船在空中運(yùn)動(dòng)的印象

隕石：飛船需要躲避的元素

敵人(飛船)：飛船需要躲避的元素

燃料：飛船需要拾取的元素并增加油料計(jì)數(shù)器

—9—

時(shí)間：顯示飛船飛行的時(shí)間元素

星星：飛船需要拾取的元素并增加星星計(jì)數(shù)器

燃料計(jì)數(shù)器：顯示可用燃料數(shù)量的元素

星星計(jì)數(shù)器：顯示拾取到的星星數(shù)量的元素

暫停/繼續(xù)按鈕：該按鈕可暫停/繼續(xù)游戲。

聲音按鈕：?jiǎn)⒂煤徒糜螒蛑械穆曇簟?/p>

圖標(biāo)：在游戲中顯示提供的圖標(biāo)

布局

基于給定的設(shè)計(jì)實(shí)現(xiàn)HTML頁(yè)面

游戲板布局：這個(gè)布局必須呈現(xiàn)上面描述的所有元素：圖

標(biāo)，飛船，星星，行星，燃料，燃料計(jì)數(shù)器，星形計(jì)數(shù)器，

計(jì)時(shí)器，聲音按鈕，暫停/繼續(xù)按鈕。

排名顯示：此布局必須顯示游戲的標(biāo)志，并按以下各欄進(jìn)

行排名：姓名、星星和時(shí)間，表格將顯示“開(kāi)始游戲”按

鈕。

游戲說(shuō)明：游戲屏幕向用戶展示說(shuō)明和“開(kāi)始游戲”按鈕。

這個(gè)游戲的說(shuō)明都包含在媒體文件中。

說(shuō)明和開(kāi)始游戲按鈕。指令必須以動(dòng)畫(huà)的方式呈現(xiàn)。

所有按鈕都必須具有活動(dòng)的懸停效果。

HTML和CSS代碼必須在HTML5和CSS3規(guī)則的W3C標(biāo)準(zhǔn)中有

—10—

效。

游戲功能

按下初始屏幕上的“開(kāi)始游戲”按鈕，顯示用戶名輸入界面，

點(diǎn)擊繼續(xù)按鈕進(jìn)入游戲，用戶名不能為空

進(jìn)入游戲后，行星動(dòng)態(tài)地從右向左移動(dòng)，以人留下飛船在太

空移動(dòng)的印象。時(shí)間從0開(kāi)始，按照飛船移動(dòng)的秒數(shù)呈現(xiàn)。

燃料計(jì)數(shù)器開(kāi)始下降，每秒一分。游戲開(kāi)始時(shí)，15分燃料（15

秒時(shí)間）。燃料最大值為60分（60秒飛行時(shí)間）。分?jǐn)?shù)從

0分開(kāi)始

玩家需要通過(guò)鍵盤(pán)操作飛船

在飛行期間，飛船需要摧毀出現(xiàn)在屏幕上的敵方飛船和小行

星。若飛船和小行星或飛船相撞，小行星或飛船會(huì)被摧毀，

并且燃料減少15分

玩家按空格鍵飛船發(fā)射，玩家不能一直繼續(xù)地按空格鍵來(lái)發(fā)

射，也就是每按壓一次空格鍵只有一發(fā)。

主飛船的一發(fā)只能摧毀一個(gè)目標(biāo)。發(fā)射不可以穿過(guò)一個(gè)目標(biāo)

射中另一個(gè)

飛船和行星的位置不規(guī)則動(dòng)態(tài)出現(xiàn)，從右向左飛

敵方飛船可以被一次射擊摧毀。每摧毀一架敵艦，分?jǐn)?shù)計(jì)數(shù)

器增加2分

行星需要兩發(fā)才能摧毀。每摧毀一個(gè)小行星，分?jǐn)?shù)計(jì)數(shù)器增

—11—

加5分。

在飛行中，主飛船需要飛過(guò)燃料圖標(biāo)來(lái)收集燃料。燃料圖標(biāo)

以動(dòng)態(tài)的形式從屏幕頂端往下掉，水平位置隨機(jī)。每收集一

個(gè)燃料圖標(biāo)，燃料計(jì)數(shù)器增加15分。一分提供1秒飛行時(shí)

間

在飛行中，玩家可以點(diǎn)擊當(dāng)游戲暫停，所有互動(dòng)和聲音都停

止。若玩家再一次點(diǎn)擊按鈕，或者再一次按字母P，游戲從

剛剛停止的時(shí)刻繼續(xù)暫停按鈕暫停游戲或者在鍵盤(pán)上按字母

P

燃料計(jì)數(shù)器變0后，游戲結(jié)束

玩家名字，飛行時(shí)間和分?jǐn)?shù)通過(guò)本地存儲(chǔ)來(lái)記錄，并使用這

些變量

排名根據(jù)分?jǐn)?shù)順序

為提高游戲互動(dòng)，需要一些音效

必須可以開(kāi)或關(guān)游戲聲音。如果關(guān)了聲音，任何的聲音都不

播放。如果開(kāi)啟音量，所有的聲音開(kāi)啟

你的游戲不能有JavaScript錯(cuò)誤或者有信息顯示在瀏覽器

控制

保持你的HTML/CSSandJavaScript代碼安排有序和整潔，

使用有意義的變量名

游戲需要在兩個(gè)瀏覽器上工作正常，oogleChromeand

—12—

MozillaFirefox。游戲要求將在GoogleChrome

中檢查，兼容性在MozillaFirefox中檢查

3.說(shuō)明

ZIP文件中提供了媒體文件。您可以修改提供的文件并創(chuàng)建新

的媒體文件，以確保正確的功能并改進(jìn)應(yīng)用程序。

將所有圖像源文件保存到“XX_Module_B/XX-Design”文件夾

中名為“XX_fonts”的文件夾中。源文件是包含圖層、開(kāi)發(fā)

文件的文件，即.psd、.ai、.svg。XX是您的計(jì)算機(jī)編號(hào)

將工作游戲保存到服務(wù)器上名為“XX_Module_B”的目錄中。

請(qǐng)確保您的主文件名為index.html。

使用有意義的變量名，該模塊將在Chrome和FireFox中進(jìn)行

評(píng)估。

模塊C

1.介紹

“Railpack”是一家致力于提供城市間鐵路運(yùn)輸服務(wù)的公司，

公司希望你制作一個(gè)在線售票系統(tǒng)用于改善傳統(tǒng)售票模式帶來(lái)

的各種不便。委托開(kāi)發(fā)的在線售票系統(tǒng)應(yīng)當(dāng)包含登陸、注冊(cè)、

購(gòu)票、車(chē)次查詢、訂單查詢、訂單改簽等功能。

2.項(xiàng)目及模塊的說(shuō)明

（1）業(yè)務(wù)邏輯

—13—

1基本要求

2在訪問(wèn)根目錄時(shí)，會(huì)顯示主頁(yè)。

3已使用了所提供的模板。任何已更改/修改的部分都將保

持原始的UI樣式

4使用laravel框架

（2）有關(guān)該公司對(duì)于在線售票系統(tǒng)的需求如下：

登錄頁(yè)面

頁(yè)面中必須包含如下內(nèi)容:

賬戶、密碼、登錄按鈕

注冊(cè)界面

頁(yè)面中必須包含如下內(nèi)容:

賬戶、密碼、確認(rèn)密碼、注冊(cè)按鈕

—14—

主界面

該頁(yè)面為網(wǎng)站的默認(rèn)頁(yè)面，你可以通過(guò)一個(gè)表單搜索列車(chē)

信息。有關(guān)表單內(nèi)容如下（注意括號(hào)中的內(nèi)容僅作為賽題功能

要求提示，在頁(yè)面中可以不被顯示）：

出發(fā)城市、到達(dá)城市、日期、票務(wù)等級(jí)、人數(shù)、搜索按鈕(列

車(chē)搜索頁(yè)面鏈接)

搜索界面

在列車(chē)信息區(qū)域，每個(gè)列車(chē)信息包含如下內(nèi)容（注意括號(hào)

中的內(nèi)容僅作為賽題功能要求提示，在頁(yè)面中可以不被顯示）：

列車(chē)編號(hào)、來(lái)自（車(chē)站）、至（車(chē)站）、出發(fā)日期、發(fā)車(chē)時(shí)

間、到達(dá)日期、頭等座價(jià)格（包括機(jī)票剩余信息和訂購(gòu)按鈕）、

二等座價(jià)格（包括機(jī)票剩余信息和訂購(gòu)按鈕）

—15—

訂單確認(rèn)頁(yè)面

一個(gè)訂單信息模塊包含如下內(nèi)容：

列車(chē)編號(hào)、來(lái)自（車(chē)站）、至（車(chē)站）、出發(fā)日期、發(fā)車(chē)時(shí)

間(HH:mm)、到達(dá)日期(HH:mm)、票務(wù)等級(jí)、價(jià)格（每張票的

價(jià)格）、總價(jià)

一個(gè)乘客信息模塊包含如下內(nèi)容：

選定乘客

名稱(chēng)、身份證

歷史乘客

名稱(chēng)、身份證

添加新乘客

名稱(chēng)、身份證

—16—

訂單結(jié)果頁(yè)面

一段“Yourorderissuccessful”的提示應(yīng)該出現(xiàn)在頁(yè)面

的頂端，同時(shí)顯示如下信息（注意括號(hào)中的內(nèi)容僅作為賽題功

能要求提示，在頁(yè)面中可以不被顯示）：

列車(chē)編號(hào)、來(lái)自（車(chē)站）、至（車(chē)站）、出發(fā)日期、出發(fā)時(shí)

間、到達(dá)時(shí)間、乘客（帶id的姓名）、票務(wù)等級(jí)、總價(jià)、

主頁(yè)面按鈕

—17—

我的訂單頁(yè)面

頁(yè)面中包含一個(gè)列表用于顯示歷史訂單信息，每一個(gè)訂單信

息包含下列內(nèi)容（注意括號(hào)中的內(nèi)容僅作為賽題功能要求提示，

在頁(yè)面中可以不被顯示）：

列車(chē)編號(hào)、來(lái)自（車(chē)站）、至（車(chē)站）、出發(fā)日期、出發(fā)時(shí)

間、到達(dá)時(shí)間、票務(wù)等級(jí)、總價(jià)、乘客姓名（帶有“更改”

按鈕和“取消”按鈕）

訂單付款頁(yè)面

當(dāng)用戶完成訂單信息確認(rèn)后，跳轉(zhuǎn)至本頁(yè)面。該頁(yè)面中

LimitTime字段為一個(gè)2分鐘起的倒計(jì)時(shí)，每秒鐘刷新一次。

在該頁(yè)面中包含如下信息：

Limittime、列車(chē)編號(hào)、來(lái)自（車(chē)站）、至（車(chē)站）、出發(fā)

—18—

日期、總價(jià)、支付按鈕

管理面板頁(yè)面

當(dāng)管理賬戶登陸后，自動(dòng)跳轉(zhuǎn)至本頁(yè)面，且導(dǎo)航欄中隱藏

其他頁(yè)面鏈接。管理員可以在該頁(yè)面中完成添加一個(gè)車(chē)次的操

作，所添加的車(chē)次應(yīng)當(dāng)能夠在購(gòu)票系統(tǒng)中被用戶檢索和購(gòu)買(mǎi)。

該頁(yè)面不提供模版（美觀不做評(píng)分），添加車(chē)次功能包含如下

字段：

列車(chē)編號(hào)、來(lái)自（車(chē)站）、至（車(chē)站）、出發(fā)日期、出發(fā)時(shí)

間、到達(dá)時(shí)間、一等座價(jià)格、二等座價(jià)格、一等座位置數(shù)量、

二等座位置數(shù)量、創(chuàng)建按鈕

1.功能和條件：

(1)主界面和搜索界面不需要登錄即可使用，其他界面必須

登錄后使用

—19—

(2)在各類(lèi)搜索頁(yè)面中如果車(chē)次所有座位等級(jí)的剩余票數(shù)小

于首頁(yè)查詢時(shí)輸入的訂票人數(shù)，應(yīng)當(dāng)不顯示相應(yīng)車(chē)次信息。

(3)在主頁(yè)面點(diǎn)擊搜索按鈕后，頁(yè)面應(yīng)當(dāng)正確跳轉(zhuǎn)至搜索頁(yè)

面。相關(guān)的查詢字段應(yīng)當(dāng)與主頁(yè)面中填寫(xiě)的一致。

(4)在搜索界面座位等級(jí)區(qū)域中，應(yīng)當(dāng)高亮顯示用戶在主界面

中選擇的坐席等級(jí)。

(5)在搜索界面顯示的發(fā)車(chē)時(shí)間和到達(dá)時(shí)間應(yīng)當(dāng)為首頁(yè)選擇

的發(fā)車(chē)日期當(dāng)天的班次，發(fā)車(chē)時(shí)間在當(dāng)前時(shí)間之前的車(chē)次

應(yīng)當(dāng)不顯示。

(6)在訂單確認(rèn)頁(yè)面中，歷史乘客欄目顯示該賬戶歷史添加的

乘客信息。點(diǎn)擊歷史乘客中的乘客信息，該乘客信息應(yīng)當(dāng)

添加到選定乘客欄目中。歷史乘客欄目中的乘客ID信息

不應(yīng)當(dāng)重復(fù)。選定乘客與歷史乘客欄目的乘客信息可以通

過(guò)交互操作刪除。

(7)當(dāng)用戶在訂單確認(rèn)頁(yè)面提交信息后，相應(yīng)的車(chē)票資源（數(shù)

量）應(yīng)當(dāng)被占用（減少）。我的訂單頁(yè)面中應(yīng)當(dāng)包含剛才

所定車(chē)票信息。

(8)在訂單確認(rèn)頁(yè)面中點(diǎn)擊Buy跳轉(zhuǎn)至訂單付款頁(yè)面，用戶可

以在該頁(yè)面點(diǎn)擊“Pay”按鈕付款。在訂單付款頁(yè)面中用

戶需要在2分鐘內(nèi)付款，超過(guò)2分鐘后訂單為取消狀態(tài)且

—20—

不能繼續(xù)付款，被占用的車(chē)票資源需要被正確釋放。付款

成功后，頁(yè)面應(yīng)跳轉(zhuǎn)至訂單結(jié)果頁(yè)面，頁(yè)面中應(yīng)當(dāng)包含剛

才所購(gòu)車(chē)票信息。

(9)用戶在我的訂單中可以看到狀態(tài)為未付款的有效訂單，并

點(diǎn)擊付款按鈕跳轉(zhuǎn)訂單付款頁(yè)面繼續(xù)操作支付。

(10)用戶在訂單支付剩余時(shí)間內(nèi)，可以在我的訂單頁(yè)面中看

到未付款的訂單，點(diǎn)擊可以跳轉(zhuǎn)至訂單付款頁(yè)面進(jìn)行付款

(11)頁(yè)面中相應(yīng)數(shù)據(jù)應(yīng)當(dāng)按照數(shù)據(jù)庫(kù)邏輯正確計(jì)算顯示，所

有數(shù)據(jù)應(yīng)當(dāng)是真實(shí)且源自于數(shù)據(jù)庫(kù)的。

(12)為了簡(jiǎn)化賽題邏輯，所有列車(chē)僅存在始發(fā)站與終點(diǎn)站，

列車(chē)途中不?？寇?chē)站。

(13)在Login頁(yè)面中，為保護(hù)賬戶安全，在1分鐘內(nèi)登錄錯(cuò)

誤超過(guò)五次，需要等待30秒后才能繼續(xù)登錄。

(14)在歷史乘客中，在同一個(gè)賬戶下乘客的身份證不能重復(fù)，

且身份證為18位。

(15)請(qǐng)?jiān)O(shè)置一個(gè)賬戶名為“admin”密碼為“admin”的管理

員賬戶和一個(gè)賬戶名為“user”密碼為“user”的普通用

戶，便于評(píng)分操作。

2.說(shuō)明

—21—

(1)將您的文件保存在服務(wù)器上一個(gè)名為“XX_Module_C”的

文件夾中，其中XX是您的計(jì)算機(jī)號(hào)碼。

(2)當(dāng)訪問(wèn)網(wǎng)站的根目錄時(shí)，可以顯示主頁(yè)。

(3)將數(shù)據(jù)關(guān)系映射保存到“\XX_Module_C”中，并將其命

名為“datSamap.jpg”。

（二）比賽時(shí)間及試題具體內(nèi)容

1.比賽時(shí)間安排：

本項(xiàng)目比賽時(shí)間為一天,共計(jì)7個(gè)小時(shí)。本項(xiàng)目共A、

B、C三個(gè)模塊，每個(gè)模塊獨(dú)立評(píng)分，總分為100分。每個(gè)

模塊都基于不同的網(wǎng)頁(yè)設(shè)計(jì)技能領(lǐng)域，相對(duì)其他模塊可獨(dú)立存

在。模塊的配套素材，會(huì)在比賽開(kāi)始前發(fā)給選手。選手需要遵

守組委會(huì)安排的時(shí)間表，在規(guī)定的結(jié)束時(shí)間前完成作品的存盤(pán)，

將由工作人員進(jìn)行作品拷貝并由選手進(jìn)行最終確認(rèn)。

模塊A：平面設(shè)計(jì)(25分)比賽時(shí)間：2小時(shí)

某機(jī)構(gòu)需要制作一個(gè)主題宣傳網(wǎng)站。選手作為一名設(shè)計(jì)師

需要設(shè)計(jì)一個(gè)在PC端和手機(jī)端同時(shí)展示的主頁(yè)面和一個(gè)

logo。并按要求排列(順序展現(xiàn)模塊內(nèi)容)。每位選手模塊A

的頁(yè)面設(shè)計(jì)內(nèi)容應(yīng)該具有原創(chuàng)性，不應(yīng)和其他選手有相同或者

幾乎一致的布局、元素及色調(diào)。

—22—

模塊B：網(wǎng)頁(yè)游戲(30分)比賽時(shí)間：2小時(shí)

某在線網(wǎng)站需要制作一個(gè)前端游戲，選手將使用提供的有

限素材，按照賽題要求進(jìn)行游戲風(fēng)格、界面、元素的設(shè)計(jì)。提

交的設(shè)計(jì)應(yīng)能符合游戲主題，并能在設(shè)計(jì)稿中體現(xiàn)出交互友好

的設(shè)計(jì)理念。

模塊C：后臺(tái)管理系統(tǒng)(45分)比賽時(shí)間：3小時(shí)

選手需要使用后端主流框架，根據(jù)題目要求完成某管理系

統(tǒng)的開(kāi)發(fā)工作。在制作過(guò)程中應(yīng)當(dāng)充分利用框架帶來(lái)的便捷，

巧妙減少不必要的開(kāi)發(fā)工作量。提交的作品還應(yīng)該良好的遵循

素材中提供的頁(yè)面模版風(fēng)格，各種交互的體驗(yàn)也應(yīng)當(dāng)是良好的。

2.試題：

選手應(yīng)在對(duì)應(yīng)的模塊時(shí)間內(nèi)完成要求的比賽項(xiàng)目，并將最

終的作品保存到如下命名的文件夾中：

XX_Module_A

文件夾中應(yīng)包含PSD格式分層文件和PNG格式效果文件

XX_Module_B

文件夾中應(yīng)包含所有的源代碼文件

上面的‘xx’是你的機(jī)器(抽簽)號(hào)，只有按規(guī)定正確保

存的文件才會(huì)被評(píng)分，否則所提交內(nèi)容無(wú)效，視為0分。

XX_Module_C

—23—

文件夾中應(yīng)包含所有的源代碼文件和數(shù)據(jù)庫(kù)文件

（二）評(píng)判標(biāo)準(zhǔn)

1.分?jǐn)?shù)權(quán)重

分?jǐn)?shù)

模塊評(píng)分標(biāo)準(zhǔn)

主觀分客觀分合計(jì)

模塊A平面設(shè)計(jì)101525

模塊B網(wǎng)頁(yè)游戲62430

模塊C后臺(tái)管理系統(tǒng)54045

總分2179100

2.評(píng)判方法

采用綜合評(píng)價(jià)(裁決)方式。所有裁判員各自單獨(dú)評(píng)分，A

模塊總分分差不能大于等于3分，B、C兩個(gè)模塊的總分分差

不能大于等于5分，否則，需要給出確切理由并在小組長(zhǎng)或

裁判長(zhǎng)的監(jiān)督下進(jìn)行重新評(píng)判打分。

裁判組：裁判長(zhǎng)+現(xiàn)場(chǎng)裁判組成。每個(gè)參賽院?？缮暾?qǐng)一名

人員作為現(xiàn)場(chǎng)裁判，裁判長(zhǎng)由組委會(huì)聘請(qǐng)。

裁判長(zhǎng)帶領(lǐng)現(xiàn)場(chǎng)裁判分別對(duì)各模塊進(jìn)行評(píng)分，評(píng)分結(jié)果須

提交給裁判長(zhǎng)統(tǒng)一匯總。主觀評(píng)分和具體測(cè)試數(shù)據(jù)需由每一個(gè)

—24—

參與評(píng)判的裁判員簽字確認(rèn)后提交裁判長(zhǎng)。

成績(jī)并列：當(dāng)參賽選手出現(xiàn)中成績(jī)并列時(shí)，可由裁判長(zhǎng)對(duì)

比選手各模塊的操作規(guī)范，例如：網(wǎng)站整體的美觀性、游戲的

整體性、編程部分代碼的書(shū)寫(xiě)規(guī)范、代碼的執(zhí)行效率等內(nèi)容進(jìn)

行對(duì)比。

三、競(jìng)賽細(xì)則

（一）賽前1小時(shí)，監(jiān)考人員負(fù)責(zé)對(duì)各參賽選手的身份進(jìn)

行檢查，組織參賽選手抽簽，并由各參賽選手對(duì)抽簽結(jié)果簽字

確認(rèn)。選手根據(jù)抽簽號(hào)現(xiàn)場(chǎng)查詢競(jìng)賽工位并進(jìn)行競(jìng)賽前的各項(xiàng)

準(zhǔn)備工作。

（二）抽簽號(hào)與設(shè)備號(hào)相對(duì)應(yīng)，選手按抽簽號(hào)選擇機(jī)位，不

得隨意更換，選手進(jìn)入賽場(chǎng)后，如無(wú)特殊原因，不得再離開(kāi)賽

場(chǎng)。

（三）賽前20分鐘，監(jiān)考人員將比賽素材拷貝到電腦上，

選手查看素材是否完整并簽字確認(rèn)。

（四）選手遲到20分鐘將取消參賽資格。

（五）參賽選手應(yīng)嚴(yán)格遵守賽場(chǎng)紀(jì)律，服從工作人員指揮，

選手除攜帶競(jìng)賽必備的用具外，不得帶入任何技術(shù)資料和工具

書(shū)。所有通訊工具、攝像工具及其它包含存儲(chǔ)器的設(shè)備一律不

—25—

得帶入競(jìng)賽現(xiàn)場(chǎng)，否則取消比賽資格。

（六）選手在競(jìng)賽過(guò)程中不得擅自離開(kāi)賽場(chǎng)，如有特殊情況，

需經(jīng)裁判長(zhǎng)同意后作特殊處理。競(jìng)賽過(guò)程中，選手若需休息、

飲水或去洗手間(監(jiān)考人員陪同)，一律計(jì)算在比賽時(shí)間內(nèi)。

（七）上午8：00比賽正式開(kāi)始，比賽總時(shí)間為7個(gè)小時(shí)，

下午3:00結(jié)束(選手在工位就餐)。

（八）參賽選手在競(jìng)賽過(guò)程中，如遇問(wèn)題需舉手向監(jiān)考人員

提，選手之間不得互相詢問(wèn)，否則按作弊處理。

（九）競(jìng)賽結(jié)束前10分鐘，監(jiān)考人員提醒選手注意時(shí)間。

選手不得提前離開(kāi)賽場(chǎng)，比賽結(jié)束后，由參賽選手進(jìn)行工位的

清理工作。經(jīng)監(jiān)考人員檢查作品和完成拷貝之后，選手在競(jìng)賽

情況記錄表上簽字確認(rèn)后方可離開(kāi)競(jìng)賽場(chǎng)地。

（十）各參賽選手必須嚴(yán)格按競(jìng)賽規(guī)程進(jìn)行操作，如出現(xiàn)較

嚴(yán)重的安全事故，將立即取消競(jìng)賽資格。

四、競(jìng)賽場(chǎng)地、設(shè)施設(shè)備等安排

（一）賽場(chǎng)規(guī)格要求