學(xué)生專業(yè)技能考核題庫

2剛曲影孝施孝乂循彳優(yōu)

HUNANFINANCIAL&INDUSTRIALVOCATIONAL-TECHNICALCOLLEGE

學(xué)生專業(yè)技能考核題庫

適用專業(yè)：計算機應(yīng)用技術(shù)

2019年8月

目錄

二、Web前端開發(fā)模塊.......................................錯誤!未定義書簽。

1.試題編號：J2-1資訊網(wǎng)站設(shè)計-游記欄目..............錯誤!未定義書簽。

2.試題編號：J2-2資訊網(wǎng)站設(shè)計-熱門景點欄目..........錯誤!未定義書簽。

3.試題編號：J2-3資訊網(wǎng)站設(shè)計-旅游景點欄目..........錯誤!未定義書簽。

4.試題編號：J2-4資訊網(wǎng)站設(shè)計-景點目的地欄目........錯誤!未定義書簽。

5.試題編號：J2-5資訊網(wǎng)站設(shè)計-主題旅游欄目..........錯誤!未定義書簽。

6.試題編號：J2-6資訊網(wǎng)站設(shè)計-出境旅行欄目..........錯誤!未定義書簽。

7.試題編號：J2-7資訊網(wǎng)站設(shè)計-旅游資訊欄目..........錯誤!未定義書簽。

8.試題編號：J2-8資訊網(wǎng)站設(shè)計-資訊欄目..............錯誤!未定義書簽。

9.試題編號：J2-9資訊網(wǎng)站設(shè)計-旅游攻略..............錯誤!未定義書簽。

10.試題編號：J2T0資訊網(wǎng)站設(shè)計-出境旅游欄目........錯誤!未定義書簽。

11.試題編號：J2T1資訊網(wǎng)站設(shè)計-旅行社排行榜欄目....錯誤!未定義書簽。

12.試題編號：J2T2資訊網(wǎng)站設(shè)計-旅行社資訊欄目......錯誤!未定義書簽。

13.試題編號：J2T3資訊網(wǎng)站設(shè)計-旅行社大全欄目......錯誤!未定義書簽。

14.試題編號：J2T4資訊網(wǎng)站設(shè)計-搜索欄目............錯誤!未定義書簽。

15.試題編號：J2-15資訊網(wǎng)站設(shè)計-新品推薦欄目........錯誤!未定義書簽。

湖南財經(jīng)工業(yè)職業(yè)技術(shù)學(xué)院計算機應(yīng)用技術(shù)專業(yè)技能考核題庫

二、Web前端開發(fā)模塊

Web前端開發(fā)模塊要求學(xué)生能夠在規(guī)定的抽查時間內(nèi)通過實際操作完成測試

項目，測試學(xué)生以實際應(yīng)用需求為背景的項目，按照靜態(tài)網(wǎng)頁設(shè)計規(guī)范，使用相

關(guān)設(shè)計處理軟件，運用所提供的圖片素材、文字素材和音樂素材等完成靜態(tài)網(wǎng)頁

界面設(shè)計的相關(guān)技能。

L試題編號：J2-1資訊網(wǎng)站設(shè)計-游記欄目

【項目描述】

A網(wǎng)絡(luò)科技有限公司是一家專注于網(wǎng)站設(shè)計開發(fā)的專業(yè)型公司，在2019年

公司承擔了某資訊網(wǎng)站的設(shè)計和開發(fā)，公司在近兩年內(nèi)迅速發(fā)展，為了更方便地

為客戶提供最新資訊和提高服務(wù)質(zhì)量，公司高層決定制作一個網(wǎng)站。假若你是A

公司網(wǎng)頁設(shè)計開發(fā)工程師，現(xiàn)要求你根據(jù)所提供的素材和參考圖片，設(shè)計并開發(fā)

網(wǎng)站的主頁。

請完成游記欄目和相關(guān)任務(wù)要求，如圖J2.1.1所示。相關(guān)素材見光盤網(wǎng)頁

設(shè)計相關(guān)素材'試題J2T\。

圖J2.1.1網(wǎng)頁效果圖

(1)任務(wù)描述

任務(wù)1:設(shè)置導(dǎo)航條樣式

1）導(dǎo)航條位于網(wǎng)頁的頂部。

