2021年山東省職業(yè)院校技能大賽高職組“HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作”賽項(xiàng)-樣題

2021年山東省職業(yè)院校技能大賽高職組《HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作》賽項(xiàng)競(jìng)賽任務(wù)書(shū)第一部分競(jìng)賽須知一、競(jìng)賽要求（一）按要求完成競(jìng)賽任務(wù)，正確使用計(jì)算機(jī)設(shè)備，愛(ài)惜賽場(chǎng)器材，嚴(yán)格遵守操作要求；（二）競(jìng)賽過(guò)程中如有問(wèn)題，可舉手示意現(xiàn)場(chǎng)監(jiān)督或裁判人員，不得擾亂賽場(chǎng)秩序；（三）嚴(yán)格遵守賽場(chǎng)紀(jì)律，禁止任何作弊行為，尊重賽場(chǎng)工作人員，服從安排。二、職業(yè)素養(yǎng)與安全意識(shí)（一）禁止大聲喧嚷，未經(jīng)裁判允許，不得站立、走動(dòng)，保證競(jìng)賽現(xiàn)場(chǎng)秩序；（二）參賽選手所有操作均應(yīng)符合安全規(guī)范，注意用電安全。選手須知（一）競(jìng)賽開(kāi)始前，請(qǐng)參賽選手進(jìn)行如下檢查工作。1.檢查競(jìng)賽環(huán)境，如發(fā)現(xiàn)計(jì)算機(jī)硬件、軟件、網(wǎng)絡(luò)有問(wèn)題的，應(yīng)及時(shí)向裁判提出，請(qǐng)勿自行處理。2.檢查融媒體理論考試平臺(tái)、融媒體內(nèi)容制作平臺(tái)（下稱“北測(cè)-平臺(tái)”）檢查賬號(hào)登錄、使用操作是否正常，所有支撐軟件是否可以正常使用，如認(rèn)定有故障應(yīng)及時(shí)向裁判提出，競(jìng)賽結(jié)束后再提出的，不予認(rèn)定。3.檢查紙質(zhì)任務(wù)書(shū)，如發(fā)現(xiàn)紙質(zhì)任務(wù)書(shū)有缺頁(yè)、字跡不清等問(wèn)題，請(qǐng)及時(shí)向裁判舉手示意并要求更換。4.競(jìng)賽任務(wù)中所使用的非紙質(zhì)資料都已拷貝至U盤(pán)中，請(qǐng)自行根據(jù)競(jìng)賽任務(wù)書(shū)要求使用；競(jìng)賽提供的所有資料，在競(jìng)賽結(jié)束后均不能帶離考場(chǎng)；（二）參賽選手應(yīng)在規(guī)定時(shí)間內(nèi)完成任務(wù)書(shū)要求的內(nèi)容，任務(wù)完成后的作品必須按要求提交，作品未按要求提交的，則該任務(wù)不得分；（三）競(jìng)賽過(guò)程中，選手認(rèn)定設(shè)備或網(wǎng)絡(luò)有故障應(yīng)及時(shí)向裁判提出，競(jìng)賽結(jié)束后再提出的，不予認(rèn)定。如設(shè)備或網(wǎng)絡(luò)經(jīng)測(cè)定完好，屬誤判時(shí)，設(shè)備或網(wǎng)絡(luò)的認(rèn)定時(shí)間計(jì)入競(jìng)賽時(shí)間（扣減該選手競(jìng)賽時(shí)間）；如果設(shè)備或網(wǎng)絡(luò)經(jīng)測(cè)定確有故障，則當(dāng)場(chǎng)更換設(shè)備或維修網(wǎng)絡(luò)，此過(guò)程中（設(shè)備或網(wǎng)絡(luò)測(cè)定開(kāi)始到更換完成）造成的時(shí)間損失，在競(jìng)賽時(shí)間結(jié)束后，酌情對(duì)該選手進(jìn)行時(shí)間延遲補(bǔ)償；（四）參賽選手競(jìng)賽過(guò)程中，請(qǐng)及時(shí)保存任務(wù)中間成果。因任務(wù)中間成果未及時(shí)保存，遇設(shè)備或網(wǎng)絡(luò)故障導(dǎo)致前續(xù)工作結(jié)果丟失的，將僅對(duì)更換設(shè)備或網(wǎng)絡(luò)造成的時(shí)間損失進(jìn)行等量的時(shí)間延遲補(bǔ)償；（五）競(jìng)賽過(guò)程中由于人為原因造成設(shè)備損壞，應(yīng)承擔(dān)相應(yīng)的賠償責(zé)任；（六）競(jìng)賽過(guò)程中由于自身人為原因造成網(wǎng)絡(luò)中斷，則網(wǎng)絡(luò)修復(fù)的時(shí)間計(jì)入競(jìng)賽時(shí)間（扣減該選手競(jìng)賽時(shí)間）；（七）參賽選手提交的作品內(nèi)容中不得出現(xiàn)個(gè)人、學(xué)校等標(biāo)識(shí)信息，如有發(fā)現(xiàn)則競(jìng)賽成績(jī)記為0分；（八）在裁判組宣布競(jìng)賽開(kāi)始前，選手不得進(jìn)行任何答題操作。在裁判組宣布競(jìng)賽結(jié)束后，參賽選手必須立即停止對(duì)計(jì)算機(jī)等競(jìng)賽設(shè)備的任何操作；（九）參賽選手須提前將原檔案袋中物品放回檔案袋，競(jìng)賽設(shè)備和其它物品放置到初始位置，在裁判組宣布競(jìng)賽結(jié)束后，按裁判要求順序離場(chǎng)。第二部分競(jìng)賽環(huán)境簡(jiǎn)介一、競(jìng)賽環(huán)境（一）硬件環(huán)境（每個(gè)參賽選手）序號(hào)設(shè)備名稱單位數(shù)量備注1計(jì)算機(jī)臺(tái)1帶耳機(jī)2工作臺(tái)套1桌、椅軟件環(huán)境序號(hào)軟件類型軟件名稱軟件版本1操作系統(tǒng)Windows64位Win7或Win102瀏覽器GoogleChrome瀏覽器3競(jìng)賽平臺(tái)BC理論考試系統(tǒng)V1.0融媒體內(nèi)容制作實(shí)訓(xùn)系統(tǒng)V1.04融媒體頁(yè)面開(kāi)發(fā)工具HBuilder編譯器版本01811231920（去除jQuery庫(kù)）5支撐軟件MicrosoftOffice2016AdobePhotoshopCC2017（三）網(wǎng)絡(luò)環(huán)境基于以太網(wǎng)技術(shù)的局域網(wǎng)環(huán)境。二、注意事項(xiàng)（一）競(jìng)賽過(guò)程中，請(qǐng)務(wù)必嚴(yán)格按照任務(wù)書(shū)要求對(duì)各競(jìng)賽設(shè)備進(jìn)行操作使用，隨意操作可能會(huì)出現(xiàn)作品不能正常制作、預(yù)覽或提交的情況；（二）競(jìng)賽任務(wù)完成后，請(qǐng)務(wù)必不要關(guān)閉任何競(jìng)賽設(shè)備，不要拆卸、移動(dòng)競(jìng)賽設(shè)備的網(wǎng)絡(luò)連接，不要對(duì)文件和設(shè)備進(jìn)行加密。第三部分競(jìng)賽任務(wù)模塊一理論題競(jìng)賽任務(wù)理論題競(jìng)賽部分為單選題、多選題、判斷題等題型，以融媒體相關(guān)理論知識(shí)為基礎(chǔ)，涵蓋媒體運(yùn)營(yíng)、融媒體傳播矩陣、網(wǎng)絡(luò)熱點(diǎn)信息、數(shù)據(jù)分析、輿情監(jiān)測(cè)和網(wǎng)絡(luò)信息技術(shù)等多方面內(nèi)容知識(shí)點(diǎn)。具體內(nèi)容請(qǐng)登錄融媒體理論考試平臺(tái)進(jìn)行答題。（樣題見(jiàn)附件一）模塊二實(shí)操題競(jìng)賽任務(wù)（實(shí)操題競(jìng)賽分為任務(wù)一、任務(wù)二兩個(gè)獨(dú)立的任務(wù)，特此說(shuō)明！）任務(wù)一：融媒體可視化作品制作一、選題背景：早晨，當(dāng)?shù)谝皇?yáng)光射進(jìn)我的屋子，我朦朧中睜開(kāi)眼，新的一天便開(kāi)始了，這注定是繁忙而又快樂(lè)的一天。站在晨光中，雖然寒冷的天氣讓人有些不舒服，但空氣卻是清新的，讓我們自由呼吸著清新的空氣，將一夜的昏沉一掃而空，以新面貌迎接新的一天。一年之計(jì)在于春，一日之計(jì)在于晨，一番感嘆后，我便利用這段時(shí)間讀書(shū)。我的心靈在書(shū)的熱血里流淌，內(nèi)容緩緩注入我的大腦。這個(gè)清晨沒(méi)有白白的從我眼前走過(guò)，讓我的大腦在這個(gè)清晨更加充實(shí)。二、任務(wù)主題主題：“我的一天”利用北測(cè)-H5平臺(tái)技術(shù)制作“我的一天”可視化H5案例，完成場(chǎng)景模擬，動(dòng)畫(huà)交互效果。三、任務(wù)內(nèi)容打開(kāi)電腦桌面“作品預(yù)覽”快捷方式（正式比賽會(huì)在桌面生成作品預(yù)覽快捷方式，不再使用手機(jī)掃描二維碼方式，樣題請(qǐng)參考鏈接：/c/5f2cc2700fcad93ecb196705/20210924122408/mndf/index.html，查看“我的一天”，參賽選手需要利用北測(cè)－平臺(tái)制作完成“我的一天”中所有呈現(xiàn)的內(nèi)容。四、分鏡圖文腳本請(qǐng)仔細(xì)分析“我的一天分鏡腳本”，并注意觀察“我的一天H5作品”中的場(chǎng)景、所有素材及交互?！拔业囊惶旆昼R腳本”截圖在U盤(pán)“賽題要求\任務(wù)一\截圖\”目錄下已提供，分鏡圖文腳本是部分內(nèi)容提示，并非全部?jī)?nèi)容提示，完整的內(nèi)容請(qǐng)參考“我的一天H5作品”，參賽選手需要完成H5作品中所有呈現(xiàn)的內(nèi)容，分鏡圖文腳本詳細(xì)內(nèi)容如下：備注：頁(yè)號(hào)描述如：1、2、3……為頁(yè)號(hào)；1-1、1-2、1-3……為第1個(gè)頁(yè)面的第1個(gè)場(chǎng)景、第2個(gè)場(chǎng)景、第3個(gè)場(chǎng)景……2021年XX技能大賽《HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作》賽項(xiàng)競(jìng)賽任務(wù)書(shū)頁(yè)號(hào)畫(huà)面描述1畫(huà)面情節(jié)1.本頁(yè)作為加載頁(yè)面，即第1個(gè)頁(yè)面；2.鐘表指針轉(zhuǎn)動(dòng)為主要?jiǎng)赢?huà)；文案無(wú)動(dòng)畫(huà)描述1.鐘表指針轉(zhuǎn)動(dòng)，橘紅色長(zhǎng)指針（秒針）順時(shí)針轉(zhuǎn)動(dòng)，速度較快，粉紅色中指針（分針）逆時(shí)針轉(zhuǎn)動(dòng)，速度慢于秒針，黃色短指針順時(shí)針轉(zhuǎn)動(dòng)（時(shí)針），速度較慢；2.鐘表下方表示加載速率的數(shù)字從0-100變化。交互與邏輯加載數(shù)字跳動(dòng)值100%后跳轉(zhuǎn)至第二頁(yè)音樂(lè)與音效無(wú)頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述2-1畫(huà)面情節(jié)1.本頁(yè)作為作品的第二個(gè)頁(yè)面，第一個(gè)場(chǎng)景；2.動(dòng)態(tài)的指針轉(zhuǎn)動(dòng)，鐘表翻轉(zhuǎn)為主要?jiǎng)赢?huà)。文案無(wú)動(dòng)畫(huà)描述進(jìn)入頁(yè)面后，屏幕中間指針旋轉(zhuǎn)，表盤(pán)同時(shí)繞Y軸逆時(shí)針?lè)D(zhuǎn)至P2-2場(chǎng)景頁(yè)面交互與邏輯無(wú)音樂(lè)與音效開(kāi)始播放背景音樂(lè)頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述2-2畫(huà)面情節(jié)1.本頁(yè)作為作品的第二個(gè)頁(yè)面，第二個(gè)場(chǎng)景；2.以動(dòng)畫(huà)形式引出開(kāi)始交互。文案無(wú)動(dòng)畫(huà)描述1.承接P2-1場(chǎng)景，即P2-1場(chǎng)景鐘表翻轉(zhuǎn)之后的場(chǎng)景；2.“點(diǎn)擊開(kāi)始”外側(cè)的色環(huán)逆時(shí)針旋轉(zhuǎn)；3.“點(diǎn)擊開(kāi)始”旁邊的藍(lán)色字的圓環(huán)順時(shí)針旋轉(zhuǎn)；4.“點(diǎn)擊開(kāi)始”字樣循環(huán)放大縮小。交互與邏輯1.本頁(yè)開(kāi)始禁止系統(tǒng)默認(rèn)翻頁(yè)行為；

