云南省首屆技工杯技能大賽網(wǎng)站設(shè)計項目

1、第 頁云南省首屆“技工杯”技能大賽網(wǎng)站設(shè)計項目技術(shù)工作文件2017年5月25日目錄 TOC o 1-3 h z u HYPERLINK l _Toc483511283 1. 網(wǎng)站設(shè)計項目技術(shù)描述 PAGEREF _Toc483511283 h 4 HYPERLINK l _Toc483511284 1.1網(wǎng)站設(shè)計簡要技術(shù)描述 PAGEREF _Toc483511284 h 4 HYPERLINK l _Toc483511285 1.2相關(guān)文件 PAGEREF _Toc483511285 h 4 HYPERLINK l _Toc483511286 1.3能力要求和工作范圍 PAGEREF _To

2、c483511286 h 4 HYPERLINK l _Toc483511287 1.4競賽方式 PAGEREF _Toc483511287 h 8 HYPERLINK l _Toc483511288 2. 裁判和選手 PAGEREF _Toc483511288 h 8 HYPERLINK l _Toc483511289 2.1裁判長的職責(zé) PAGEREF _Toc483511289 h 8 HYPERLINK l _Toc483511290 2.2裁判員的條件和組成 PAGEREF _Toc483511290 h 8 HYPERLINK l _Toc483511291 2.3選手的條件和要求

3、 PAGEREF _Toc483511291 h 9 HYPERLINK l _Toc483511292 3. 選拔賽的題目 PAGEREF _Toc483511292 h 9 HYPERLINK l _Toc483511293 3.1試題的模式和結(jié)構(gòu) PAGEREF _Toc483511293 h 9 HYPERLINK l _Toc483511294 3.2競賽項目要求 PAGEREF _Toc483511294 h 10 HYPERLINK l _Toc483511295 3.3 配分比例 PAGEREF _Toc483511295 h 11 HYPERLINK l _Toc483511

4、296 4. 選拔賽命題方式 PAGEREF _Toc483511296 h 11 HYPERLINK l _Toc483511297 5. 成績評判 PAGEREF _Toc483511297 h 11 HYPERLINK l _Toc483511298 5.1綜合評價評分 PAGEREF _Toc483511298 h 11 HYPERLINK l _Toc483511299 5.2客觀分評分細則 PAGEREF _Toc483511299 h 12 HYPERLINK l _Toc483511300 6. 材料與裝備 PAGEREF _Toc483511300 h 12 HYPERLIN

5、K l _Toc483511301 6.2競賽選手工具箱中所備材料、設(shè)備和工具 PAGEREF _Toc483511301 h 13 HYPERLINK l _Toc483511302 6.3 裁判員的材料、設(shè)備和工具使用規(guī)定 PAGEREF _Toc483511302 h 13 HYPERLINK l _Toc483511303 6.4技能競賽場地禁止使用的材料和設(shè)備 PAGEREF _Toc483511303 h 13 HYPERLINK l _Toc483511304 6.5 材料和設(shè)備的特別規(guī)定 PAGEREF _Toc483511304 h 14 HYPERLINK l _Toc48

6、3511305 7. 選拔賽場地要求 PAGEREF _Toc483511305 h 14 HYPERLINK l _Toc483511306 7.1 場地面積要求 PAGEREF _Toc483511306 h 14 HYPERLINK l _Toc483511307 7.2 場地照明要求 PAGEREF _Toc483511307 h 14 HYPERLINK l _Toc483511308 8. 具體技能的安全規(guī)定 PAGEREF _Toc483511308 h 14 HYPERLINK l _Toc483511309 9. 競賽流程 PAGEREF _Toc483511309 h 15

7、 HYPERLINK l _Toc483511310 9.1 競賽流程 PAGEREF _Toc483511310 h 15 HYPERLINK l _Toc483511311 9.2裁判員工作內(nèi)容 PAGEREF _Toc483511311 h 15 HYPERLINK l _Toc483511312 9.2選手的工作內(nèi)容 PAGEREF _Toc483511312 h 15 HYPERLINK l _Toc483511313 9.3 比賽流程 PAGEREF _Toc483511313 h 16 HYPERLINK l _Toc483511314 10. 開放賽場 PAGEREF _Toc