2）導(dǎo)航條與頁面同寬，高為lOOpx,外邊距均是10px,背景顏色為#D1EEEE。

3）導(dǎo)航條菜單項包括''首頁"、“百變自由行”、“親子旅行”、“戶外

旅行”、“高端旅行”、“定制旅行”、“景點介紹”共7個，均為超鏈接。

4）當鼠標懸停于菜單項的上時，文字顏色變成#FFFFFF,且背景顏色變成

ttOOOOFFo

任務(wù)2：請利用圖片素材，完成內(nèi)容顯示

1）圖片位于導(dǎo)航條的下方。

2）如果導(dǎo)航條下方的圖片無法顯示，顯示替代文本：“熱門圖片”。

3）文字“游記”為一級標題。

4）游記內(nèi)容前顯示圖片“>>”，外邊距均是20px,字體為“黑體”。

5）游記內(nèi)容下增加下邊框的樣式：虛線，線寬為Ipx。

作品提交要求：

1）在“e：\技能抽查提交資料\”文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

名規(guī)則：考生號+考生姓名，示例：01張三。

2）“01張三”文件夾內(nèi)保存代碼源文件及引用的相關(guān)素材文件，代碼源文

件以“姓名—題號.html”命名，最終將考生文件夾進行壓縮后提交。

（2）實施條件

表J2-1-1網(wǎng)頁設(shè)計模塊項目實施條件

項目基本實施條件備注

場地能同時容納30人以上現(xiàn)場考核

30臺以上的主流計算機用于程序設(shè)計，

安裝Windows7或更高版本每人一臺。

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

VisualStudioCodel.32.1或更高版本

開發(fā)工

具參考人員自選

工具SublimeText3或以上版本

一種開發(fā)工具

瀏覽器火狐瀏覽器、IE瀏覽器、谷歌瀏覽器等

現(xiàn)場測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

測評（2人/場）。測評專家滿足

專家結(jié)果測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以任一條件

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（2人/場）。

（3）考核時量

考核時長為120分鐘。

（4）評分細則

網(wǎng)頁設(shè)計模塊的考核實行100分制，評價內(nèi)容包括職業(yè)素養(yǎng)、工作任務(wù)完成

情況兩個方面。其中，工作任務(wù)完成質(zhì)量占該項目總分的90%,職業(yè)素養(yǎng)占該項

目總分的10沆具體評價標準見下表：

表J2-1-2網(wǎng)頁設(shè)計模塊考核評價標準

評價內(nèi)容配分評分標準備注

導(dǎo)航條位置是否符合要求5分

導(dǎo)航樣條樣式是否符合要求

導(dǎo)航條樣10分

45分

式導(dǎo)航條菜單項項設(shè)置是否符合要求15分

、考試舞弊、

鼠標懸停菜單項時設(shè)置是否符合要求15分1

工作抄襲、沒有按要

任務(wù)圖片顯示位置是否符合要求5分求填寫相關(guān)信

導(dǎo)航條下方的圖片無法顯示時設(shè)置是

5分息，本項目記0

內(nèi)容顯示否符合要求

45分分。

樣式標題設(shè)置是否符合要求5分2、嚴重違反考

游記內(nèi)容顯示是否符合要求15分場紀律、造成惡

下邊框樣式是否符合要求15分劣影響的本項

代碼符合網(wǎng)頁開發(fā)規(guī)范，命名規(guī)范，能目記0分。

專業(yè)素養(yǎng)5分做到見名知意；縮進統(tǒng)一，方便閱讀；5分

職業(yè)注釋規(guī)范。

素養(yǎng)

著裝干凈、整潔。舉止文明，遵守考場

道德規(guī)范分分

5紀律，按順序進出考場。5

總計100分

2.試題編號：J2-2資訊網(wǎng)站設(shè)計-熱門景點欄目

【項目描述】

A網(wǎng)絡(luò)科技有限公司是一家專注于網(wǎng)站設(shè)計開發(fā)的專業(yè)型公司，在2019年

公司承擔了某資訊網(wǎng)站的設(shè)計和開發(fā)，公司在近兩年內(nèi)迅速發(fā)展，為了更方便地

為客戶提供最新資訊和提高服務(wù)質(zhì)量，公司高層決定制作一個網(wǎng)站。假若你是A