2.點(diǎn)擊“點(diǎn)擊開(kāi)始”按鈕，跳轉(zhuǎn)至P3頁(yè)面。音樂(lè)與音效1.繼續(xù)播放背景音樂(lè)。頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述3畫(huà)面情節(jié)1.本頁(yè)作為作品的第三個(gè)頁(yè)面；2.列出我的一天中三件事（三個(gè)菜單按鈕）。文案無(wú)動(dòng)畫(huà)描述1.整體背景淡出；2.屏幕下方人物旁邊兩個(gè)圓形按鈕緩出后循環(huán)放大；3.人物下方的“記錄我的一天”按鈕上浮出現(xiàn)。交互與邏輯1.點(diǎn)擊人物左側(cè)按鈕，即可跳轉(zhuǎn)至P4頁(yè)面；2.點(diǎn)擊人物右側(cè)按鈕，即可跳轉(zhuǎn)至P5頁(yè)面；3.點(diǎn)擊人物下方按鈕，即可跳轉(zhuǎn)至P6頁(yè)面。音樂(lè)與音效繼續(xù)播放背景音樂(lè)頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述4-1畫(huà)面情節(jié)1.本頁(yè)作為作品的第四個(gè)頁(yè)面的第一個(gè)場(chǎng)景；2.百科知識(shí)競(jìng)賽答題開(kāi)始頁(yè)面。文案百科知識(shí)競(jìng)賽開(kāi)始動(dòng)畫(huà)描述無(wú)交互與邏輯點(diǎn)擊“開(kāi)始”按鈕，即可進(jìn)入P4-2答題場(chǎng)景；音樂(lè)與音效繼續(xù)播放背景音樂(lè)頁(yè)面切換平移頁(yè)號(hào)畫(huà)面描述4-2畫(huà)面情節(jié)本頁(yè)作為作品第四頁(yè)開(kāi)始知識(shí)競(jìng)賽頁(yè)面，共十道題，滿分為100分（正確答案在文案中標(biāo)黑）。文案第一屆百科知識(shí)競(jìng)賽（開(kāi)始考試，滿分100分）1.唐代詩(shī)人有稱“詩(shī)圣”的杜甫“詩(shī)仙”的李白等，你可知道被人頌稱“詩(shī)魔”的是誰(shuí)?（單選題）A.白居易B.王維C.劉禹錫2.世界上曾有六次截流，中國(guó)就有三次，都在長(zhǎng)江上，其中有兩次是長(zhǎng)江三峽截流，另一次是哪項(xiàng)工程？（單選題）A.都江堰B.黃河C.葛洲壩3.下列哪部是高爾基的代表作品？（多選題）A.《套中人》B.《在人間》C.《我的大學(xué)》4.以下屬于我國(guó)四大佛教名山中的是？（多選題）A.峨眉山B.五臺(tái)山C.九華山5.下列選項(xiàng)中,屬于民事法律關(guān)系的是？（單選題）A.公民甲向稅務(wù)機(jī)關(guān)納稅B.政府向某災(zāi)區(qū)捐款C.公民乙向山區(qū)某小學(xué)捐款6.以下屬于活化石植物的是？（多選題）A.銀杉B.金銀花C.銀杏7.預(yù)防近視眼要做到“三不看”（多選題）A.走路乘車不看書(shū)B(niǎo).光線太暗或太強(qiáng)不看書(shū)C.吃飯不看書(shū)8.中國(guó)古代中最早提到小孔成像的原理的著作是？（單選題）A.《九章算術(shù)》B.《墨經(jīng)》C.《天工開(kāi)物》9.“古爾邦節(jié)”是一種什么節(jié)日？（單選題）A.宗教節(jié)日B.民族節(jié)日C.國(guó)家節(jié)日10.普利策獎(jiǎng)是什么方面的獎(jiǎng)？（多選題）A.新聞B.文化C.經(jīng)濟(jì)動(dòng)畫(huà)描述無(wú)交互與邏輯1.前9道題，選擇答案（不選也可以）之后點(diǎn)擊提交進(jìn)入下一題，在屏幕上方對(duì)應(yīng)的題號(hào)中出現(xiàn)得分，單選正確為10分，多選（兩個(gè)）正確為10分，選一個(gè)得5分，選錯(cuò)不得分，多選（三個(gè)）選一個(gè)得三分，全部正確得10分；2.第十道題選擇答案之后，點(diǎn)擊“交卷”，跳轉(zhuǎn)至P4-3場(chǎng)景，音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述4-3畫(huà)面情節(jié)1.本頁(yè)為作品第四頁(yè)得分場(chǎng)景；2.提交信息上傳成績(jī)。文案第一屆百科知識(shí)競(jìng)賽得分0（此處數(shù)值為P4-2中十道題所得分總和）姓名電話郵箱動(dòng)畫(huà)描述無(wú)交互與邏輯1.得分之后紅色數(shù)字為P4-2場(chǎng)景十道題的得分總和；2.姓名、電話、郵箱后面的框可以選擇填入信息；3.點(diǎn)擊上傳成績(jī)即可跳轉(zhuǎn)至P4-4場(chǎng)景。音樂(lè)與音效循環(huán)播放背景音樂(lè)頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述4-4畫(huà)面情節(jié)1.本頁(yè)作為作品第四個(gè)頁(yè)面，第四個(gè)場(chǎng)景；2.成績(jī)提交成功界面。文案第一屆百科知識(shí)競(jìng)賽提交成功！返回首頁(yè)動(dòng)畫(huà)描述無(wú)交互與邏輯點(diǎn)擊“返回首頁(yè)”即可返回至P3頁(yè)面。音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述5-1畫(huà)面情節(jié)1.本頁(yè)作為作品第五個(gè)頁(yè)面，第一個(gè)場(chǎng)景；