8、483511314 h 16 HYPERLINK l _Toc483511315 11. 綠色環(huán)保 PAGEREF _Toc483511315 h 161. 網(wǎng)站設(shè)計項目技術(shù)描述1.1網(wǎng)站設(shè)計簡要技術(shù)描述網(wǎng)站設(shè)計項目指根據(jù)項目需求制作站點設(shè)計，實現(xiàn)能在各種終端上使用的頁面、交互效果以及后臺功能的競賽項目。選手要熟練地進行圖形圖像處理，設(shè)計站點的logo及主題風(fēng)格，并在各版面中應(yīng)用這些元素，同時還需關(guān)注站點的受眾群體，制作更受歡迎的設(shè)計； 使用HTML5及CSS3按設(shè)計稿實現(xiàn)頁面，并完成各種交互效果的開發(fā)。此外還要處理好代碼編寫過程中發(fā)生的異常。最終的作品同常用瀏覽器以及軟硬件之間的兼容性也是十

9、分重要的，需要妥善處理。最終的作品同常用瀏覽器以及軟硬件之間的兼容性也是十分重要的，需要妥善處理。在實際工作中，網(wǎng)頁設(shè)計者要能理解網(wǎng)頁制作的技術(shù)和藝術(shù)價值。技術(shù)的運用是為了將功能幫助網(wǎng)站經(jīng)營者更好更高效地工作（自動化）。網(wǎng)站的顏色、字體、圖形以及布局則需要富有創(chuàng)意的設(shè)計技巧。用戶界面要確保具有良好的可用性。網(wǎng)站制作者也必須理解項目工作、內(nèi)容制作和網(wǎng)站管理的基礎(chǔ)知識。1.2相關(guān)文件本技術(shù)工作文件只包含與技能相關(guān)的特定信息，關(guān)于比賽的詳細信息請參照云南省首屆“技工杯”技能大賽網(wǎng)站設(shè)計項目競賽實施方案。1.3能力要求和工作范圍本競賽是對該技能的展示和評估。主要測試各個網(wǎng)站設(shè)計和實施技能在操作層面的能

10、力。參賽選手要按照賽題中網(wǎng)站設(shè)計的標(biāo)準(zhǔn)（或要求）展示其網(wǎng)站設(shè)計技能。下表為選手參與競賽需要具備的“應(yīng)知”和“應(yīng)會”內(nèi)容。內(nèi)容權(quán)重（%）1工作的組織與管理6選手應(yīng)知：實現(xiàn)高效團隊合作的原則和實踐系統(tǒng)的原理和行為有助于可持續(xù)產(chǎn)品、戰(zhàn)略和做法的系統(tǒng)各方面如何采取主動行動并富有進取心，以便從各種來源識別，分析和評估信息根據(jù)時間、預(yù)算及其它限制，對同一問題提供多個解決方案作為可選項選手應(yīng)會：解決web 設(shè)計與開發(fā)中的各種問題將時間限制和到期時間列入考量排錯并處理錯誤使用一臺計算機或設(shè)備及一系列軟件包應(yīng)用研究技能掌握最新的業(yè)界技術(shù)發(fā)展根據(jù)可用的時間安排每天的開發(fā)計劃使用版本控制系統(tǒng)2溝通與人際交往能力6選

11、手應(yīng)知：如何解決溝通的問題，包括問題識別、調(diào)查、分析、方案生成、原型化、用戶測試以及結(jié)果評估設(shè)計概念和技術(shù)，包括線框，故事板和創(chuàng)建流程圖軟件設(shè)計概念和技術(shù)，包括流程圖和ER圖選手應(yīng)會：閱讀并理解說明文檔提供響應(yīng)客戶要求和規(guī)格的產(chǎn)品收集、分析和評估信息解讀標(biāo)準(zhǔn)和需求滿足客戶需求提出一個滿足業(yè)務(wù)需求的概念3網(wǎng)站設(shè)計22選手應(yīng)知：如何遵循設(shè)計原則和模式，以產(chǎn)生美觀和創(chuàng)意的設(shè)計與設(shè)計的認知，社會，文化，技術(shù)和經(jīng)濟背景有關(guān)的問題如何創(chuàng)建和調(diào)整網(wǎng)絡(luò)圖形不同的目標(biāo)市場和滿足每個市場的要素設(shè)計維護企業(yè)形象，品牌和風(fēng)格指南的規(guī)范啟用互聯(lián)網(wǎng)的設(shè)備和屏幕分辨率的限制選手應(yīng)會：創(chuàng)建，分析和開發(fā)對通信問題的視覺響應(yīng)，包