公司網(wǎng)頁設(shè)計開發(fā)工程師，現(xiàn)要求你根據(jù)所提供的素材和參考圖片，設(shè)計并開發(fā)

網(wǎng)站的主頁。

請完成熱門景點欄目和相關(guān)任務(wù)要求，如圖J2.2.1所示。相關(guān)素材見光盤

網(wǎng)頁設(shè)計相關(guān)素材'試題J2-2\。

首頁百變自由行親子旅行戶外旅行昌端貨行定制棉行景點介紹

熱門景點

泰國馬爾代夫海南

日本法國ES島

圖J2.2.1網(wǎng)頁效果圖

（1）任務(wù)描述

任務(wù)1：設(shè)置導(dǎo)航條樣式

1）導(dǎo)航條位于網(wǎng)頁的頂部。

2）導(dǎo)航條與頁面同寬，高為100px,背景顏色為#6495ED。

3）導(dǎo)航條菜單項包括“首頁”、“百變自由行”、“親子旅行”、“戶外旅

行”、“高端旅行”、“定制旅行”、“景點介紹”共7個，均為超鏈接，菜單

項字體顏色為#F8F8FF。

4）當鼠標懸停于菜單項時，文字顏色變成#191970。

任務(wù)2：請利用圖片素材，完成內(nèi)容顯示樣式

1）文字“熱門景點”為一級標題。

2）“熱門景點”下的圖片以2行3列顯示，圖片要有適當?shù)拈g隔。

3）如果“熱門景點”下的圖片無法顯示，則顯示替代文本：“熱門圖片”。

4）景點圖片對應(yīng)的文字說明，如“泰國”，在對應(yīng)圖片的下方，居中顯示。

作品提交要求：

1）在“e：\技能抽查提交資料\”文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

名規(guī)則：考生號+考生姓名，示例：01張三。

2）“01張三”文件夾內(nèi)保存代碼源文件及引用的相關(guān)素材文件，代碼源文

件以“姓名一題號.html”命名，最終將考生文件夾進行壓縮后提交。

（2）實施條件

表J2-2-1網(wǎng)頁設(shè)計模塊項目實施條件

項目基本實施條件備注

場地能同時容納30人以上現(xiàn)場考核

30臺以上的主流計算機用于程序設(shè)計，

安裝Windows7或更高版本每人一臺。

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

VisualStudioCodel.32.1或更高版本

開發(fā)工

具參考人員自選

工具SublimeText3或以上版本

一種開發(fā)工具

瀏覽器火狐瀏覽器、IE瀏覽器、谷歌瀏覽器等

現(xiàn)場測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

測評（2人/場）。測評專家滿足

專家結(jié)果測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以任一條件

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（2人/場）。

（3）考核時量

考核時長為120分鐘。

（4）評分細則

網(wǎng)頁設(shè)計模塊的考核實行100分制，評價內(nèi)容包括職業(yè)素養(yǎng)、工作任務(wù)完成

情況兩個方面。其中，工作任務(wù)完成質(zhì)量占該項目總分的90%,職業(yè)素養(yǎng)占該項

目總分的10吼具體評價標準見下表：

表J2-2-2網(wǎng)頁設(shè)計模塊考核評價標準

評價內(nèi)容配分評分標準備注

導(dǎo)航條位置是否符合要求5分

1、考試舞弊、抄

導(dǎo)航條導(dǎo)航條樣式設(shè)置是否符合要求15分

45分襲、沒有按要求

樣式

導(dǎo)航條菜單項設(shè)置是否符合要求10分填寫相關(guān)信息，

工作當鼠標懸停于菜單項時顯示是否符合要求15分本項目記0分。

任務(wù)文字“熱門景點”設(shè)置是否符合要求5分2、嚴重違反考場

“熱門景點”下的圖片顯示是否符合要求25分紀律、造成惡劣

內(nèi)容顯

45分“熱門景點”下圖片無法顯示時設(shè)置是否符影響的本項目記

示樣式5分

合要求0分。

景點圖片對應(yīng)的文字說明顯示設(shè)置是否符10分

評價內(nèi)容配分評分標準備注

合要求

專業(yè)素代碼符合網(wǎng)頁開發(fā)規(guī)范，命名規(guī)范，能做到