2.模擬連連看小游戲。文案請(qǐng)輸入昵稱動(dòng)畫(huà)描述1.連連看標(biāo)題上浮出現(xiàn)之后放大縮小兩次；2.“請(qǐng)輸入昵稱”文本框隨后上浮出現(xiàn)；

3.“確定”按鈕隨后上浮出現(xiàn)；交互與邏輯1.“請(qǐng)輸入昵稱”文本框中可以輸入文字；

2.昵稱輸入后，點(diǎn)擊“確定”按鈕進(jìn)入P5-2場(chǎng)景，若未輸入昵稱則“確定”按鈕點(diǎn)擊無(wú)效。音樂(lè)與音效繼續(xù)播放背景音樂(lè)頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述5-2畫(huà)面情節(jié)本頁(yè)作為作品第五個(gè)頁(yè)面，第二個(gè)場(chǎng)景，游戲規(guī)則介紹頁(yè)面。文案游戲規(guī)則在30秒內(nèi)完成游戲翻牌即可獲得勝利！我知道了動(dòng)畫(huà)描述1.進(jìn)入此場(chǎng)景式，“連連看”標(biāo)題上移至左上角并縮小一部分；

2.游戲規(guī)則彈窗緩出；3.游戲規(guī)則右上角的時(shí)間圖標(biāo)從右側(cè)平移出現(xiàn)。交互與邏輯1.點(diǎn)擊“我知道了”按鈕，游戲規(guī)則彈窗消失，可進(jìn)入P5-3游戲頁(yè)面，同時(shí)開(kāi)始右上角的倒計(jì)時(shí)；音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述5-3畫(huà)面情節(jié)本頁(yè)作為作品第五個(gè)頁(yè)面，翻牌游戲界面。文案26（此數(shù)值為倒計(jì)時(shí)的時(shí)間從30-0遞減）動(dòng)畫(huà)描述1.右上角的倒計(jì)時(shí)從30到0每秒遞減；2.點(diǎn)擊對(duì)應(yīng)方框，即可開(kāi)始翻轉(zhuǎn)動(dòng)畫(huà)，牌面繞Y軸順時(shí)針旋轉(zhuǎn)90度后漏出后面的小動(dòng)物。交互與邏輯1.點(diǎn)擊對(duì)應(yīng)方框，即可開(kāi)始翻轉(zhuǎn)動(dòng)畫(huà)，并漏出后面的小動(dòng)物；2.當(dāng)六個(gè)方框都點(diǎn)擊之后，游戲結(jié)束，跳轉(zhuǎn)至P5-4挑戰(zhàn)成功場(chǎng)景；