12、括理解層次結(jié)構(gòu)，排版，美學(xué)和構(gòu)圖創(chuàng)建，操縱和優(yōu)化互聯(lián)網(wǎng)的圖像確定目標(biāo)市場，并為設(shè)計創(chuàng)造一個概念創(chuàng)建響應(yīng)式設(shè)計，在多屏幕分辨率和/或設(shè)備上正常工作將想法轉(zhuǎn)化為美觀而有創(chuàng)意的設(shè)計評判設(shè)計稿的概念、顏色和排版選擇4網(wǎng)站布局22選手應(yīng)知：HTML和CSS的萬維網(wǎng)聯(lián)盟（W3C）標(biāo)準(zhǔn)定位和布局方法可用性和交互設(shè)計具有特殊需求的用戶的可訪問性和溝通跨瀏覽器兼容性搜索引擎優(yōu)化（SEO）如何在必要時嵌入和整合動畫，音頻和視頻選手應(yīng)會：創(chuàng)建符合W3C標(biāo)準(zhǔn)并通過驗證的代碼為各種設(shè)備和屏幕分辨率創(chuàng)建可訪問和可用的網(wǎng)站使用CSS或其他外部文件來修改網(wǎng)站的外觀使用CSS預(yù)處理器/后處理器創(chuàng)建和更新網(wǎng)站以獲得用戶體驗及優(yōu)化

13、搜索引擎搜索性能5客戶端開發(fā)22選手應(yīng)知：JavaScript如何使用JavaScript集成庫、框架和其他系統(tǒng)或功能選手應(yīng)會：創(chuàng)建網(wǎng)站動畫和功能，以幫助上下文解釋和添加視覺吸引力創(chuàng)建和更新JavaScript代碼以增強網(wǎng)站的功能、可用性和美觀性使用JavaScript操作數(shù)據(jù)和定制媒體創(chuàng)建模塊化和可重用的JavaScript代碼6服務(wù)器端開發(fā)14選手應(yīng)知：面向?qū)ο蟮腜HP開源服務(wù)器端庫和框架如何使用MySQL設(shè)計和實現(xiàn)數(shù)據(jù)庫FTP（文件傳輸協(xié)議）服務(wù)器和客戶端關(guān)系和軟件包。如何管理服務(wù)器和客戶端系統(tǒng)之間的數(shù)據(jù)交換軟件設(shè)計模式（如MVC（模型視圖控制器）Web應(yīng)用程序安全性選手應(yīng)會：利用編程技

14、巧處理數(shù)據(jù)防范安全漏洞使用API（應(yīng)用程序編程接口）、庫和框架與現(xiàn)有代碼集成7內(nèi)容管理系統(tǒng)8選手應(yīng)知：開源內(nèi)容管理系統(tǒng)的優(yōu)點和局限性如何查找，選擇和實施合適的插件/模塊如何實現(xiàn)客戶端功能到CMS網(wǎng)站了解有關(guān)CMS插件和模塊的維護和更新的安全性的需求選手應(yīng)會：安裝、配置和更新內(nèi)容管理系統(tǒng)安裝、配置和更新內(nèi)容管理系統(tǒng)插件/模塊創(chuàng)建定制主題/模板創(chuàng)建定制插件/模塊合計1001.4競賽方式本次競賽包括理論知識和實際操作兩個部分，分別測試上節(jié)表中的“選手應(yīng)知”和“選手應(yīng)會”兩部分內(nèi)容。理論知識測試（100分）占總分的30%，實作（100分）占總分的70%。2. 裁判和選手2.1裁判長的職責(zé)裁判長由組委會