5分5分

養(yǎng)見名知意；縮進統(tǒng)一，方便閱讀；注釋規(guī)范。

職業(yè)

素養(yǎng)道德規(guī)著裝干凈、整潔。舉止文明，遵守考場紀律，

5分5分

范按順序進出考場。

總計100分

3.試題編號：J2-3資訊網(wǎng)站設(shè)計-旅游景點欄目

【項目描述】

A網(wǎng)絡(luò)科技有限公司是一家專注于網(wǎng)站設(shè)計開發(fā)的專業(yè)型公司，在2019年

公司承擔了某資訊網(wǎng)站的設(shè)計和開發(fā)，公司在近兩年內(nèi)迅速發(fā)展，為了更方便地

為客戶提供最新資訊和提高服務(wù)質(zhì)量，公司高層決定制作一個網(wǎng)站。假若你是A

公司網(wǎng)頁設(shè)計開發(fā)工程師，現(xiàn)要求你根據(jù)所提供的素材和參考圖片，設(shè)計并開發(fā)

網(wǎng)站的主頁。

請完成旅游景點欄目和相關(guān)任務(wù)要求，如圖J2.3.1所示。相關(guān)素材見光盤

網(wǎng)頁設(shè)計相關(guān)素材'試題J2-3\。

首頁百變自由行親子旅行戶外旅行高端旅行定制旅行鎰點介紹

坎堤尼博物館附近的旅游景點

圖J2.3.1網(wǎng)頁效果圖

（1）任務(wù)描述

任務(wù)1：設(shè)置導(dǎo)航條樣式

1）導(dǎo)航條位于網(wǎng)頁的頂部。

2）導(dǎo)航條與頁面同寬，高為100px,背景顏色為#4876FF。

3）菜單項包括“首頁”、“百變自由行”、“親子旅行”、“戶外旅行”、

“高端旅行”、“定制旅行”、“景點介紹”共7個，均為超鏈接。

4）當鼠標懸停于菜單項時，文字顏色變成#OOOOCD。

任務(wù)2：請利用圖片素材，完成內(nèi)容顯示樣式

1）文字“坎斐尼博物館附近的旅游景點”為二級標題。

2）圖片位于1）中二級標題的下方，一行顯示五張圖片，中間有適當間隔。

3）如果二級標題下面的圖片無法顯示，則顯示替代文本：“熱門圖片”。

4）對應(yīng)的文字說明，如“巴農(nóng)”，顯示在對應(yīng)圖片的正下方，居中顯示，且

均為超鏈接。

作品提交要求：

1）在“e：\技能抽查提交資料\”文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

名規(guī)則：考生號+考生姓名，示例：01張三。

2）“01張三”文件夾內(nèi)保存代碼源文件及引用的相關(guān)素材文件，代碼源文

件以“姓名—題號.html”命名，最終將考生文件夾進行壓縮后提交。

（2）實施條件

表J2-3-1網(wǎng)頁設(shè)計模塊項目實施條件

項目基本實施條件備注

場地能同時容納30人以上現(xiàn)場考核

30臺以上的主流計算機用于程序設(shè)計，

安裝Windows7或更高版本每人一臺。

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

開發(fā)工VisualStudioCodel.32.1或更高版本

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

瀏覽器火狐瀏覽器、IE瀏覽器、谷歌瀏覽器等

現(xiàn)場測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

測評（2人/場）。測評專家滿足

專家結(jié)果測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以任一條件

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（2人/場）。

（3）考核時量

考核時長為120分鐘。

（4）評分細則

網(wǎng)頁設(shè)計模塊的考核實行100分制，評價內(nèi)容包括職業(yè)素養(yǎng)、工作任務(wù)完成

情況兩個方面。其中，工作任務(wù)完成質(zhì)量占該項目總分的90%,職業(yè)素養(yǎng)占該項

目總分的10虬具體評價標準見下表：

表J2-3-2網(wǎng)頁設(shè)計模塊考核評價標準

評價內(nèi)容配分評分標準備注

導(dǎo)航條位置是否符合要求5分

導(dǎo)航條導(dǎo)航條樣式是否符合要求10分

40分

樣式菜單項內(nèi)容設(shè)置是否符合要求15分

1、考試舞弊、抄

