第一屆全省技能大賽濟(jì)南市選拔賽技術(shù)工作文件（含樣題）（網(wǎng)站技術(shù)）

第一屆全省技能大賽濟(jì)南市選拔賽網(wǎng)站技術(shù)項(xiàng)目技術(shù)工作文件2023年4月目錄一、技術(shù)描述 3（一）項(xiàng)目概要 3（二）基本知識(shí)與能力要求 4二、試題與評(píng)判標(biāo)準(zhǔn) 5（一）試題（樣題） 5（二）比賽時(shí)間及試題具體內(nèi)容 6（三）評(píng)判標(biāo)準(zhǔn) 6三、競賽細(xì)則 9（一）競賽流程 9（二）競賽紀(jì)律 10（三）違規(guī)處理 11（四）監(jiān)督與仲裁 12四、競賽場地、設(shè)施設(shè)備等安排 13（一）賽場規(guī)格要求 13（二）場地布局圖 13（三）基礎(chǔ)設(shè)施清單 14五、安全、健康要求 15（一）選手安全防護(hù)要求 15（二）賽事安全要求 15（三）賽場公眾要求 16（四）對于贊助商和宣傳的要求 16附件1：網(wǎng)站技術(shù)項(xiàng)目樣題 17技術(shù)描述（一）項(xiàng)目概要網(wǎng)站技術(shù)項(xiàng)目指根據(jù)項(xiàng)目需求設(shè)計(jì)制作站點(diǎn)，實(shí)現(xiàn)能在各種終端上使用的頁面、交互效果以及后端功能的競賽項(xiàng)目。選手不但要能熟練使用圖形設(shè)計(jì)工具制作設(shè)計(jì)稿，熟練運(yùn)用HTML5及CSS3，按設(shè)計(jì)稿實(shí)現(xiàn)頁面，完成各種前端交互效果，還應(yīng)能獨(dú)立使用Javascript制作前端應(yīng)用功能，例如：前端交互性展示、前端游戲、前端管理工具以及完成后端應(yīng)用功能的開發(fā)等。此外，選手應(yīng)能處理好代碼編寫過程中發(fā)生的異常，最終的作品也需要妥善處理常用瀏覽器以及軟硬件之間的兼容性。在實(shí)際工作中，網(wǎng)頁設(shè)計(jì)者要能理解網(wǎng)頁制作的技術(shù)和藝術(shù)價(jià)值。技術(shù)的運(yùn)用是為了實(shí)現(xiàn)功能，幫助網(wǎng)站經(jīng)營者更好更高效地工作（自動(dòng)化）。網(wǎng)站的顏色、字體、圖形以及布局則需要富有創(chuàng)意。用戶界面要確保具有良好的可用性。網(wǎng)站制作者也必須理解項(xiàng)目工作、內(nèi)容制作和網(wǎng)站管理的基礎(chǔ)知識(shí)。（二）基本知識(shí)與能力要求本項(xiàng)目對選手技能和能力的要求主要包括：站點(diǎn)設(shè)計(jì)、頁面重構(gòu)和前端開發(fā)。本項(xiàng)目競賽內(nèi)容是通過對技能實(shí)操表現(xiàn)來評(píng)估知識(shí)及理解，將不再另外舉行知識(shí)及理解的理論測試。以下能力描述分為不同部分，每部分使用總分的百分比來表示它的重要性。競賽測試項(xiàng)目及評(píng)分方案應(yīng)盡可能的反映選手應(yīng)具備的能力中所列知識(shí)點(diǎn)、技能，大賽允許存在適當(dāng)偏差。表1-1能力描述及占比相關(guān)要求權(quán)重比例(%)1站點(diǎn)設(shè)計(jì)5基本知識(shí)個(gè)人需要知道和理解:如何遵循設(shè)計(jì)原則和模式，以產(chǎn)生美觀和創(chuàng)造性的設(shè)計(jì)與設(shè)計(jì)的認(rèn)知、社會(huì)、文化、技術(shù)和經(jīng)濟(jì)背景有關(guān)的問題如何為Web創(chuàng)建和調(diào)整圖形所制作業(yè)務(wù)的設(shè)計(jì)特點(diǎn)不同的目標(biāo)市場并滿足每個(gè)市場的設(shè)計(jì)要素維護(hù)企業(yè)形象，品牌和風(fēng)格指南的協(xié)議互聯(lián)網(wǎng)設(shè)備和對應(yīng)屏幕分辨率的約束工作能力個(gè)人應(yīng)能夠:創(chuàng)建、分析和開發(fā)通訊問題中的視覺反饋，包括理解層次結(jié)構(gòu)、排版、美學(xué)和構(gòu)成為項(xiàng)目創(chuàng)建、控制和優(yōu)化圖片創(chuàng)建響應(yīng)式設(shè)計(jì)，在多種屏幕分辨率/設(shè)備上正常運(yùn)行將想法融入具有美觀和創(chuàng)意的設(shè)計(jì)評(píng)判并選擇合適的草圖設(shè)計(jì)、顏色和原型2頁面重構(gòu)35基本知識(shí)個(gè)人需要知道和理解：萬維網(wǎng)聯(lián)盟（W3C）的HTML和CSS標(biāo)準(zhǔn)定位和布局方法可用性和交互設(shè)計(jì)瀏覽器兼容性如何在需要的地方嵌入集成動(dòng)畫、音頻和視頻工作能力個(gè)人應(yīng)能夠：創(chuàng)建符合并能通過W3C標(biāo)準(zhǔn)驗(yàn)證的代碼（HTML5,CSS3）為各種設(shè)備和屏幕分辨率創(chuàng)建可訪問和可用的網(wǎng)站使用CSS或其他外部文件修改網(wǎng)站的外觀使用CSS預(yù)處理/后處理器使用CSS開發(fā)動(dòng)畫和與用戶界面的交互3前端開發(fā)60基本知識(shí)個(gè)人需要知道和理解：JavaScript及如何使用JavaScript來集成庫、框架和其他系統(tǒng)或功能；工作能力個(gè)人應(yīng)能夠：創(chuàng)建網(wǎng)站的動(dòng)畫和交互功能，幫助解釋頁面內(nèi)容和增加視覺吸引力創(chuàng)建和更新JavaScript代碼，增強(qiáng)網(wǎng)站功能性，可用性和美觀使用JavaScript操作數(shù)據(jù)和自定義媒體創(chuàng)建模塊化和可重用的JavaScript代碼合計(jì)100二、試題與評(píng)判標(biāo)準(zhǔn)（一）試題（樣題）1.考核內(nèi)容本次比賽共1個(gè)項(xiàng)目，在3個(gè)小時(shí)完成，分別針對頁面設(shè)計(jì)、頁面重構(gòu)、前端功能開發(fā)三個(gè)部分（任務(wù)）技術(shù)進(jìn)行考核。（1）頁面設(shè)計(jì)。完成頁面設(shè)計(jì)與制作。選手需要使用有限的素材，對主題有針對性地設(shè)計(jì)制作美觀的頁面和元素。（2）頁面重構(gòu)。根據(jù)賽題中的需求，使用HTML5、CSS3、JavaScript等前端技術(shù)完成符合W3C組織HTML5和CSS3標(biāo)準(zhǔn)的具備原創(chuàng)性的前端頁面代碼實(shí)現(xiàn)。（3）前端功能和交互。根據(jù)前端頁面和設(shè)計(jì)風(fēng)格，制作網(wǎng)站功能邏輯和交互設(shè)計(jì)。選手需要在項(xiàng)目中充分體現(xiàn)交互友好性，完成賽題中對于網(wǎng)站功能的描述。2.命題方式與命題方案根據(jù)賽項(xiàng)命題管理辦法，由命題專家委員會(huì)命題。賽題比賽之前必須嚴(yán)加保密，不公布賽題。比賽前公布樣題。（二）比賽時(shí)間及試題具體內(nèi)容1.比賽當(dāng)天的安排如下：表2-1比賽安排時(shí)間內(nèi)容用時(shí)8:30-11:30技能實(shí)操3小時(shí)2.試題試題內(nèi)容基于世界技能大賽的技術(shù)要求，以檢驗(yàn)參賽選手設(shè)計(jì)并開發(fā)網(wǎng)站能力為重點(diǎn)。（三）評(píng)判標(biāo)準(zhǔn)1.分?jǐn)?shù)權(quán)重表2-2分?jǐn)?shù)權(quán)重項(xiàng)目競賽時(shí)間分?jǐn)?shù)評(píng)價(jià)分測量分合計(jì)1頁面設(shè)計(jì)3小時(shí)5052頁面重構(gòu)035353前端功能和交互06060總計(jì)\5951002.評(píng)判方法本次評(píng)分規(guī)則參照世界技能大賽評(píng)分規(guī)則執(zhí)行。本項(xiàng)目評(píng)分標(biāo)準(zhǔn)為測量和評(píng)價(jià)兩類。凡可采用客觀數(shù)據(jù)表述的評(píng)判稱為測量；凡需要采用主觀描述進(jìn)行的評(píng)判稱為評(píng)價(jià)。（1）評(píng)價(jià)分（主觀）評(píng)價(jià)分：評(píng)價(jià)分（Judgement）打分方式：3名裁判為一組，各自單獨(dú)評(píng)分，計(jì)算出平均權(quán)重分，除以3后再乘以該子項(xiàng)的分值計(jì)算出實(shí)際得分。裁判相互間分差必須小于等于1分，否則需要給出確切理由并在小組長或裁判長的監(jiān)督下進(jìn)行調(diào)分。權(quán)重表如下：表2-3評(píng)價(jià)分權(quán)重分值說明權(quán)重分值要求描述0分各方面均低于行業(yè)標(biāo)準(zhǔn)，包括“未做嘗試”1分達(dá)到行業(yè)標(biāo)準(zhǔn)2分達(dá)到行業(yè)標(biāo)準(zhǔn)，且某些方面超過標(biāo)準(zhǔn)3分達(dá)到行業(yè)期待的優(yōu)秀水平（2）測量分（客觀）測量分（Measurement）打分方式：按模塊設(shè)置若干個(gè)評(píng)分組，每組由2名及以上裁判構(gòu)成。每個(gè)組所有裁判一起商議，在對該選手在該項(xiàng)中的實(shí)際得分達(dá)成一致后最終只給出一個(gè)分值。若裁判數(shù)量較多，也可以另定分組模式。測量分評(píng)分準(zhǔn)則樣例表：表2-4測量分評(píng)分說明類型示例最高分值正確分值不正確分值滿分或零分網(wǎng)站地圖動(dòng)態(tài)鏈接至菜單0.500.500從滿分中扣除CSS代碼能通過驗(yàn)證（每種錯(cuò)誤扣0.5分）2.002.000～1.5從零分開始加CSS代碼有注釋(0.5分)XHTML代碼有注釋(0.5分)1.01.00～0.5（3）裁判構(gòu)成與分組裁判組由1名裁判長、1名裁判長助理和若干名裁判員組成。裁判員由各參賽代表隊(duì)等額推薦的1名裁判員共同組成。如有必要，由裁判長協(xié)商主辦單位共同確定第三方人員(與各參賽方無利益關(guān)系)組建裁判團(tuán)隊(duì)并承擔(dān)相應(yīng)的執(zhí)裁任務(wù)。裁判長組織裁判員分為若干個(gè)裁判小組，各小組獨(dú)立負(fù)責(zé)各自任務(wù)部分的競賽過程的完整工作(包括評(píng)分),相互之間不相重合?？紤]到本項(xiàng)目各模塊的技術(shù)復(fù)雜性，評(píng)分小組遇到問題時(shí)，裁判長、裁判長助理可提供現(xiàn)場技術(shù)支持。本項(xiàng)目的裁判必須嚴(yán)格按照執(zhí)裁流程和裁判崗位內(nèi)容完成執(zhí)裁工作，包括相關(guān)競賽技術(shù)性文件學(xué)習(xí)。在執(zhí)裁過程中需要全程參加整個(gè)執(zhí)裁和評(píng)分過程，包括賽前的準(zhǔn)備工作，選手進(jìn)場的抽簽，執(zhí)裁過程中的監(jiān)督與問題處理，評(píng)分等。（4）評(píng)分流程所有模塊均為賽后成果評(píng)分，選手需要在規(guī)定時(shí)間內(nèi)，將當(dāng)前模塊的作品提交至指定U盤存儲(chǔ)介質(zhì)，裁判員對指定U盤存儲(chǔ)介質(zhì)中選手提交的作品進(jìn)行評(píng)分。這個(gè)流程確保選手機(jī)器和裁判員機(jī)器環(huán)境一致，包括硬件一致、軟件一致、配置參數(shù)一致。裁判長根據(jù)裁判員人數(shù)和評(píng)分工作量將裁判員分成若干小組。每個(gè)小組的裁判只對裁判長分配指定的對應(yīng)模塊及指定的評(píng)分項(xiàng)進(jìn)行評(píng)分，評(píng)判的過程完全按照評(píng)分標(biāo)準(zhǔn)進(jìn)行測量評(píng)分。為確保評(píng)分過程的公平性和公正性，評(píng)分過程采取回避制度，評(píng)分過程中不參與自己選手的評(píng)分。無相應(yīng)模塊(評(píng)分項(xiàng))執(zhí)裁任務(wù)的裁判不得干擾和影響其他裁判的執(zhí)裁工作。裁判長和裁判長助理不參與評(píng)分。（5）統(tǒng)分方法各模塊裁判員完成本模塊指定評(píng)分項(xiàng)所有參賽選手評(píng)分后，對本人本模塊(評(píng)分項(xiàng))評(píng)判結(jié)果進(jìn)行核對確認(rèn)。裁判長對總成績復(fù)核，復(fù)核后由裁判長簽名上交競賽組委會(huì)。（6）成績并列如果總成績并列，選手排名順序按照第三部分（前端功能和交互）成績先后順序進(jìn)行排序。三、競賽細(xì)則（一）競賽流程1.競賽前40分鐘，工作人員將競賽模塊所需用品放置在競賽指定工位上；2.選手在競賽前30分鐘到達(dá)考場，通過檢錄，依據(jù)抽簽號(hào)進(jìn)入相應(yīng)工位；3.競賽前5分鐘，監(jiān)考工作人員發(fā)試卷；4.監(jiān)考工作人員宣布競賽開始，選手才可以開始作答；5.競賽時(shí)間結(jié)束，選手即停止一切操作，等待裁判長宣布后，統(tǒng)一離開競賽場地。（二）競賽紀(jì)律1.參賽選手須憑競賽抽簽單、身份證和參賽證進(jìn)入考場；2.參賽選手不得攜帶除競賽抽簽單、身份證、參賽證以外的任何物品進(jìn)入考場；3.進(jìn)入考場后，參賽選手應(yīng)按照抽簽單進(jìn)入相應(yīng)工位，并檢查設(shè)備狀況；4.參賽選手應(yīng)準(zhǔn)時(shí)參賽，遲到30分鐘以上者，將不得入場，按自動(dòng)棄權(quán)處理；5.參賽選手在競賽期間可飲水、進(jìn)食、上洗手間，但其耗時(shí)一律計(jì)入競賽時(shí)間；6.監(jiān)考工作人員發(fā)出開始競賽的時(shí)間信號(hào)后，參賽選手方可進(jìn)行操作；7.參賽選手必須獨(dú)立完成所有項(xiàng)目，除征得裁判長許可，否則嚴(yán)禁與其它選手、與會(huì)人員和本單位裁判員交流接觸；8.參賽選手不得在試卷和答題紙上做任何不屬于試題要求范圍的標(biāo)記；9.競賽期間，參賽選手遇有問題應(yīng)向監(jiān)考工作人員舉手示意，由監(jiān)考工作人員負(fù)責(zé)處理，經(jīng)裁判長允許后方可執(zhí)行；10.選手在比賽過程中，由于非本人違規(guī)操作等原因造成機(jī)器運(yùn)轉(zhuǎn)不正常中斷比賽的，中斷時(shí)間不記入選手正式比賽時(shí)間。設(shè)備恢復(fù)正常后，可根據(jù)故障或問題處理的具體時(shí)間，補(bǔ)足比賽時(shí)間。因個(gè)人原因?qū)е略O(shè)備故障，造成比賽時(shí)間延誤，應(yīng)計(jì)入選手比賽時(shí)間并不予以補(bǔ)償；11.監(jiān)考工作人員發(fā)出結(jié)束競賽的時(shí)間信號(hào)后，參賽選手應(yīng)立即停止操作，經(jīng)裁判長許可后，依次有序地離開賽場。（三）違規(guī)處理比賽期間，選手及其代表隊(duì)的其他人員如有違反比賽規(guī)則的行為，將采取以下處理措施。1.選手本人在比賽中出現(xiàn)了諸如擅自攜帶未經(jīng)允許的工具、材料，未經(jīng)允許向他人借用比賽工具、材料以及其他競賽作弊和影響賽場秩序的行為，一經(jīng)發(fā)現(xiàn)，將由裁判員提出警告，并由裁判員報(bào)告裁判長。情節(jié)嚴(yán)重者，由裁判長判定是否取消該選手比賽資格；2.如選手被發(fā)現(xiàn)擅自處理比賽設(shè)備，故意修改設(shè)備正常參數(shù)，為其他選手設(shè)置故障等相應(yīng)問題，不論原因如何，應(yīng)立即向裁判長報(bào)告，并按照裁判長意見進(jìn)行處理；3.各代表隊(duì)的其他人員的違規(guī)行為如對選手比賽成績產(chǎn)生影響，將由裁判長組織全體裁判員討論并給出處理意見，根據(jù)各項(xiàng)目評(píng)判標(biāo)準(zhǔn)及本規(guī)則的基本要求，依情節(jié)輕重，對該隊(duì)選手給以警告，直至取消比賽資格；4.各代表隊(duì)的其他人員的違規(guī)行為無論對其選手比賽成績是否產(chǎn)生影響，該違規(guī)人員均不得再進(jìn)入賽場。同時(shí)，由裁判組責(zé)成其代表隊(duì)領(lǐng)隊(duì)對其進(jìn)行批評(píng)教育。情節(jié)嚴(yán)重的，由裁判長決定是否取消其代表隊(duì)的參賽資格；5.各項(xiàng)目對選手進(jìn)行的相關(guān)違規(guī)違紀(jì)處理，應(yīng)由裁判長及時(shí)向監(jiān)督仲裁人員通報(bào)。（四）監(jiān)督與仲裁設(shè)置相應(yīng)的監(jiān)督與仲裁機(jī)構(gòu)，接受選手、參賽隊(duì)、裁判的質(zhì)疑，負(fù)責(zé)監(jiān)督競賽公正、仲裁爭議。1.濟(jì)南市選拔賽組委會(huì)要嚴(yán)格按照備案的競賽實(shí)施方案組織競賽；2.出現(xiàn)下列情形之一者，由相應(yīng)的競賽管理機(jī)構(gòu)宣布取消競賽成績：（1）未按規(guī)定使用競賽試題的；（2）使用未經(jīng)組委會(huì)批準(zhǔn)備案的人員擔(dān)任裁判員進(jìn)行裁判工作的；（3）未按照備案的時(shí)間、地點(diǎn)進(jìn)行競賽及評(píng)判的；3.比賽現(xiàn)場必須設(shè)置仲裁組接受選手或代表隊(duì)領(lǐng)隊(duì)的申訴；4.比賽中出現(xiàn)爭議，應(yīng)及時(shí)上報(bào)仲裁組，經(jīng)仲裁組研究后提出處理意見，上報(bào)濟(jì)南市選拔賽組委會(huì)，組委會(huì)的裁定作為此爭議的最終處理意見；5.參賽選手對賽場提供的不符合競賽規(guī)定的設(shè)備、材料，對有失公正的評(píng)判，以及工作人員的違規(guī)行為等，均可有序地提出申訴；6.選手申訴均需通過本代表隊(duì)的領(lǐng)隊(duì)，及時(shí)向裁判組提出。裁判組要認(rèn)真負(fù)責(zé)地受理選手申訴，并將處理意見通知領(lǐng)隊(duì)或當(dāng)事人；7.參賽選手不得因申訴或?qū)μ幚硪庖姴环Ｖ垢傎悾駝t按棄權(quán)處理；8.參賽申訴截止時(shí)間為規(guī)定比賽結(jié)束后1小時(shí)之內(nèi)，逾期不接受任何申訴。四、競賽場地、設(shè)施設(shè)備等安排（一）賽場規(guī)格要求1.賽場整體規(guī)劃場地設(shè)置競賽室、裁判室、評(píng)分室。2.競賽工位規(guī)劃預(yù)設(shè)45個(gè)工位(暫定)，含5個(gè)備用工位。（根據(jù)實(shí)際報(bào)名情況進(jìn)行調(diào)整）（二）場地布局圖比賽工位布局圖(每個(gè)工位進(jìn)行隔位或隔板設(shè)置，根據(jù)實(shí)際報(bào)名情況進(jìn)行調(diào)整)。圖4-1場地布局圖（三）基礎(chǔ)設(shè)施清單本次比賽已預(yù)備好選手所需要的設(shè)備和工具，禁止選手自備設(shè)備和工具。表4-1每一個(gè)名選手均配備以下設(shè)備（套）序號(hào)設(shè)備名稱型號(hào)單位數(shù)量1開發(fā)用主機(jī)臺(tái)式臺(tái)12顯示器19英寸及以上臺(tái)13鍵盤不能帶存儲(chǔ)接口個(gè)14鼠標(biāo)不能帶存儲(chǔ)接口個(gè)1表4-2選手比賽用主機(jī)配置硬件型號(hào)參數(shù)CPUIntelCorei5以上2.5GHz以上內(nèi)存DDR4不少于8GB硬盤SATAHDD提供不少于50GB的可用臨時(shí)硬盤空間表4-3安裝相關(guān)軟件類別名稱版本備注操作系統(tǒng)Windows10Windos10x6464bit開發(fā)工具AdobePhotoshopCC2019AdobeIIIustratorCC2019AdobeXDCC2019瀏覽器FirefoxDeveloperEditionV63orupperChromeV69orupper輔助軟件MSOffice2016orupper7-Zip19.00(x64)orupperPHPStorm2019orupperFilezilla3.5orupperEditplus5.0orupperSublime3.1.1orupperWinRAR開源前端庫jQuery3.5orupper注：賽場耗材、設(shè)備和工具均由承辦方提供，選手不可自行攜帶。五、安全、健康要求（一）選手安全防護(hù)要求1.參賽選手應(yīng)嚴(yán)格遵守設(shè)備安全操作規(guī)程；2.參賽選手停止操作時(shí)，應(yīng)保證設(shè)備的正常運(yùn)行，比賽結(jié)束后，所有設(shè)備保持運(yùn)行狀態(tài)，不要拆、動(dòng)硬件連接，確保設(shè)備正常運(yùn)行和正常評(píng)分；3.參賽選手應(yīng)遵從安全規(guī)范操作，例如：ESD(靜電放電)，靜電放電無害環(huán)境下的設(shè)備用途，安全使用及儲(chǔ)存；4.參賽選手應(yīng)保證設(shè)備和信息完整及安全。（二）賽事安全要求1.禁止選手及所有參加賽事的人員攜帶任何有毒有害物品進(jìn)入競賽現(xiàn)場；2.承辦單位應(yīng)設(shè)置專門的安全防衛(wèi)組，負(fù)責(zé)競賽期間健康和安全事務(wù)。主要包括檢查競賽場地、與會(huì)人員居住地、車輛交通及其周圍環(huán)境的安全防衛(wèi)；制定緊急應(yīng)對方案；監(jiān)督與會(huì)人員食品安全與衛(wèi)生；分析和處理安全突發(fā)事件等工作；3.賽場須配備相應(yīng)醫(yī)療人員和急救人員，并備有相應(yīng)急救設(shè)施。（三）賽場公眾要求1.賽場內(nèi)除指定的裁判、工作人員外，其他與會(huì)人員須經(jīng)組委會(huì)同意或在組委會(huì)負(fù)責(zé)人陪同下，佩帶相應(yīng)的標(biāo)志方可進(jìn)入賽場內(nèi)；2.允許進(jìn)入賽場的人員，只可在指定時(shí)間，在安全區(qū)內(nèi)觀摩競賽，不得使用錄像設(shè)備拍攝選手工位、屏幕；3.允許進(jìn)入賽場的人員，應(yīng)遵守賽場規(guī)則，不得與選手交談，不得妨礙、干擾選手競賽；4.允許進(jìn)入賽場的人員，不得在場內(nèi)吸煙、喧嘩。（四）對于贊助商和宣傳的要求經(jīng)組委會(huì)允許的贊助商和負(fù)責(zé)宣傳的媒體記者，按競賽規(guī)則的要求進(jìn)入賽場相關(guān)區(qū)域。上述相關(guān)人員不得妨礙、干擾選手競賽，不得有任何影響競賽公平、公正的行為。