15、指定。裁判長在選拔賽中不直接參與評分，主要工作職責(zé)是：制定比賽具體流程和安排，對裁判進行工作任務(wù)分配。組織裁判根據(jù)自身專業(yè)長項和自愿的方式進行分組，任命各組的負責(zé)人，并對分組情況進行合理調(diào)劑。對所有裁判的評分工作進行技術(shù)監(jiān)督。對主觀分中差值較大項目組織調(diào)分，對評判中存在的技術(shù)問題提出整改，對有爭議的地方進行初步協(xié)調(diào)。組織裁判組對于爭議情況進行投票表決。對比賽過程中選手的各類突發(fā)情況以及場地設(shè)備異常情況進行處理。維護整理選拔賽全程的各類原始資料和文檔。2.2裁判員的條件和組成由于 “網(wǎng)站設(shè)計”項目對于選派的裁判員專業(yè)能力要求較高，裁判員必須符合以下專業(yè)要求：網(wǎng)站設(shè)計項目教練曾參與過往屆世賽大賽網(wǎng)

16、站設(shè)計云南省選拔賽評分工作在網(wǎng)站、信息系統(tǒng)開發(fā)類企業(yè)工作5年以上，具備完整項目開發(fā)經(jīng)驗的工程師（提供單位在職證明和詳細項目開發(fā)履歷）在校從事軟件開發(fā)、網(wǎng)站設(shè)計等相關(guān)課程講授，具有中級以上職稱，具備相關(guān)3級以上職業(yè)資格證書（網(wǎng)頁制作員、數(shù)據(jù)庫管理員、計算機程序設(shè)計員等）的老師（學(xué)校提供在職、職稱和授課情況證明）具有軟件工程碩士學(xué)位的人員裁判報到后在賽前培訓(xùn)期間將對其專業(yè)能力進行審核，未達到以上規(guī)定要求的裁判將不得參與任何評分有關(guān)工作。評分裁判需要全程參與各種投票、選拔賽現(xiàn)場執(zhí)裁、主觀、客觀評分以及監(jiān)督成績匯總統(tǒng)計過程等技術(shù)工作。2.3選手的條件和要求1997年1月1日以后出生的人員。思想品德優(yōu)秀

17、，身心健康。具備扎實的基本功和相應(yīng)的技能水平，具有較強的學(xué)習(xí)領(lǐng)悟能力、良好的身體素質(zhì)、心理素質(zhì)及應(yīng)變能力等的綜合素質(zhì)。男、女選手裸眼視力或矯正視力應(yīng)達到正常標(biāo)準(zhǔn)。無色盲、色弱，無任何影響電腦操作的先天或生理性疾病/缺陷。并能適應(yīng)長時間、高強度坐姿工作。選手必須嚴格遵守考場有關(guān)規(guī)定，自覺服從裁判長、裁判員、考場工作人員的管理。如有作弊情況，將取消比賽成績。3. 選拔賽的題目3.1試題的模式和結(jié)構(gòu)本項目分兩天進行比賽，共四個模塊，每天上下午各完成一個。每個模塊獨立評分，本項目滿分100分。每個模塊都是著眼于不同的網(wǎng)頁設(shè)計技能領(lǐng)域的，相對其他模塊可獨立存在的。模塊都有自己的配套制作素材，會在每天比賽

18、開始前發(fā)給選手。每天都會有一個選手需要遵守的時間表，第一模塊需要在上午（午餐前）完成，另外一個則在當(dāng)天下午結(jié)束前完成。選手必須在規(guī)定的結(jié)束時間前完成作品的存盤，將由工作人員進行作品上傳并由選手進行最終確認。當(dāng)選手完成了上午部分的工作，就可以繼續(xù)完成下午的模塊。將最終的作品保存到如下命名的文件夾中：XX_Module_AXX_Module_BXX_Module_CXX_Module_D上面的xx是你的機器（抽簽）號，只有按規(guī)定正確保存的文件才會被評分。3.2競賽項目要求模塊一：單頁網(wǎng)站設(shè)計 2小時某組織需要一個單頁面官網(wǎng)（所有鏈接均指向當(dāng)前頁面的不同錨點）。選手作為一名設(shè)計師，需要制作一個單頁面