工作鼠標懸停菜單項時功能設(shè)置是否符合要求10分

襲、沒有按要求

任務(wù)二級標題設(shè)置是否符合要求5分

填寫相關(guān)信息，

內(nèi)容顯圖片顯示是否符合要求20分

50分本項目記。分。

示樣式圖片無法顯示時設(shè)置是否符合要求10分

2、嚴重違反考場

文字說明顯示是否符合要求15分

紀律、造成惡劣

代碼符合網(wǎng)頁開發(fā)規(guī)范，命名規(guī)范，能做

專業(yè)素影響的本項目記

5分到見名知意；縮進統(tǒng)一，方便閱讀；注釋5分

養(yǎng)0分。

職業(yè)規(guī)范。

素泰

道德規(guī)著裝干凈、整潔。舉止文明，遵守考場紀

5分5分

范律，按順序進出考場。

總計100分

4.試題編號：J2-4資訊網(wǎng)站設(shè)計-景點目的地欄目

【項目描述】

A網(wǎng)絡(luò)科技有限公司是一家專注于網(wǎng)站設(shè)計開發(fā)的專業(yè)型公司，在2020年

公司承擔了某資訊網(wǎng)站的設(shè)計和開發(fā)，公司在近兩年內(nèi)迅速發(fā)展，為了更方便地

為客戶提供最新資訊和提高服務(wù)質(zhì)量，公司高層決定制作一個網(wǎng)站。假若你是A

公司網(wǎng)頁設(shè)計開發(fā)工程師，現(xiàn)要求你根據(jù)所提供的素材和參考圖片，設(shè)計并開發(fā)

網(wǎng)站的主頁。

請完成景點目的地欄目和相關(guān)任務(wù)要求，如圖J2.4.1所示。相關(guān)素材見光

盤網(wǎng)頁設(shè)計相關(guān)素材'試題J2-4\。

出境照團游國內(nèi)州團游審內(nèi)周邊源自由行簽證RSftfD

景點目的地海島旅游

G出境游

歐洲新馬泰巴原島

y國內(nèi)游

云南西越海南

f港島游

馬爾代夫大溟地普吉島巴展電

0簽證

速理英國莢國震大利受

d游輪旅游

皇家加勒比依謗達日琳游輪

信周邊於

北笈河野三坡員山

圖J2.4.1網(wǎng)頁效果圖

（1）任務(wù)描述

任務(wù)1:設(shè)置導(dǎo)航條樣式

1）導(dǎo)航條位于網(wǎng)頁的頂部。

2）導(dǎo)航條與瀏覽器同寬，高為100px,上下邊距均是10px,背景顏色為

#D3D3D3o

3）導(dǎo)航條菜單項包括“首頁”、"出境跟團游”、“國內(nèi)跟團游”、“省內(nèi)

周邊游”、“自由行”、“簽證”、“聯(lián)系我們”共7個，均為超鏈接。

4）當鼠標懸停于菜單項時，文字變成#FFOOOO且文字傾斜。

任務(wù)2：請利用圖片素材，完成內(nèi)容左側(cè)顯示

1）文字“景點目的地”為三級標題。

2）每一項內(nèi)容分2行顯示，如''出境游"，第一行：標題前有圖片，圖片和

文字之間有適當間隔，第二行，不同文字內(nèi)容之間用空格分開。

3）每一項內(nèi)容下增加虛線下邊框，線寬為Ipx。

4）如果每一項內(nèi)容標題前的圖片無法顯示，顯示替代文本：“熱門圖片”。

5）每一項的內(nèi)容文字大小為16px,字體：“黑體”。

任務(wù)3：請利用圖片素材，完成內(nèi)容右側(cè)顯示

1）文字“海島旅游”為二級標題。

2）“海島旅游”下的圖片以2行3列顯示，圖片要有適當?shù)拈g隔。

3）如果“海島旅游”下的圖片無法顯示，則顯示替代文本：“熱門圖片”。

4）景點圖片對應(yīng)的文字說明，如“大溪地”，在對應(yīng)圖片的下方，居中顯示。

作品提交要求：

1）在“e：\技能抽查提交資料\”文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

名規(guī)則：考生號+考生姓名，示例：01張三。

2）“01張三”文件夾內(nèi)保存代碼源文件及引用的相關(guān)素材文件，代碼源文