3.當(dāng)右上角倒計(jì)時(shí)為0時(shí)，游戲結(jié)束，跳轉(zhuǎn)至P5-5挑戰(zhàn)失敗場(chǎng)景；音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述5-4畫(huà)面情節(jié)本頁(yè)作為作品第五個(gè)頁(yè)面，小游戲挑戰(zhàn)成功頁(yè)面文案無(wú)動(dòng)畫(huà)描述無(wú)交互與邏輯1.點(diǎn)擊“返回主菜單”返回P3頁(yè)面；

2.點(diǎn)擊“再玩一次”進(jìn)入P5-2場(chǎng)景，繼續(xù)游戲。音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述5-5畫(huà)面情節(jié)本頁(yè)作為作品第五個(gè)頁(yè)面，小游戲挑戰(zhàn)成功失敗文案無(wú)動(dòng)畫(huà)描述無(wú)交互與邏輯1.點(diǎn)擊“返回主菜單”返回P3頁(yè)面；

2.點(diǎn)擊“再玩一次”進(jìn)入P5-2場(chǎng)景，繼續(xù)游戲。音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述6-1畫(huà)面情節(jié)本頁(yè)作為作品第六個(gè)頁(yè)面文案無(wú)動(dòng)畫(huà)描述1.進(jìn)入頁(yè)面，桌面上的粉色記事本，豎直起來(lái)之后放大出現(xiàn)到屏幕中；

