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

HUNANFINANCIAL&INDUSTRIALVOCATIONAL-TECHNICALCOLLEGE

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

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

2019年8月

目錄

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【項(xiàng)目描述】

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

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

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

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

網(wǎng)站的主頁。

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

設(shè)計(jì)相關(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)航條菜單項(xiàng)包括''首頁"、“百變自由行”、“親子旅行”、“戶外

旅行”、“高端旅行”、“定制旅行”、“景點(diǎn)介紹”共7個(gè)，均為超鏈接。

4）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)的上時(shí)，文字顏色變成#FFFFFF,且背景顏色變成

ttOOOOFFo

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

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

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

3）文字“游記”為一級標(biāo)題。

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

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

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

項(xiàng)目基本實(shí)施條件備注

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

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

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

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

VisualStudioCodel.32.1或更高版本

開發(fā)工

具參考人員自選

工具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

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

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

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

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

（2人/場）。

（3）考核時(shí)量

考核時(shí)長為120分鐘。

（4）評分細(xì)則

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

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

目總分的10沆具體評價(jià)標(biāo)準(zhǔn)見下表：

表J2-1-2網(wǎng)頁設(shè)計(jì)模塊考核評價(jià)標(biāo)準(zhǔn)

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

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

導(dǎo)航條樣10分

45分

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

、考試舞弊、

鼠標(biāo)懸停菜單項(xiàng)時(shí)設(shè)置是否符合要求15分1

工作抄襲、沒有按要

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

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

5分息，本項(xiàng)目記0

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

45分分。

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

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

下邊框樣式是否符合要求15分劣影響的本項(xiàng)

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

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

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

素養(yǎng)

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

道德規(guī)范分分

5紀(jì)律，按順序進(jìn)出考場。5

總計(jì)100分

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

【項(xiàng)目描述】

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

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

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

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

網(wǎng)站的主頁。

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

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

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

熱門景點(diǎn)

泰國馬爾代夫海南

日本法國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)航條菜單項(xiàng)包括“首頁”、“百變自由行”、“親子旅行”、“戶外旅

行”、“高端旅行”、“定制旅行”、“景點(diǎn)介紹”共7個(gè)，均為超鏈接，菜單

項(xiàng)字體顏色為#F8F8FF。

4）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)時(shí)，文字顏色變成#191970。

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

1）文字“熱門景點(diǎn)”為一級標(biāo)題。

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

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

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

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

項(xiàng)目基本實(shí)施條件備注

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

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

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

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

VisualStudioCodel.32.1或更高版本

開發(fā)工

具參考人員自選

工具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

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

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

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

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

（2人/場）。

（3）考核時(shí)量

考核時(shí)長為120分鐘。

（4）評分細(xì)則

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

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

目總分的10吼具體評價(jià)標(biāo)準(zhǔn)見下表：

表J2-2-2網(wǎng)頁設(shè)計(jì)模塊考核評價(jià)標(biāo)準(zhǔn)

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

1、考試舞弊、抄

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

45分襲、沒有按要求

樣式

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

工作當(dāng)鼠標(biāo)懸停于菜單項(xiàng)時(shí)顯示是否符合要求15分本項(xiàng)目記0分。

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

“熱門景點(diǎn)”下的圖片顯示是否符合要求25分紀(jì)律、造成惡劣

內(nèi)容顯

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

示樣式5分

合要求0分。

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

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

合要求

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

5分5分

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

職業(yè)

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

5分5分

范按順序進(jìn)出考場。

總計(jì)100分

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

【項(xiàng)目描述】

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

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

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

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

網(wǎng)站的主頁。

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

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

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

坎堤尼博物館附近的旅游景點(diǎn)

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

（1）任務(wù)描述

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

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

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

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

“高端旅行”、“定制旅行”、“景點(diǎn)介紹”共7個(gè)，均為超鏈接。

4）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)時(shí)，文字顏色變成#OOOOCD。

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

1）文字“坎斐尼博物館附近的旅游景點(diǎn)”為二級標(biāo)題。

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

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

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

均為超鏈接。

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

項(xiàng)目基本實(shí)施條件備注

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

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

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

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

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

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

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

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

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

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

（2人/場）。

（3）考核時(shí)量

考核時(shí)長為120分鐘。

（4）評分細(xì)則

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

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

目總分的10虬具體評價(jià)標(biāo)準(zhǔn)見下表：

表J2-3-2網(wǎng)頁設(shè)計(jì)模塊考核評價(jià)標(biāo)準(zhǔn)

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

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

40分

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

1、考試舞弊、抄

工作鼠標(biāo)懸停菜單項(xiàng)時(shí)功能設(shè)置是否符合要求10分

襲、沒有按要求

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

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

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

50分本項(xiàng)目記。分。

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

2、嚴(yán)重違反考場

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

紀(jì)律、造成惡劣

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

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

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

養(yǎng)0分。

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