件以“姓名—題號.html”命名，最終將考生文件夾進行壓縮后提交。

（2）實施條件

表J2-4-1網(wǎng)頁設(shè)計模塊項目實施條件

項目基本實施條件備注

場地能同時容納30人以上現(xiàn)場考核

30臺以上的主流計算機用于程序設(shè)計，

安裝Windows7或更高版本每人一臺。

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

開發(fā)工VisualStudioCodel.32.1或更高版本

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

瀏覽器火狐瀏覽器、IE瀏覽器、谷歌瀏覽器等

現(xiàn)場測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（人/場）。

測評2測評專家滿足

專家結(jié)果測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以任一條件

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（2人/場）。

（3）考核時量

考核時長為120分鐘。

（4）評分細則

網(wǎng)頁設(shè)計模塊的考核實行100分制，評價內(nèi)容包括職業(yè)素養(yǎng)、工作任務(wù)完成

情況兩個方面。其中，工作任務(wù)完成質(zhì)量占該項目總分的90%,職業(yè)素養(yǎng)占該項

目總分的1096。具體評價標準見下表：

表J2-4-2網(wǎng)頁設(shè)計模塊考核評價標準

評價內(nèi)容配分評分標準備注

導(dǎo)航條位置設(shè)置是否符合要求分

51、考試舞弊、抄

導(dǎo)航條導(dǎo)航條樣式設(shè)置是否符合要求5分襲、沒有按要求

20分

工作樣式導(dǎo)航條內(nèi)容設(shè)置是否符合要求5分填寫相關(guān)信息，

任務(wù)當鼠標懸停于菜單項時設(shè)置是否符合要求5分本項目記0分。

2、嚴重違反考場

左側(cè)內(nèi)三級標題設(shè)置是否符合要求5分

35分紀律、造成惡劣

容顯示每一項內(nèi)容顯示是否符合要求10分

評價內(nèi)容配分評分標準備注

樣式虛線邊框樣式是否符合要求5分影響的本項目記

每一項內(nèi)容標題前的圖片無法顯示時設(shè)置0分。

10分

是否符合要求

每一項的內(nèi)容顯示是否符合要求5分

文字“海島旅游”設(shè)置是否符合要求10分

“海島旅游”下的圖片顯示是否符合要求10分

右側(cè)內(nèi)

“海島旅游”下圖片無法顯示時設(shè)置是否

容顯示35分5分

符合要求

樣式

景點圖片對應(yīng)的文字說明顯示設(shè)置是否符

10分

合要求

代碼符合網(wǎng)頁開發(fā)規(guī)范，命名規(guī)范，能做

專業(yè)素

5分到見名知意；縮進統(tǒng)一，方便閱讀；注釋5分

養(yǎng)

職業(yè)規(guī)范。

素養(yǎng)

道德規(guī)著裝干凈、整潔。舉止文明，遵守考場紀

5分5分

范律，按順序進出考場。

總計100分

5.試題編號：J2-5資訊網(wǎng)站設(shè)計-主題旅游欄目

【項目描述】

A網(wǎng)絡(luò)科技有限公司是一家專注于網(wǎng)站設(shè)計開發(fā)的專業(yè)型公司，在2019年

公司承擔了某資訊網(wǎng)站的設(shè)計和開發(fā)，公司在近兩年內(nèi)迅速發(fā)展，為了更方便地

為客戶提供最新資訊和提高服務(wù)質(zhì)量，公司高層決定制作一個網(wǎng)站。假若你是A

公司網(wǎng)頁設(shè)計開發(fā)工程師，現(xiàn)要求你根據(jù)所提供的素材和參考圖片，設(shè)計并開發(fā)

網(wǎng)站的主頁。

請完成主題旅游欄目和相關(guān)任務(wù)要求，如圖J2.5.1所示。相關(guān)素材見光盤

網(wǎng)頁設(shè)計相關(guān)素材'試題J2-5\。

首頁出繾游國內(nèi)游審內(nèi)游自由行折價匯公司新■百"問*UJI承退關(guān)于IHT

史題旅游

3月底

圖J2.5.1網(wǎng)頁效果圖

（1）任務(wù)描述

任務(wù)1：設(shè)置導(dǎo)航條樣式