2.記事本靜止后，書(shū)面上出現(xiàn)白色手指，并左滑提示滑動(dòng)；交互與邏輯1.在書(shū)上面左滑，即可開(kāi)始翻頁(yè)動(dòng)畫(huà)，進(jìn)入P6-2場(chǎng)景；音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換平移頁(yè)號(hào)畫(huà)面描述6-2畫(huà)面情節(jié)本頁(yè)作為作品第六個(gè)頁(yè)面，第二個(gè)場(chǎng)景文案無(wú)動(dòng)畫(huà)描述1.承接P6-1動(dòng)畫(huà)，記事本出現(xiàn)向左翻頁(yè)的動(dòng)畫(huà)效果；

2.白色紙張上面出現(xiàn)文字，隨后【學(xué)習(xí)】、【娛樂(lè)】?jī)蓚€(gè)掛欄以遮罩的形式從上到下出現(xiàn)。交互與邏輯1.點(diǎn)擊【學(xué)習(xí)】，即可進(jìn)入P4頁(yè)面；2.點(diǎn)擊【娛樂(lè)】，即可進(jìn)入P5頁(yè)面。音樂(lè)與音效繼續(xù)播放背景音樂(lè)；頁(yè)面切換無(wú)五、融媒體內(nèi)容制作要求嚴(yán)格按照“我的一天樣例作品”預(yù)覽效果及分鏡圖文腳本，制作一個(gè)融媒體作品，要求如下：（一）頁(yè)數(shù)一致；（二）畫(huà)面、內(nèi)容及排版一致；（三）動(dòng)畫(huà)內(nèi)容及效果一致；（四）交互方式及效果一致；（五）音樂(lè)及音效一致；（六）旋轉(zhuǎn)模式及自適應(yīng)模式一致；六、內(nèi)容制作使用北測(cè)－平臺(tái)“創(chuàng)建作品”工具新建內(nèi)容、創(chuàng)建頁(yè)面場(chǎng)景、導(dǎo)入素材（相關(guān)素材U盤(pán)中已提供）、調(diào)整素材、實(shí)現(xiàn)任務(wù)要求的動(dòng)畫(huà)交互，并查看運(yùn)行效果。（一）創(chuàng)建內(nèi)容使用北測(cè)－平臺(tái)“創(chuàng)建作品”工具創(chuàng)建內(nèi)容，項(xiàng)目名稱請(qǐng)使用“座位號(hào)-任務(wù)一”（例如：07-任務(wù)一），舞臺(tái)尺寸設(shè)置為：320*520，幀速為：12幀/秒。（二）導(dǎo)入素材將U盤(pán)中“賽題要求\任務(wù)一\素材\”目錄下的圖片、音頻素材導(dǎo)入到素材庫(kù)中。（三）調(diào)整素材按照內(nèi)容要求選擇場(chǎng)景、添加素材，注意不要遺漏素材。利用所提供的素材進(jìn)行場(chǎng)景的創(chuàng)建，對(duì)素材進(jìn)行位置調(diào)整等操作，使其達(dá)到“我的一天樣例作品”的運(yùn)行效果。（四）完成動(dòng)畫(huà)利用時(shí)間軸與預(yù)置動(dòng)畫(huà)等制作各種動(dòng)畫(huà)效果，如人物運(yùn)動(dòng)、圖片位移、角度變化等，從而完成規(guī)定的效果。（五）完成交互利用北測(cè)－平臺(tái)“創(chuàng)建作品”工具，添加各種交互功能，如點(diǎn)擊跳轉(zhuǎn)等，從而完成規(guī)定的功能。（六）完成邏輯判斷利用北測(cè)－平臺(tái)“創(chuàng)建作品”工具，實(shí)現(xiàn)各種邏輯判斷，如改變屬性、判斷等，從而完成規(guī)定的效果。（七）文件運(yùn)行并提交作品根據(jù)運(yùn)行結(jié)果，調(diào)整素材、交互動(dòng)畫(huà)和邏輯判斷，完成內(nèi)容制作后，將完成的內(nèi)容保存并命名為“座位號(hào)-任務(wù)一”（例如：07-任務(wù)一），在平臺(tái)提交作品。任務(wù)二：融媒體交互頁(yè)面作品開(kāi)發(fā)一、選題背景：很多讀書(shū)人通過(guò)高考進(jìn)入理想學(xué)府，從而改變了自己的命運(yùn)，但是在競(jìng)爭(zhēng)激烈的今天，想要考上一所好大學(xué)是如此的艱難，雖然現(xiàn)在的各大高校都在擴(kuò)招，但是名校畢業(yè)生的數(shù)量還是沒(méi)有“爛大街”。經(jīng)歷過(guò)高三的同學(xué)應(yīng)該都知道，高考之前都會(huì)進(jìn)行很多次的模擬考試，基本上大部分學(xué)校除了一些聯(lián)考之外，會(huì)每個(gè)月進(jìn)行一次高三年的模擬考，用來(lái)測(cè)試學(xué)生的大致情況，每次模擬考也都誰(shuí)劃分大概的本科分?jǐn)?shù)線。大部分學(xué)校都會(huì)在正式高考前進(jìn)行不同數(shù)量的模擬，但是很多同學(xué)最關(guān)心最接近高考時(shí)的前三次模擬考試，因?yàn)檫@三次模擬考試是距離高考最近的，也是最能夠反映考生水平的考試。從另外一個(gè)角度來(lái)說(shuō)，高考前進(jìn)行“高考小測(cè)試”是有必要的，因?yàn)楹芏嘀袑W(xué)生的心理并不成熟，第一次面臨人生的重大考試，很多同學(xué)會(huì)產(chǎn)生緊張心理，這非常影響考試的正常發(fā)揮，很容易讓自己前面的努力白費(fèi)，提前進(jìn)行模擬，也是為了讓考試適應(yīng)考試的氛圍以及情況。二、任務(wù)主題主題：“高考小測(cè)試”根據(jù)所提供的錄屏文件、psd設(shè)計(jì)稿以及作品截圖使用HBuilder編譯器軟件進(jìn)行作品的靜態(tài)布局、動(dòng)畫(huà)處理、邏輯編碼、媒體處理、適配設(shè)置，最終完成任務(wù)書(shū)要求的融媒體編程項(xiàng)目。三、任務(wù)內(nèi)容根據(jù)提供的“高考小測(cè)試分鏡圖文腳本”、“高考小測(cè)試錄屏”（U盤(pán)“賽題要求\任務(wù)二\錄屏\”目錄下已提供）及其psd設(shè)計(jì)稿素材，制作“高考小測(cè)試錄屏”所呈現(xiàn)的內(nèi)容。四、分鏡圖文腳本請(qǐng)仔細(xì)分析“高考小測(cè)試分鏡圖文腳本”，并注意觀察“高考小測(cè)試錄屏”中的場(chǎng)景、所有素材及交互。“高考小測(cè)試分鏡圖文腳本”截圖在U盤(pán)“賽題要求\任務(wù)二\截圖\”目錄下已提供，分鏡圖文腳本是部分內(nèi)容提示，并非全部?jī)?nèi)容提示，完整的內(nèi)容請(qǐng)參考“高考小測(cè)試錄屏”，參賽選手需要完成“高考小測(cè)試錄屏”中所有呈現(xiàn)的內(nèi)容，分鏡圖文腳本詳細(xì)內(nèi)容如下：備注：頁(yè)號(hào)描述如“1、2、3……”為頁(yè)號(hào)；“1-1、1-2、1-3……”為第1個(gè)頁(yè)面的第1個(gè)場(chǎng)景、第2個(gè)場(chǎng)景、第3個(gè)場(chǎng)景……頁(yè)號(hào)畫(huà)面描述1畫(huà)面情節(jié)本頁(yè)為作品加載頁(yè)面文案XX%（XX表示0-100的數(shù)字）動(dòng)畫(huà)描述1.屏幕中間帽子循環(huán)放大縮??；2.帽子下方的三個(gè)點(diǎn)依次循環(huán)變暗；3.代表加載進(jìn)度的百分比數(shù)字從0到100遞增。交互與邏輯1.加載至100%后，進(jìn)入P2頁(yè)面；音樂(lè)與音效無(wú)頁(yè)面切換無(wú)頁(yè)號(hào)畫(huà)面描述2畫(huà)面情節(jié)本頁(yè)為作品第二個(gè)頁(yè)面，高考小測(cè)試首頁(yè)文案詩(shī)詞測(cè)試動(dòng)畫(huà)描述1.進(jìn)入頁(yè)面，屏幕下方的“詩(shī)詞測(cè)試”按鈕，緩出；2.屏幕右側(cè)的三顆星循環(huán)放大縮??；3.屏幕左上方與左側(cè)的星星也在循環(huán)放大縮小。交互與邏輯1.點(diǎn)擊“詩(shī)詞測(cè)試”即可進(jìn)入P3頁(yè)面；音樂(lè)與音效點(diǎn)擊屏幕右上角的音樂(lè)圖標(biāo)即可開(kāi)始/暫停背景音樂(lè)。頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述3-1畫(huà)面情節(jié)本頁(yè)為作品第三頁(yè)，介紹詩(shī)詞測(cè)試文案詩(shī)詞測(cè)試床前明月光疑是地上霜魚(yú)戲蓮葉東魚(yú)戲蓮葉西白毛浮綠水紅掌撥清波春眠不覺(jué)曉處處聞啼鳥(niǎo)小娃撐小艇偷采白蓮回動(dòng)畫(huà)描述1.進(jìn)入頁(yè)面后，屏幕下方的答案依次出現(xiàn)；2.需要答題的空白框，循環(huán)放大縮小交互與邏輯1.從左到右依次進(jìn)行答題；2.答對(duì)題目，正確答案出現(xiàn)在對(duì)應(yīng)的位置；3.答錯(cuò)題目，出現(xiàn)錯(cuò)誤提示（見(jiàn)截圖）；4.五個(gè)詩(shī)詞均完成后，出現(xiàn)測(cè)試成功彈窗，p3-2場(chǎng)景。音樂(lè)與音效點(diǎn)擊屏幕右上角的音樂(lè)圖標(biāo)即可開(kāi)始/暫停背景音樂(lè)。頁(yè)面切換出現(xiàn)頁(yè)號(hào)畫(huà)面描述3-2畫(huà)面情節(jié)本頁(yè)為測(cè)試成功頁(yè)面。文案返回首頁(yè)動(dòng)畫(huà)描述無(wú)交互與邏輯點(diǎn)擊“返回首頁(yè)”返回P2頁(yè)面。音樂(lè)與音效點(diǎn)擊屏幕右上角的音樂(lè)圖標(biāo)即可開(kāi)始/暫停背景音樂(lè)。頁(yè)面切換出現(xiàn)2018年山東省高職院?！癏TML5交互融媒體內(nèi)容設(shè)計(jì)與制作”賽項(xiàng)任務(wù)書(shū)22/23五、融媒體編程內(nèi)容制作要求嚴(yán)格按照“高考小測(cè)試錄屏”預(yù)覽效果及腳本，制作一個(gè)融媒體內(nèi)容，要求如下：（一）頁(yè)數(shù)一致；（二）畫(huà)面、內(nèi)容及排版一致；（三）動(dòng)畫(huà)內(nèi)容及效果一致； （四）交互方式及效果一致；（五）音樂(lè)及音效一致；（六）旋轉(zhuǎn)模式及自適應(yīng)模式一致；（七）文件目錄要求：img(存放圖片素材）、css（存放css層疊樣式表文件）、js（存放JavaScript腳本文件）、media（存放音、視頻文件）、index.html（入口文件）；存放于“座位號(hào)-任務(wù)二”（例如：07-任務(wù)二）文件夾之下。六、融媒體編程內(nèi)容制作自定義文件目錄或使用HBuilder創(chuàng)建項(xiàng)目，根據(jù)所提供的psd圖片素材，利用Photoshop軟件處理成合適的圖片進(jìn)行布局、添加動(dòng)畫(huà)交互，使用原生JavaScript語(yǔ)言進(jìn)行開(kāi)發(fā)，比賽環(huán)境不提供jQuery等前端庫(kù)。（一）處理素材：圖片素材以psd格式提供，考生可使用Photoshop軟件對(duì)圖片進(jìn)行整理，自定義圖片大小、格式，最終實(shí)現(xiàn)任務(wù)說(shuō)明中的布局樣式。（二）創(chuàng)建文件目錄：考生需創(chuàng)建制作要求中所描述的目錄文件，確保作品最終能夠正常運(yùn)行。（三）完成動(dòng)畫(huà)交互制作：模擬正常移動(dòng)端前端開(kāi)發(fā)，使用JavaScript、CSS3、HTML5完成對(duì)整個(gè)作品的開(kāi)發(fā)，動(dòng)畫(huà)交互效果以任務(wù)說(shuō)明腳本為參考，最終結(jié)果與錄屏效果一致。（四）作品查看與提交：使用chrome瀏覽器模擬移動(dòng)端運(yùn)行，對(duì)作品進(jìn)行查看、排錯(cuò)；運(yùn)行無(wú)誤之后，將項(xiàng)目文件夾命名為“座位號(hào)-任務(wù)二”（例如：07-任務(wù)二），存放至比賽所提供的U盤(pán)中（注意存放之后檢查作品是否能正常運(yùn)行），將U盤(pán)放置在信封中，并在信封上標(biāo)注“座位號(hào)-任務(wù)二”（例如：07-任務(wù)二），封好后由工作人員統(tǒng)一收回。附件一：理論題2021年XX技能大賽《HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作》賽項(xiàng)理論題注：本理論樣題展示的僅為競(jìng)賽題型，具體競(jìng)賽試題數(shù)量及競(jìng)賽題目按最終競(jìng)賽公布的試題為準(zhǔn)。一、單選題1.2014年8月18日，中央全面深化改革領(lǐng)導(dǎo)小組第（）次會(huì)議審議通過(guò)了《關(guān)于推動(dòng)傳統(tǒng)媒體和新興媒體融合發(fā)展的指導(dǎo)意見(jiàn)》。A．一B．二C．三D．四2.下列關(guān)于學(xué)習(xí)“全媒體運(yùn)營(yíng)實(shí)戰(zhàn)技能”說(shuō)法不正確的是（）。 A．留意規(guī)則變化 B．主動(dòng)迎合市場(chǎng) C．關(guān)注工具消亡 D．了解版本更新3.以下關(guān)于基礎(chǔ)排版說(shuō)法不正確的是（）。 A．行間距是文字信息上下行之間的距離，以確保合適的行與行之間的空間。 B．合理的行間距有利于提升文章的整體美感，同時(shí)有利于閱讀者的迅速閱讀。 C．一般來(lái)說(shuō)2倍和2.5倍的視覺(jué)體驗(yàn)最佳。 D．段間距作為每段文字之間的距離，能夠讓閱讀者有效地區(qū)分上下段，并形成閱讀緩沖區(qū)，減少了長(zhǎng)篇段落文字對(duì)閱讀者帶來(lái)的閱讀壓迫感。4.不論是網(wǎng)絡(luò)的安全保密技術(shù)，還是站點(diǎn)的安全技術(shù)，其核心問(wèn)題（）。 A．系統(tǒng)的安全評(píng)價(jià) B．保護(hù)數(shù)據(jù)安全 C．是否具有防火墻 D．硬件結(jié)構(gòu)的穩(wěn)定5.在網(wǎng)頁(yè)制作中，最常用的表單處理腳本語(yǔ)言是（）。 A．C B．Java C．JavaScript D．ASP6.在Photoshop軟件中屬于色階的快捷鍵是（）。 A．Ctr1+Z B．Ctrl+L C．Ctrl+T D．Ctrl+Shift+L7.加入一條水平線的HTML代碼是（）。 A．<hr> B．<imgsrc="name"border=?> C．<imgsrc="name"align=?> D．<imgsrc="name">8.關(guān)于輿論，以下錯(cuò)誤的說(shuō)法是（）。 A．輿論中包含大量情緒化的傳播 B．輿論代表民意，必然是公平、正義的 C．輿論中包含非理性的因素 D．輿論中包含公平、公正的聲音，但不一定全部都是公平正義的9.以下關(guān)于H5素材說(shuō)法不正確的是（）。 A．主流H5動(dòng)畫(huà)制作平臺(tái)已經(jīng)提供了多種字體選項(xiàng)，用戶無(wú)須安裝字體即可在線使用，設(shè)計(jì)者可以根據(jù)需求選擇不同的字體，其中部分字體可以免費(fèi)使用。 B．H5的音樂(lè)素材只能通過(guò)H5制作平臺(tái)獲得。 C．當(dāng)計(jì)算機(jī)端尚未安裝目標(biāo)字體時(shí)，可以使用在線字體轉(zhuǎn)換器進(jìn)行字體轉(zhuǎn)換，推薦“找字網(wǎng)”和“第一字體轉(zhuǎn)換器”兩個(gè)字體下載及轉(zhuǎn)換的網(wǎng)站。 D．