19、的網(wǎng)站設(shè)計。將所有客戶需求的功能和板塊都放在同一個設(shè)計頁面中，并按要求排列（順序展現(xiàn)模塊內(nèi)容）。每位選手的頁面設(shè)計稿應(yīng)該具有原創(chuàng)性，不應(yīng)和其他選手有相同或者幾乎一致的布局、元素及色調(diào)。模塊二：響應(yīng)式頁面實現(xiàn) 3小時設(shè)計師已經(jīng)為某網(wǎng)站創(chuàng)作了一系列概念設(shè)計（含多種不同圖片濾鏡、特效，菜單特效，不同布局節(jié)）。這個設(shè)計包含了多種設(shè)備的分辨率，可以根據(jù)用戶的設(shè)備或瀏覽器尺寸進行響應(yīng)式的調(diào)整。選手作為頁面工程師的任務(wù)是將提供的多個設(shè)計布局使用HTML 5.0 / CSS 3.0規(guī)范來實現(xiàn)成頁面，使得在各種不同的設(shè)備分辨率下都可以通過同一個頁面對該網(wǎng)站進行正確的瀏覽（符合原設(shè)計稿的排版布局和各種設(shè)定）。此外

20、還需要按照樣例來制作一些前端的交互動效。模塊三：前端交互應(yīng)用 3小時某在線網(wǎng)站需要制作一個頁游，主要游戲邏輯和功能都使用前端腳本完成，游戲結(jié)果和其他數(shù)據(jù)由本地存儲保存。選手將被提供html框架代碼和相關(guān)素材，并使用JavaScript、JQuery、JQueryUI等前端技術(shù)按照賽題要求完成此前端應(yīng)用。模塊四：后臺開發(fā) 2小時客戶需要建立一個博客網(wǎng)站，選手將用 Wordpress CMS 完成網(wǎng)站的建立和配置，并完成指定功能的插件或/和模板的開發(fā)。3.3 配分比例各模塊分值分布（主觀和客觀），滿分為100分。模塊評分標(biāo)準(zhǔn)分數(shù)主觀分客觀分合計模塊A單頁網(wǎng)站設(shè)計151025模塊B響應(yīng)式頁面實現(xiàn)10

21、1525模塊C前端交互應(yīng)用101525模塊D后臺開發(fā)52025總分=40601004. 選拔賽命題方式使用提前3-4周全公開試題的命題形式進行本次比賽（包括賽題、評分表、素材）。所命題內(nèi)容基于本技術(shù)文檔3.2節(jié)描述的項目要求，由組委會進行整合修訂后公布。5. 成績評判本部分主要說明裁判對競賽項目、模塊評分的方法，同時明確評分細則框架和評分要求5.1綜合評價評分采用綜合評價（裁決）方式。3-4名裁判各自單獨評分，采用類體育競技的亮分制，計算出平均權(quán)重分，除以3后再乘以該項的滿分分值來計算出得分。裁判相互間分差必須小于等于1分，否則需要給出確切理由并在小組長或裁判長的監(jiān)督下進行調(diào)分。每個模塊的裁決

22、評分必須先于客觀分評分進行。權(quán)重表如下：權(quán)重分值要求描述0分作品不符合行業(yè)標(biāo)準(zhǔn)，大部分要求沒有完成 1分作品低于行業(yè)標(biāo)準(zhǔn)，基本滿足行業(yè)要求規(guī)范2分作品達到行業(yè)標(biāo)準(zhǔn)，各方面滿足行業(yè)要求規(guī)范3分作品接近完美，超過行業(yè)標(biāo)準(zhǔn)5.2客觀分評分細則按模塊設(shè)置若干個評分組，每組由3-4名裁判構(gòu)成。將確定每個模塊的評分標(biāo)準(zhǔn)以及客觀評分表中的偏差。評分時每個組所有裁判一起商議并對該選手在該項中的實際得分達成一致。客觀分評分準(zhǔn)則表類型示例最高分值正確分值不正確分值滿分或零分網(wǎng)站地圖動態(tài)鏈接至菜單0.500.500從滿分中扣除CSS代碼能通過驗證每種錯誤扣0.5分2.002.000 1.5從零分開始加CSS代碼有注