1）導(dǎo)航條位于網(wǎng)頁的頂部。

2）導(dǎo)航條與瀏覽器同寬，高為100px,背景顏色為#FF1493。

3）導(dǎo)航條中的菜單項分兩部分，第一部分，包括“首頁”、“出境游”、“國

內(nèi)游"、"省內(nèi)游”、“自由行”、“特價匯”共6個，均靠導(dǎo)航條左側(cè)顯示;

第二部分，包括“公司新聞”、“百科問答”、“服務(wù)承諾”、“關(guān)于我們”共

4個菜單項，均靠導(dǎo)航條右側(cè)顯示，其中：第一部分文字比第二部分文字大，且

均為超鏈接。

4）當鼠標懸停于菜單項的時，文字變成#FFOOOO加粗且增加下劃線。

任務(wù)2：請利用圖片素材，完成內(nèi)容顯示

1）文字“主題旅游”為二級標題。

2）每一項內(nèi)容分2行顯示，第一行：圖片，第二行：說明文字，圖片和文字

上下有適當間隔。

3）如果每一項內(nèi)容中的圖片無法顯示，則顯示替代文本：“熱門圖片”。

4）請創(chuàng)建另一個頁面，命名為：，頁面中顯示的內(nèi)容：“祝賀您！您已到達

因特網(wǎng)的新頁面。祝您網(wǎng)上沖浪愉快！”。

5）通過點擊每一項的圖片，均能打新頁面。

作品提交要求：

1）在“e：\技能抽查提交資料\”文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

名規(guī)則：考生號+考生姓名，示例：01張三。

2）“01張三”文件夾內(nèi)保存代碼源文件及引用的相關(guān)素材文件，代碼源文

件以“姓名一題號.html”命名，最終將考生文件夾進行壓縮后提交。

（2）實施條件

表J2-5-1網(wǎng)頁設(shè)計模塊項目實施條件

項目基本實施條件備注

場地能同時容納30人以上現(xiàn)場考核

30臺以上的主流計算機用于程序設(shè)計，

安裝Windows7或更高版本每人一臺。

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

開發(fā)工VisualStudioCodel.32.1或更高版本

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

瀏覽器火狐瀏覽器、IE瀏覽器、谷歌瀏覽器等

現(xiàn)場測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

測評（2人/場）。測評專家滿足

專家結(jié)果測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以任一條件

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（2人/場）。

（3）考核時量

考核時長為120分鐘。

（4）評分細則

網(wǎng)頁設(shè)計模塊的考核實行100分制，評價內(nèi)容包括職業(yè)素養(yǎng)、工作任務(wù)完成

情況兩個方面。其中，工作任務(wù)完成質(zhì)量占該項目總分的90%,職業(yè)素養(yǎng)占該項

目總分的10虬具體評價標準見下表：

表J2-5-2網(wǎng)頁設(shè)計模塊考核評價標準

評價內(nèi)容配分評分標準備注

導(dǎo)航條位置是否符合要求5分

導(dǎo)航樣式是否符合要求10分

1、考試舞弊、

導(dǎo)航條樣式45分

菜單項設(shè)置是否符合要求20分抄襲、沒有按要

當鼠標懸停菜單項時設(shè)置是求填寫相關(guān)信

10分

否符合要求息、，本項目記0

工作任務(wù)二級標題設(shè)置是否符合要求5分分。

每一項內(nèi)容顯示是否符合要2、嚴重違反考

15分

求場紀律、造成惡

內(nèi)容顯示樣

45分每一項中的圖片無法顯示時5分劣影響的本項

式

設(shè)置是否符合要求目記。分。

新頁面創(chuàng)建和顯示是否符合10分

要求

點擊圖片跳轉(zhuǎn)到新頁面功能10分

是否符合要求

代碼符合網(wǎng)頁開發(fā)規(guī)范，命

名規(guī)范，能做到見名知意；

專業(yè)素養(yǎng)5分5分

縮進統(tǒng)一，方便閱讀；注釋

職業(yè)素養(yǎng)規(guī)范。

著裝干凈、整潔。舉止文明，

道德規(guī)范5分遵守考場紀律，按順序進出5分

考場。

總計100分

6.試題編號：J2-6資訊網(wǎng)站設(shè)計-出境旅行欄目

【項目描述】