素泰

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

5分5分

范律，按順序進(jìn)出考場。

總計(jì)100分

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

【項(xiàng)目描述】

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

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

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

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

網(wǎng)站的主頁。

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

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

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

景點(diǎn)目的地海島旅游

G出境游

歐洲新馬泰巴原島

y國內(nèi)游

云南西越海南

f港島游

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

0簽證

速理英國莢國震大利受

d游輪旅游

皇家加勒比依謗達(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)航條菜單項(xiàng)包括“首頁”、"出境跟團(tuán)游”、“國內(nèi)跟團(tuán)游”、“省內(nèi)

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

4）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)時(shí)，文字變成#FFOOOO且文字傾斜。

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

1）文字“景點(diǎn)目的地”為三級標(biāo)題。

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

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

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

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

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

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

1）文字“海島旅游”為二級標(biāo)題。

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

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

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

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

項(xiàng)目基本實(shí)施條件備注

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

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

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

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

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

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

（人/場）。

測評2測評專家滿足

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

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

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

（2人/場）。

（3）考核時(shí)量

考核時(shí)長為120分鐘。

（4）評分細(xì)則

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

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

目總分的1096。具體評價(jià)標(biāo)準(zhǔn)見下表：

表J2-4-2網(wǎng)頁設(shè)計(jì)模塊考核評價(jià)標(biāo)準(zhǔn)

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

51、考試舞弊、抄

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

20分

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

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

2、嚴(yán)重違反考場

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

35分紀(jì)律、造成惡劣

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

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

每一項(xiàng)內(nèi)容標(biāo)題前的圖片無法顯示時(shí)設(shè)置0分。

10分

是否符合要求

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

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

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

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

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

容顯示35分5分

符合要求

樣式

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

10分

合要求

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

專業(yè)素

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

養(yǎng)

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

素養(yǎng)

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

5分5分

范律，按順序進(jìn)出考場。

總計(jì)100分

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

【項(xiàng)目描述】

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

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

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

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

網(wǎng)站的主頁。

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

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

首頁出繾游國內(nèi)游審內(nèi)游自由行折價(jià)匯公司新■百"問*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)航條中的菜單項(xiàng)分兩部分，第一部分，包括“首頁”、“出境游”、“國

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

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

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

均為超鏈接。

4）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)的時(shí)，文字變成#FFOOOO加粗且增加下劃線。

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

1）文字“主題旅游”為二級標(biāo)題。

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

上下有適當(dāng)間隔。

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

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

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

5）通過點(diǎn)擊每一項(xiàng)的圖片，均能打新頁面。

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

項(xiàng)目基本實(shí)施條件備注

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

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

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

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

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

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

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

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

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

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

（2人/場）。

（3）考核時(shí)量

考核時(shí)長為120分鐘。

（4）評分細(xì)則

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

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

目總分的10虬具體評價(jià)標(biāo)準(zhǔn)見下表：

表J2-5-2網(wǎng)頁設(shè)計(jì)模塊考核評價(jià)標(biāo)準(zhǔn)

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

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

1、考試舞弊、

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

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

當(dāng)鼠標(biāo)懸停菜單項(xiàng)時(shí)設(shè)置是求填寫相關(guān)信

10分

否符合要求息、，本項(xiàng)目記0

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

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

15分

求場紀(jì)律、造成惡

內(nèi)容顯示樣

45分每一項(xiàng)中的圖片無法顯示時(shí)5分劣影響的本項(xiàng)

式

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

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

要求

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

是否符合要求

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

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

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

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

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

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

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

考場。

總計(jì)100分

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

【項(xiàng)目描述】

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

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

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

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

網(wǎng)站的主頁。

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

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

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

___

________

出境旅游

海忠馬爾代夫涓洲

日期注歐洲南芟

美洲南北板傘洲中東

圖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)航條的菜單項(xiàng)包括“首頁”、“百變自由行”、“親子旅行”、“戶外

旅行”、“高端旅行”、“定制旅行”、“景點(diǎn)介紹”共7個(gè)，均為超鏈接。

4）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)的時(shí)，文字顏色變成#FFFAFA,同時(shí)增加下劃線。

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

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

2）文字“出境旅游”為一級標(biāo)題。

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

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

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

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

內(nèi)容傾斜。

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

項(xiàng)目基本實(shí)施條件備注

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

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

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

設(shè)備

用于保存測試

FTP服務(wù)器1臺

人員考試結(jié)果

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

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

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

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

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

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

（2人/場）。

（3）考核時(shí)量

考核時(shí)長為120分鐘。

（4）評分細(xì)則

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

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

目總分的10虬具體評價(jià)標(biāo)準(zhǔn)見下表：

表J2-6-2網(wǎng)頁設(shè)計(jì)模塊考核評價(jià)標(biāo)準(zhǔn)

評價(jià)內(nèi)容配分評分標(biāo)準(zhǔn)備注

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

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