附件1：網(wǎng)站技術(shù)項(xiàng)目樣題第一屆山東省職業(yè)技能大賽濟(jì)南市選拔賽網(wǎng)站技術(shù)項(xiàng)目競賽樣題2023年4月一、競賽形式、時(shí)間及內(nèi)容（一）競賽形式個(gè)人參賽（1人）。（二）競賽時(shí)間競賽時(shí)間：共計(jì)180分鐘（三）競賽內(nèi)容“網(wǎng)站設(shè)計(jì)”賽項(xiàng)競賽成績?yōu)?00分。項(xiàng)目各部分占總分權(quán)重如下：項(xiàng)目競賽時(shí)間權(quán)重1頁面設(shè)計(jì)3小時(shí)5%2頁面重構(gòu)35%3前端功能和交互60%總計(jì)\100%二、項(xiàng)目介紹（一）項(xiàng)目背景近年來，互聯(lián)網(wǎng)已成為我們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠?，使信息的傳播成為取之不盡的內(nèi)容和互動(dòng)的來源。每天，游戲的使用世界各地占據(jù)了突出的地位，使數(shù)百萬人能夠快速而免費(fèi)地獲得樂趣和娛樂。（二）項(xiàng)目描述企業(yè)要求開發(fā)一個(gè)小游戲，它可以在最常見的Web瀏覽器上運(yùn)行，并使您有可能在網(wǎng)頁設(shè)計(jì)和開發(fā)技能上傳播您的才華。這場比賽將被稱為星球大戰(zhàn)。您應(yīng)設(shè)計(jì)游戲，使用HTML和CSS開發(fā)布局，使用JavaScript及其開源庫開發(fā)客戶端編程。有些媒體文件以壓縮文件的形式提供給您。如果需要，您可以創(chuàng)建更多介質(zhì)并修改介質(zhì)中的任何內(nèi)容。要在不同的分辨率下使用，您的游戲需要開發(fā)為960x600像素的平板電腦分辨率。但是，如果游戲是在大屏幕上打開的，游戲必須位于屏幕的中央(水平和垂直)。《StarBattle》游戲使用的元素如下：1.Mainspaceship（玩家飛船）:由玩家控制的元素。2.Planetsinbackground（背景中的行星）:從右向左移動(dòng)的元素，給人以宇宙飛船在太空中移動(dòng)的印象。3.Enemyspaceships（敵方宇宙飛船）:玩家需要摧毀才能獲得分?jǐn)?shù)的元素。4.Asteroids（小行星）:玩家需要摧毀才能獲得分?jǐn)?shù)的元素。5.Friendlyspaceships（友方宇宙飛船）:玩家不應(yīng)破壞的元素，否則玩家將失去分?jǐn)?shù)。6.Fuelicon（燃料圖標(biāo)）:玩家需要收集以增加燃料等級(jí)的元素。7.FuelCounter（燃料計(jì)數(shù)器）:顯示可用燃料數(shù)量的元素。它必須是一個(gè)數(shù)字和圖形元素，它應(yīng)該是動(dòng)畫時(shí)，燃料減少，當(dāng)用戶獲得更多的燃料。8.ScoreCounter（得分計(jì)數(shù)器）:顯示用戶摧毀小行星和敵方宇宙飛船得到多少分的元素。9.Timer（計(jì)時(shí)器）:表示宇宙飛船飛行時(shí)間的元素。10.SoundButton（聲音按鈕）:啟用和禁用游戲中聲音的元素。11.FontSizeButtons（字體大小按鈕）:增加和減小字體大小的元素。12.Pause/Continuebutton（暫停/繼續(xù)按鈕）:暫停/繼續(xù)游戲按鈕。13.Logo:在游戲中添加提供的LOGO。14.Shot（射擊）:飛船射擊的子彈。三、項(xiàng)目要求（一）第一部分：頁面設(shè)計(jì)參賽選手應(yīng)按照任務(wù)要求完成頁面設(shè)計(jì)，你的任務(wù)是為這款游戲設(shè)計(jì)必須包含三個(gè)界面的設(shè)計(jì)與制作。1.GameInstructions（游戲說明）:游戲的第一個(gè)界面顯示給用戶的說明和“StartGame”按鈕。游戲說明包含在媒體文件中。2.Gameboardlayout（游戲板布局）:該設(shè)計(jì)必須在游戲屏幕上呈現(xiàn)上述所有14個(gè)元素。3.RankingTablepresentation（排名表展示）:本設(shè)計(jì)必須展示游戲和排名的標(biāo)志，按位置、名稱、分?jǐn)?shù)和時(shí)間的順序排列，并在表格上顯示“StartGame”按鈕。任務(wù)要求：1.根據(jù)上述描述，使用相關(guān)軟件進(jìn)行頁面設(shè)計(jì)與元素制作。2.頁面版式布局合理、美觀，內(nèi)容完整；色彩搭配合理。3.您應(yīng)該將下面描述的元素繪制為包含在您的頁面中。創(chuàng)建表示相同視覺樣式的元素。（1）TimerIcon計(jì)時(shí)器圖標(biāo)（2）Soundbutton聲音按鈕（3）Fontsizebuttons字體大小按鈕（4）Pause/continuebutton暫停/繼續(xù)按鈕（5）Fuelcounter燃料計(jì)數(shù)器（二）第二部分：頁面重構(gòu)使用HTML5、CSS3、JavaScript等前端技術(shù)完成符合W3C組織HTML5和CSS3標(biāo)準(zhǔn)的具備原創(chuàng)性的前端代碼。任務(wù)要求：1.當(dāng)訪問時(shí)，游戲被呈現(xiàn)給用戶，并帶有游戲指令和按鈕“StartGame”。這些說明必須以動(dòng)畫的方式呈現(xiàn)。2.“StartGame”按鈕必須有活動(dòng)和懸停效果。處于懸停狀態(tài)的按鈕的背景必須為：#f19e0d?；顒?dòng)狀態(tài)必須遵循媒體文件中提供的名為漣漪的示例。3.該游戲在960x600像素的平板電腦適配下正常瀏覽。若游戲是在大屏幕上打開的，游戲必須位于屏幕的中央(水平和垂直)。4.在適用于HTML5和CSS3規(guī)則的W3C標(biāo)準(zhǔn)中，HTML和CSS代碼必須是有效的。（三）第三部分：前端功能和交互根據(jù)游戲功能描述，完成該游戲功能開發(fā)。任務(wù)要求：1.按下初始畫面中的“StartGame”按鈕，開始游戲。行星應(yīng)該是動(dòng)畫的，從右到左移動(dòng)，以給人一種宇宙飛船在太空中移動(dòng)的印象。計(jì)時(shí)器從零開始，以秒為單位顯示宇宙飛船移動(dòng)的時(shí)間。燃料計(jì)數(shù)器開始遞減，每秒1分。比賽開始時(shí)，有15分燃料(15秒)。燃料的最大容量為30分(飛行30秒)。比分從零開始。2.當(dāng)用戶按下空格鍵時(shí)，飛船就會(huì)開火，用戶不能一直按空格鍵連續(xù)多次射擊，即每次按空格鍵只能射擊一次。3.主飛船的射擊只能摧毀一個(gè)目標(biāo)。射擊不能穿過一個(gè)目標(biāo)并擊中其他元素。4.用戶可以使用箭頭鍵事件在屏幕上移動(dòng)飛船。向上箭頭鍵將主宇宙飛船向上移動(dòng)。向下箭頭鍵將主宇宙飛船向下移動(dòng)。向左箭頭鍵將主宇宙飛船向左移動(dòng)，向右箭頭鍵將主宇宙飛船向右移動(dòng)。不可能把宇宙飛船從屏幕上飛走。5.在飛行過程中，飛船需要摧毀出現(xiàn)在太空中的敵方飛船和小行星。如果宇宙飛船與小行星元素或宇宙飛船元素相撞，該元素將被摧毀，燃料必須減少15分。6.宇宙飛船和小行星需要呈現(xiàn)在任意位置，并以動(dòng)畫的方式從右向左飛行。7.敵方宇宙飛船必須射擊(從右到左)。玩家飛船必須躲避這些子彈；否則被子彈擊中，燃料計(jì)數(shù)器應(yīng)該減少15分。8.敵人的宇宙飛船一發(fā)子彈擊毀。每摧毀一艘敵方宇宙飛船，分?jǐn)?shù)增加5分。如果用戶摧毀一艘友方飛船，則分?jǐn)?shù)減少10分。9.這個(gè)游戲允許負(fù)分。10.小行星必須用兩發(fā)子彈摧毀。摧毀每一顆小行星，分?jǐn)?shù)增加10分。11.在飛行過程中，主飛船需要收集燃料。燃料應(yīng)該以動(dòng)畫的方式從屏幕頂部隨機(jī)水平放置。每收集一個(gè)燃料，燃料計(jì)數(shù)器就會(huì)增加15個(gè)點(diǎn)。一點(diǎn)燃料相當(dāng)于1秒的飛行時(shí)間。