A網(wǎng)絡(luò)科技有限公司是一家專注于網(wǎng)站設(shè)計開發(fā)的專業(yè)型公司，在2019年

公司承擔了某資訊網(wǎng)站的設(shè)計和開發(fā)，公司在近兩年內(nèi)迅速發(fā)展，為了更方便地

為客戶提供最新資訊和提高服務(wù)質(zhì)量，公司高層決定制作一個網(wǎng)站。假若你是A

公司網(wǎng)頁設(shè)計開發(fā)工程師，現(xiàn)要求你根據(jù)所提供的素材和參考圖片，設(shè)計并開發(fā)

網(wǎng)站的主頁。

請完成出境旅游欄目和相關(guān)任務(wù)要求，如圖J2.6.1所示。相關(guān)素材見光盤

網(wǎng)頁設(shè)計相關(guān)素材'試題J2-6\。

首頁百變自由行親子旅行戶外旅行鬲端旅行定制旅行景點介紹

___

________

出境旅游

海忠馬爾代夫涓洲

日期注歐洲南芟

美洲南北板傘洲中東

圖J2.6.1網(wǎng)頁效果圖

（1）任務(wù)描述

任務(wù)1:設(shè)置導(dǎo)航條樣式

1）導(dǎo)航條位于網(wǎng)頁的頂部。

2）導(dǎo)航條與瀏覽器同寬，高為100px,背景顏色為#B766AD。

3）導(dǎo)航條的菜單項包括“首頁”、“百變自由行”、“親子旅行”、“戶外

旅行”、“高端旅行”、“定制旅行”、“景點介紹”共7個，均為超鏈接。

4）當鼠標懸停于菜單項的時，文字顏色變成#FFFAFA,同時增加下劃線。

任務(wù)2：請利用圖片素材，完成內(nèi)容顯示

1）如果導(dǎo)航條下方的圖片無法顯示，則顯示替代文本：“熱門圖片”。

2）文字“出境旅游”為一級標題。

3）“出境旅游”的主體內(nèi)容由3行3列的表格顯示，單元格背景色為#B766AD,

每項內(nèi)容均為超鏈接。

4）表格中的文字大小為18px,字體為“黑體”，居中顯示。

5）當鼠標懸停于單元格內(nèi)容上時，單元格背景色變成#FFFAFO,單元格文字

內(nèi)容傾斜。

作品提交要求：

1）在“e：\技能抽查提交資料\”文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

名規(guī)則：考生號+考生姓名，示例：01張三。

2）“01張三”文件夾內(nèi)保存代碼源文件及引用的相關(guān)素材文件，代碼源文

件以“姓名一題號.html”命名，最終將考生文件夾進行壓縮后提交。

（2）實施條件

表J2-6-1網(wǎng)頁設(shè)計模塊項目實施條件

項目基本實施條件備注

場地能同時容納30人以上現(xiàn)場考核

30臺以上的主流計算機用于程序設(shè)計，

安裝Windows7或更高版本每人一臺。

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

開發(fā)工VisualStudioCodel.32.1或更高版本

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

瀏覽器火狐瀏覽器、IE瀏覽器、谷歌瀏覽器等

現(xiàn)場測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

測評（2人/場）。測評專家滿足

專家結(jié)果測評專家：在本行業(yè)具有3年以上的從業(yè)經(jīng)驗（工程師及以任一條件

上職稱）或從事本專業(yè)具有5年以上的教學(xué)經(jīng)驗（副高及以上職

稱），或具有軟件設(shè)計師、系統(tǒng)分析師、數(shù)據(jù)庫設(shè)計師資格證書

（2人/場）。

（3）考核時量

考核時長為120分鐘。

（4）評分細則

網(wǎng)頁設(shè)計模塊的考核實行100分制，評價內(nèi)容包括職業(yè)素養(yǎng)、工作任務(wù)完成

情況兩個方面。其中，工作任務(wù)完成質(zhì)量占該項目總分的90%,職業(yè)素養(yǎng)占該項

目總分的10虬具體評價標準見下表：

表J2-6-2網(wǎng)頁設(shè)計模塊考核評價標準

評價內(nèi)容配分評分標準備注

導(dǎo)航條位置是否符合要求5分

導(dǎo)航條樣導(dǎo)航條