23、釋(0.5分) XHTML代碼有注釋(0.5分)1.01.00 0.56. 材料與裝備選手比賽機軟件清單，沒有特別說明，所有軟件都為英文版。（各比賽單元需使用的幫助文檔和庫都包含在下發(fā)比賽素材中）操作系統(tǒng)：WIN 7 Prof 64bit 開發(fā)工具：Adobe Photoshop CC 2015 Adobe Dreamweaver CC 2015 Adobe Illustrator CC 2015 XAMPP 5.6.21及以上瀏覽器：Firefox：Developer Edition V41 及以上 Chrome: V51 及以上瀏覽器插件: JRE 7 輔助軟件：MS Office Pro

24、f Version 2010Edit plus 3.6 / Notepad+ 6.5 / Net beans for PHP 8.0 / PHPStorm 2016 / Subline build 3114Filezilla Client 3.6 or upperwin RAR or 7ZIP new ver.jdk 7 （供Net beans等軟件安裝使用）代碼庫： wordpress 4.7.x安裝包 jquery-ui-1.11.2jquery-2.1.1選手用機硬件配置：（不低于此配置） CPU Intel Core i56500內(nèi)存8GB DDR4硬盤獨立分區(qū)，選手可用的臨時文件容量

25、10G以上顯卡AMD Radeon R5 320 1GB顯存顯示器 21.5 寬屏LCD 1920*1080 鍵盤鼠標(biāo)3鍵有線光電鼠標(biāo)、標(biāo)準(zhǔn)美式鍵盤*選手自行攜帶符合規(guī)則的鍵盤鼠標(biāo)需在熟悉賽場時進行檢測并封存6.2競賽選手工具箱中所備材料、設(shè)備和工具選手可攜帶自己的鍵盤，如果選手所帶鍵盤無法使用或者通不過賽前檢測，賽場將提供一個標(biāo)準(zhǔn)鍵盤。選手可攜帶自己的鼠標(biāo)，要求同上選手可攜帶自己的繪圖板，要求同上裁判有權(quán)禁止選手所攜帶的某些設(shè)備的使用6.3 裁判員的材料、設(shè)備和工具使用規(guī)定本項目裁判員執(zhí)裁無需攜帶任何設(shè)備和工具裁判不能攜帶任何物品來幫助選手比賽。裁判不能在賽場內(nèi)對選手作品進行拍攝。6.4技能

26、競賽場地禁止使用的材料和設(shè)備額外的軟件通訊工具智能設(shè)備（包括穿戴設(shè)備）不能使用任何帶內(nèi)置存儲功能的設(shè)備對具有爭議性的設(shè)備和工具，現(xiàn)場執(zhí)裁人員匯報裁判長認可后，有權(quán)禁止在比賽中使用某些設(shè)備6.5 材料和設(shè)備的特別規(guī)定在每個模塊比賽開始前，選手們將得到一切必需的素材。選手有責(zé)任檢查該模塊所提供的材料是否完整可用。軟件和設(shè)備意外情況的規(guī)定：所有機器和軟件引起的問題，在選手提出后，由現(xiàn)場執(zhí)裁裁判記錄提出時間，并判斷是否符合此類問題，再轉(zhuǎn)由場地設(shè)備主管進行故障處理。無法在合理時間內(nèi)解決的問題，將更換備用機或調(diào)換至備用工位。選手在處理過程中不得進行答題等其他工作，問題解決后根據(jù)解決問題記錄的時間花費對選手進行補時。如在熟悉賽場環(huán)節(jié)中就能明確的例如軟件安裝問題、軟件版本問題，以及選手本身操作引起的各種問題（沒有存盤等），將不予補時。7. 選拔賽場地要求7.1 場地面積要求合適的選手操作臺臺面尺寸舒適的選手座位空間7.2 場地照明要求本項目每工位無需特別直照光源，賽場原本提供的均勻泛光即可。8. 具體技能的安全規(guī)定本項目沒有特別完全規(guī)定，請注意賽場的用電安全。非賽場管理人員未經(jīng)允許，不能隨意拉接電源和用電設(shè)備。選手應(yīng)愛護賽場設(shè)施設(shè)備，操作規(guī)范，注意安全。違反安全操作規(guī)定造成的損失由考生負責(zé)。如選手發(fā)生緊急的身體狀況，將由賽場管理人員進行緊急處