贛州市第一屆職業(yè)技能大賽-分賽場-21-網(wǎng)站設(shè)計(jì)與開發(fā)-技術(shù)文件

贛州市第一屆職業(yè)技能大賽

“網(wǎng)站設(shè)計(jì)與開發(fā)”項(xiàng)目技術(shù)工作文件2023年8月目錄15851.項(xiàng)目簡介 頁1.項(xiàng)目簡介本項(xiàng)目技術(shù)說明是對本競賽項(xiàng)目內(nèi)容的框架性描述，正式比賽內(nèi)容及要求以競賽當(dāng)日公布的賽題為準(zhǔn)。1.1項(xiàng)目名稱網(wǎng)站設(shè)計(jì)與開發(fā)（網(wǎng)站技術(shù)）1.2項(xiàng)目描述網(wǎng)站設(shè)計(jì)與開發(fā)項(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)營者更好更高效地工作（自動化）。網(wǎng)站的顏色、字體、圖形以及布局則需要富有創(chuàng)意。用戶界面要確保具有良好的可用性。網(wǎng)站制作者也必須理解項(xiàng)目工作、內(nèi)容制作和網(wǎng)站管理的基礎(chǔ)知識。1.3競賽目的通過本項(xiàng)目贛州市選拔賽，將近年來世界技能大賽本項(xiàng)目的先進(jìn)技術(shù)和理念進(jìn)行推廣和普及。競賽內(nèi)容遵循世界技能大賽相關(guān)技術(shù)文件，內(nèi)容更為基礎(chǔ)，能反映出選手的關(guān)鍵技能和潛質(zhì)，體現(xiàn)參賽院校選手當(dāng)前對于網(wǎng)站技術(shù)領(lǐng)域的技能水平。2.選手應(yīng)具備的能力本競賽是對網(wǎng)站設(shè)計(jì)與開發(fā)技能的展示和評估。主要測試參賽選手在網(wǎng)站設(shè)計(jì)與實(shí)施技能操作層面的能力。參賽選手要按照賽題中規(guī)定的標(biāo)準(zhǔn)（或要求）展示其網(wǎng)站設(shè)計(jì)及開發(fā)技能。參賽選手必須掌握本項(xiàng)目的理論知識，但是在本次競賽中理論知識不單獨(dú)列為考核項(xiàng)目。本次競賽選手應(yīng)具備的能力如下：部分類別1站點(diǎn)設(shè)計(jì)個(gè)人需要知道和理解:如何遵循設(shè)計(jì)原則和模式，以產(chǎn)生美觀和創(chuàng)造性的設(shè)計(jì)同設(shè)計(jì)的認(rèn)知、社會、文化、技術(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)能夠:為傳達(dá)錯(cuò)誤信息創(chuàng)建、分析和開發(fā)視覺反饋，包括理解層級結(jié)構(gòu),排版，美學(xué)和構(gòu)架為項(xiàng)目創(chuàng)建、控制和優(yōu)化圖片識別目標(biāo)市場和創(chuàng)建設(shè)計(jì)概念創(chuàng)建響應(yīng)式設(shè)計(jì)，在多種屏幕分辨率/設(shè)備上正常運(yùn)行將想法融入具有美觀和創(chuàng)意的設(shè)計(jì)評判并選擇合適的草圖設(shè)計(jì)、顏色和原型實(shí)操2頁面重構(gòu)個(gè)人需要知道和理解：萬維網(wǎng)聯(lián)盟（W3C）的HTML和CSS標(biāo)準(zhǔn)定位和布局方法可用性和交互設(shè)計(jì)瀏覽器兼容性如何在需要的地方嵌入集成動畫、音頻和視頻理論個(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ā)動畫和與用戶界面的交互實(shí)操3前端開發(fā)個(gè)人需要知道和理解：JavaScript如何使用JavaScript來集成庫、框架和其他系統(tǒng)或功能使用JavaScript前置/后置處理器和任務(wù)運(yùn)行工作流理論個(gè)人應(yīng)能夠：創(chuàng)建網(wǎng)站的動畫和交互功能，幫助解釋頁面內(nèi)容和增加視覺吸引力創(chuàng)建和更新JavaScript代碼，增強(qiáng)網(wǎng)站功能性，可用性和美觀使用JavaScript來操作數(shù)據(jù)和自定義媒體創(chuàng)建模塊化和可重用的JavaScript代碼使用JavaScript操作圖形元素使用框架技術(shù)Vue、react等框架技術(shù)進(jìn)行制作頁面實(shí)操4后端開發(fā)個(gè)人需要知道和理解：面向?qū)ο蟮腜HP如何使用MySQL來設(shè)計(jì)和實(shí)現(xiàn)數(shù)據(jù)庫FTP服務(wù)器與客戶端的關(guān)聯(lián)以及軟件包如何管理服務(wù)器和客戶端系統(tǒng)之間的數(shù)據(jù)交換軟件設(shè)計(jì)模式（如.MVC）網(wǎng)頁應(yīng)用程序的安全性理論個(gè)人應(yīng)能夠：使用編程技能來操作數(shù)據(jù)，包括本地儲存、數(shù)據(jù)庫和前后端通訊創(chuàng)建或維護(hù)數(shù)據(jù)庫以支持系統(tǒng)需求創(chuàng)建易讀、可維護(hù)、可重用的后端代碼模塊實(shí)操3.競賽項(xiàng)目3.1競賽模塊模塊編號模塊名稱競賽時(shí)間min分?jǐn)?shù)評價(jià)分測量分合計(jì)A前端頁面設(shè)計(jì)18052025B頁面功能實(shí)現(xiàn)18063440C頁面重構(gòu)12043135總計(jì)-48015851003.2模塊簡述本次比賽共3個(gè)模塊，在一天內(nèi)完成，分別針對前端頁面設(shè)計(jì)、頁面功能實(shí)現(xiàn)、頁面重構(gòu)等技術(shù)進(jìn)行考核。3.2.3模塊A：前端頁面設(shè)計(jì)根據(jù)給定的頁面主題進(jìn)行前端頁面設(shè)計(jì)。選手需要使用有限的素材，對給定的主題有針對性地設(shè)計(jì)優(yōu)美的界面和合理的操作邏輯，并在頁面中實(shí)現(xiàn)賽題中的需求。3.2.4模塊B：頁面功能實(shí)現(xiàn)在模塊A制作的前端頁面設(shè)計(jì)基礎(chǔ)上，制作實(shí)現(xiàn)對應(yīng)設(shè)計(jì)頁面功能的邏輯和交互設(shè)計(jì)。選手需要在項(xiàng)目中充分體現(xiàn)交互友好性，完成賽題中對于頁面功能的描述。3.2.5模塊C：頁面重構(gòu)使用框架技術(shù)進(jìn)行重構(gòu)頁面。選手需要根據(jù)提供的設(shè)計(jì)圖使用框架技術(shù)完成頁面的重構(gòu)。3.4命題方式本項(xiàng)目使用封閉命題（包括賽題、素材、評分細(xì)則），所命競賽題內(nèi)容基于世界技能大賽的技術(shù)要求，競賽決賽試題可由裁判長進(jìn)行少量整合修訂后于競賽當(dāng)天公布。3.5競賽日程與地點(diǎn)安排日期時(shí)間內(nèi)容地點(diǎn)9月15日14:00-17:00報(bào)到、開幕式、領(lǐng)隊(duì)會、選手熟悉賽場圖書館報(bào)告廳賽場9月16日8:00-8:20選手進(jìn)行加密（參賽選手持參賽證、身份證接受工作人員檢錄并進(jìn)行加密確定參賽編號）賽場檢錄加密區(qū)競賽入場檢錄（參賽選手憑賽位號接受入場檢錄確認(rèn)沒有攜帶競賽禁止的工具和材料）賽場入場檢錄區(qū)8:20-8:30競賽選手入場就位、宣讀競賽規(guī)則、發(fā)布競賽任務(wù)賽場8:30-13:00競賽模塊A、B（選手保存競賽成果）賽場13:00-14:00午飯休息候場室14:00-17:00競賽模塊C（選手保存競賽成果）賽場17:30-20:30裁判評分裁判室20:30-21:00公布結(jié)果、閉幕比賽時(shí)長：總競賽時(shí)長8小時(shí)；比賽地點(diǎn)：江西應(yīng)用技術(shù)職業(yè)學(xué)院（贛州市蓉江新區(qū)文峰路9號）4.評分規(guī)則本項(xiàng)目采用事后結(jié)果評分，不設(shè)競速分，當(dāng)天下午完成上午競賽部分的評分，下午競賽部分評分在當(dāng)天晚上進(jìn)行，當(dāng)日必須完成所有模塊評分和統(tǒng)分工作。選手的最終完成作品保存在服務(wù)器規(guī)定文件夾中，評分時(shí)由裁判在服務(wù)器進(jìn)行操作和打分。由評分裁判復(fù)核后交登分員錄入系統(tǒng)，再根據(jù)系統(tǒng)操作流程進(jìn)行二次復(fù)核，匯總分?jǐn)?shù)由所有裁判簽字確認(rèn)，最總匯總結(jié)果由全體裁判簽字確認(rèn)。如遇到總分相同情況，則根據(jù)B模塊得分高低進(jìn)行認(rèn)定。4.1評價(jià)分（主觀）評價(jià)分（Judgement）打分方式：3名裁判為一組，各自單獨(dú)評分，計(jì)算出平均權(quán)重分，除以3后再乘以該子項(xiàng)的分值計(jì)算出實(shí)際得分。裁判相互間分差必須小于等于1分，否則需要給出確切理由并在小組長或裁判長的監(jiān)督下進(jìn)行調(diào)分。權(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)秀水平例如：權(quán)重分值要求描述0分更改現(xiàn)有CSS代碼極度困難，CSS代碼沒有組織結(jié)構(gòu)。HTML沒有格式化1分更改現(xiàn)有CSS代碼較為困難，較難以定位需要的內(nèi)容。HTML有基本格式2分更改現(xiàn)有CSS代碼比較容易，很方便就能定位需要的內(nèi)容。HTML格式良好3分在2分基礎(chǔ)上，CSS還應(yīng)用了一定的代碼分組技術(shù)并至少包含5條以上有用的注釋4.2測量分（客觀）測量分（Measurement）打分方式：按模塊設(shè)置若干個(gè)評分組，每組由3名及以上裁判構(gòu)成。每個(gè)組所有裁判一起商議，在對該選手在該項(xiàng)中的實(shí)際得分達(dá)成一致后最終只給出一個(gè)分值。測量分評分準(zhǔn)則樣例表：類型示例最高分值正確分值不正確分值滿分或零分網(wǎ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.55.項(xiàng)目特別規(guī)定選手應(yīng)遵守比賽相關(guān)規(guī)則，服從裁判長的賽事管理。此外，還應(yīng)遵守以下特別規(guī)定：1. 存在以下情況者，裁判長有權(quán)取消該模塊成績：a) 在提交的作品中帶有選派單位、選手個(gè)人或相關(guān)組織機(jī)構(gòu)的標(biāo)記b) 攜帶任何有記錄內(nèi)容的紙張等用品到工位上c) 競賽時(shí)間截止時(shí)不聽從裁判結(jié)束比賽口令，繼續(xù)操作電腦2. 存在以下情況者，裁判長有權(quán)取消該選手比賽成績：a) 考生在比賽過程中將禁止使用的設(shè)備帶到工位上b) 在比賽中存在有違誠信道德的事件，經(jīng)當(dāng)值裁判記錄并提交裁判長確認(rèn)3. 如果發(fā)生非本人因素引起的軟硬件故障且無法立即解決的，裁判將予以記錄并根據(jù)處理所花費(fèi)的時(shí)間給予補(bǔ)時(shí)。4. 如選手在比賽中存在技術(shù)問題的爭議，以本技術(shù)說明與賽題規(guī)定為準(zhǔn)，文件中未涉及的情況由裁判組決定。6.競賽相關(guān)設(shè)施設(shè)備6.1場地設(shè)備每一個(gè)名選手均配備以下設(shè)備（套）序號設(shè)備名稱型號單位數(shù)量1開發(fā)用主機(jī)臺式臺12顯示器FullHD臺13鍵盤美式個(gè)14鼠標(biāo)三鍵光電個(gè)1選手比賽用主機(jī)配置：硬件型號參數(shù)CPUIntelCorei52.5GHz以上內(nèi)存DDR48GB硬盤SATAHDD提供不少于25GB的可用臨時(shí)硬盤空間附表：臺式機(jī)軟件環(huán)境類別名稱版本備注操作系統(tǒng)Windows10Windos10x64(EN)64bit開發(fā)工具AdobePhotoshopCC2019AdobeIIIustratorCC2019AdobeXDCC2019XAMPP7.2.12orupper瀏覽器FirefoxDeveloperEditionV63orupperChromeV69orupperMSOffice2016orupper7-Zip19.00(x64)orupperPHPStorm2019orupperFilezilla3.5orupper輔助軟件Editplus5.0orupperPHPStorm2019orupperSublime3.1.1orupperVisualstudiocode1.77WinRAR開源前端庫jQuery3.5orupperVue2.6orupperphp框架Laravel7.27orupper6.2材料本項(xiàng)目沒有耗材。6.3選手自備的設(shè)備和工具賽場提供統(tǒng)一的標(biāo)準(zhǔn)美式鍵盤和3鍵光電鼠標(biāo)，選手無需自帶設(shè)備工具。6.4場地禁止自帶使用的設(shè)備和材料序號設(shè)備和材料名稱1額外的軟件2移動電話3掌上電腦和智能穿戴設(shè)備4存儲設(shè)備和帶有存儲功能的外設(shè)發(fā)現(xiàn)選手比賽中攜帶/使用上述設(shè)備將按照本項(xiàng)目特別規(guī)定執(zhí)行處罰7.健康安全和綠色環(huán)保本項(xiàng)目沒有特別安全規(guī)定，請注意賽場的用電安全。非賽場管理人員未經(jīng)允許，不能隨意拉接電源和用電設(shè)備。如選手發(fā)生緊急的身體狀況，將由賽場管理人員進(jìn)行緊急處理。除非有集體性意外事件，否則本次比賽沒有補(bǔ)時(shí)和重賽。賽場內(nèi)配備常見的應(yīng)急藥品，比賽期間安排本單位醫(yī)護(hù)人員值班。盡量減少紙張的使用，對垃圾進(jìn)行分類，所有可反復(fù)循環(huán)利用的材料都應(yīng)妥善收納和管理。8.賽場布局要求選手操作臺臺面尺寸為1米*0.6米以上選手座位空間不小于3平方米場地總面積不小于90平方米，兩場考試設(shè)備間距3米以上選手工位數(shù)量20個(gè)以上（備4工位）評分機(jī)4臺以上9.相關(guān)競賽規(guī)則9.1賽前1．裁判長由技術(shù)專家擔(dān)任。2．賽前安排裁判長對裁判員培訓(xùn)，培訓(xùn)內(nèi)容包括網(wǎng)站設(shè)計(jì)與開發(fā)項(xiàng)目競賽技術(shù)規(guī)則，各項(xiàng)目技術(shù)工作文件，特別是競賽細(xì)則及評判標(biāo)準(zhǔn)、工作紀(jì)律等。3．裁判員應(yīng)服從裁判長的管理，裁判的具體工作由裁判長在裁判培訓(xùn)會上布置，裁判長指派或抽簽決定。裁判在執(zhí)裁中須服從裁判長和組委會的管理，遵守裁判職業(yè)道德，文明裁判。4．安排參賽選手獨(dú)立熟悉賽場設(shè)施設(shè)備時(shí)間。選手熟悉場地、設(shè)備時(shí)，賽場內(nèi)有技術(shù)保障組提供指導(dǎo)和服務(wù)。5．安排技術(shù)答疑時(shí)間。裁判長對選手進(jìn)行技術(shù)答疑交流和競賽規(guī)則、安全、健康規(guī)定培訓(xùn)，使選手了解競賽規(guī)則要求和安全、健康規(guī)定。6．參賽選手在裁判長組織下，以抽簽方式確定比賽順序和比賽工位，并由裁判長當(dāng)場宣布抽簽結(jié)果。7．參賽選手應(yīng)在指定的時(shí)間到達(dá)比賽現(xiàn)場，攜帶選手證，經(jīng)身份確認(rèn)后進(jìn)入競賽現(xiàn)場。如有證件遺失應(yīng)及時(shí)報(bào)告聯(lián)系人，無證件不得參賽。9.2賽中1．比賽開始以裁判長口令為界。2．比賽結(jié)束以裁判長口令為界。特殊情況下，由裁判長決定是否延長競賽時(shí)間。3．裁判員必須佩戴裁判員胸牌，儀表整潔，舉止文明，接受參賽人員的監(jiān)督。4．比賽中如遇到非選手操作性設(shè)備故障時(shí)，裁判員應(yīng)立即報(bào)告裁判長，并通知技術(shù)支持人員到現(xiàn)場解決問題，由裁判長決定是否延時(shí)。5．比賽中遇到裁判人員、工作人員、技術(shù)支持等違反競賽規(guī)則的，由裁判長提出處分意見報(bào)仲裁組決定。6．選手在比賽期間、裁判在工作期間不得使用手機(jī)、相機(jī)等設(shè)備。7．選手在比賽中如遇到疾病突發(fā)、人身傷害事故等突發(fā)問題時(shí)，裁判員應(yīng)立即報(bào)告裁判長，協(xié)助現(xiàn)場醫(yī)務(wù)人員緊急處理。8．比賽中遇到選手違反比賽規(guī)則，裁判員需立即匯報(bào)裁判長，由裁判長組織相關(guān)人員提出處理意見，必要時(shí)可通過裁判舉手表決，如不能達(dá)成一致報(bào)請仲裁組做最終決議。9．選手應(yīng)嚴(yán)格按照競賽規(guī)則參賽，如有疑義可向裁判長提出，問題得不到解決，可通過領(lǐng)隊(duì)以書面實(shí)名方式向組委會仲裁組申述，申訴須在8小時(shí)內(nèi)以書面形式交仲裁組?？陬^報(bào)告或其他人員解釋處理，仲裁組不予受理。各參賽隊(duì)不得因申訴或?qū)μ幚硪庖姴环Ｖ贡荣?，否則以棄權(quán)處理。仲裁組的決議為最終裁決。10．選手應(yīng)嚴(yán)格執(zhí)行設(shè)備安全操作規(guī)程，杜絕因違反操作規(guī)程產(chǎn)生的人身和設(shè)備安全事故。如因人具原因造成的事故，由參賽隊(duì)及