商幻彭媚/考加孝乂循名優(yōu)

HUNANFINANCIAL&INDUSTRIALVOCATIONAL-TECHNICALCOLLEGE

湖南財(cái)經(jīng)工業(yè)職業(yè)技術(shù)學(xué)院

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

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

2021年8月

目錄

湖南財(cái)經(jīng)工業(yè)職業(yè)技術(shù)學(xué)院云計(jì)算技術(shù)與應(yīng)用專業(yè)技能考核題庫....錯(cuò)誤!未定義書簽。

模塊一、專業(yè)基本技能模塊...................................錯(cuò)誤!未定義書簽。

1.試題編號(hào)：J1-1旅行社網(wǎng)站設(shè)計(jì)-布局設(shè)計(jì).............錯(cuò)誤!未定義書簽。

2.試題編號(hào)：J1-2旅游社網(wǎng)站設(shè)計(jì)?登錄頁面.............錯(cuò)誤!未定義書簽。

3.試題編號(hào)：J1-3旅游社網(wǎng)站設(shè)計(jì)-注冊(cè)頁面.............錯(cuò)誤!未定義書簽。

4.試題編號(hào)：J1-4旅行社網(wǎng)站設(shè)計(jì)?產(chǎn)品介紹.............錯(cuò)誤!未定義書簽。

5.試題編號(hào)：J1-5旅行社網(wǎng)站設(shè)計(jì)-布局設(shè)計(jì).............錯(cuò)誤!未定義書簽。

6.試題編號(hào)：J1-6旅行社網(wǎng)站設(shè)計(jì)-表單設(shè)計(jì).............錯(cuò)誤!未定義書簽。

7.試題編號(hào)：J1-7旅游社網(wǎng)站設(shè)計(jì)-新品推薦欄目.........錯(cuò)誤!未定義書簽。

8.試題編號(hào)：J1-8旅行社網(wǎng)站設(shè)計(jì)-新聞欄目.............錯(cuò)誤!未定義書簽。

9.試題編號(hào)：J1-9旅行社網(wǎng)站設(shè)計(jì)?導(dǎo)航條................錯(cuò)誤!未定義書簽。

10.試題編號(hào)：J1-10購物網(wǎng)站設(shè)計(jì)-布局設(shè)計(jì)...............錯(cuò)誤!未定義書簽。

11.試題編號(hào)：J1-11購物網(wǎng)站設(shè)計(jì)?登錄頁面..............錯(cuò)誤!未定義書簽。

12.試題編號(hào)：J1-12購物網(wǎng)站設(shè)計(jì)-登錄頁面...............錯(cuò)誤!未定義書簽。

13.試題編號(hào)：J1-13購物網(wǎng)站設(shè)計(jì)-注冊(cè)頁面...............錯(cuò)誤!未定義書簽。

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

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

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

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

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

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

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

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

模塊一、專業(yè)基本技能模塊

網(wǎng)頁設(shè)計(jì)模塊要求學(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)技能。

1.試題編號(hào)：J1-1旅行社網(wǎng)站設(shè)計(jì)-布局設(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)站的頁面。

請(qǐng)完成頁面布局和相關(guān)任務(wù)，如圖J1.1.1所示。相關(guān)素材見光盤網(wǎng)頁設(shè)計(jì)

相關(guān)素材'試題J1T\。

■員城第貨訊機(jī)事口螞風(fēng)?政n公司M介百度一下

關(guān)刊?】I法4?明?■用切用⑷sas??

CoMght2019端社笥帔所離電m：0104蝌乂累KPI400g號(hào)

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

（1）任務(wù)描述

任務(wù)1:請(qǐng)按要求完成頁面布局設(shè)計(jì)

1）頁面設(shè)計(jì)包括文檔頭，文檔體和文檔底部，布局合理。

任務(wù)2：請(qǐng)利用圖片素材，按要求完成文檔頭內(nèi)容設(shè)計(jì)

1）文檔頭位于頁面上部，包括公司名稱圖片和導(dǎo)航條，圖片在左側(cè)顯示，導(dǎo)

航條在右側(cè)顯示。

2）當(dāng)左上角圖像無法顯示時(shí)，則顯示替代文本：“熱門圖片二

3）導(dǎo)航條背景顏色為#000000,文字項(xiàng)在文檔頭右端顯示，包括“首頁”、“旅

游資訊”、“機(jī)票訂購”、“風(fēng)景欣賞”、“公司簡介”、“百度一下”共6個(gè)，均為超

鏈接。

4）當(dāng)點(diǎn)擊“百度一下”，鏈接百度站點(diǎn)，網(wǎng)址：

5）文字大小為15px,文字對(duì)齊方式：居中對(duì)齊，文字顏色為#FFFFFF,字體

為黑體。

6）當(dāng)鼠標(biāo)懸停于列表項(xiàng)的文字上時(shí)，文字背景色變?yōu)榧?0）0）。

任務(wù)3：請(qǐng)按要求完成文檔體內(nèi)容設(shè)計(jì)

1）文檔體包括文本輸入框和搜索按鈕，輸入嘔內(nèi)有提示文字“請(qǐng)輸入”，兩

者均在頁面右側(cè)且同行顯示。

任務(wù)4：請(qǐng)按要求完成文檔底部內(nèi)容顯示

1）底部內(nèi)容水平居中，分2行顯示，行高為2em,字體大小為14px。

作品提交要求：

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

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

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

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

（2）實(shí)施條件

進(jìn)行個(gè)人計(jì)算機(jī)安全項(xiàng)目所需的硬軟件設(shè)備見表Jl-1-屋

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

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

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

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

安裝Windows7或更高版本每人一臺(tái)。

設(shè)備

用于保存測試

FTP服務(wù)器1臺(tái)

人員考試結(jié)果

開發(fā)工HBuildcr7或更高版本

參考人員自選

工具具SublimeText3或以上扳本

一種開發(fā)工具

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

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

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

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

測評(píng)（2人/場）。測評(píng)專家滿足

專家結(jié)果測評(píng)專家：在本行業(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í)長為180分鐘。

（4）評(píng)分細(xì)則

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

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

目總分的10機(jī)具體評(píng)價(jià)標(biāo)準(zhǔn)見下表：

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

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

頁面布局設(shè)計(jì)15分頁面布局設(shè)計(jì)是否符合要求15分

文檔頭顯示是否符合要求5分

左上角圖片無法顯示時(shí)設(shè)置是否符合

分

要求5

1、考試舞弊、

導(dǎo)航條背景色、文字項(xiàng)是否符合要求10分抄襲、沒有按

工作文檔頭內(nèi)容55分

要求填寫相

任務(wù)超鏈接功能設(shè)置是否符合要求15分

關(guān)信息，本項(xiàng)

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

10分目記0分。

鼠標(biāo)懸停文字項(xiàng)時(shí)樣式是否符合要求10分2、嚴(yán)重違反

考場紀(jì)律、造

文檔體內(nèi)容1。分輸入框和按鈕顯示是否符合要求10分

成惡劣影響

文檔底部內(nèi)容1。分內(nèi)容顯示位置、樣式是否符合要求10分的本項(xiàng)目記（）

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

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

職業(yè)

讀：注釋規(guī)范。

素養(yǎng)

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

道德規(guī)范5分5分

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

總計(jì)100分

2.試題編號(hào)：J-2旅游社網(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)站的頁面。

請(qǐng)完成登錄頁面和相關(guān)任務(wù)，如圖JL2.1所示。相關(guān)素材見光盤網(wǎng)頁設(shè)計(jì)

相關(guān)素材'試題Jl-2\。

圖JL2.1網(wǎng)頁效果圖

⑴任務(wù)描述

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

1）二維碼圖片在頁面左部顯示，圖片上部和二部都有相關(guān)文字，其中“手機(jī)

app”為超鏈接。

2）如果無法顯示二維碼圖片，則顯示替代文本：“二維碼圖片”。

任務(wù)2：完成登錄框的設(shè)計(jì)

1）標(biāo)題“會(huì)員登錄”位于登錄框的上部，居中顯示。

2）標(biāo)題字體大小：16px,背景色位#￡字體5。

3）提示信息“用戶名”和“密碼”及對(duì)應(yīng)的輸入框，分2行顯示，輸入框中

有提示文字。

4）“登陸”和“取消”按鈕，中間有適當(dāng)間隔。

5）整個(gè)登錄框顏色為壯000000的實(shí)線邊框，線寬為lpxu

6）請(qǐng)創(chuàng)建一個(gè)新頁面，命名為：，頁面中顯示的內(nèi)容：“祝賀您成功登錄！二

7）通過點(diǎn)擊“登陸“按鈕，可以跳轉(zhuǎn)到頁面。

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

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

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

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

安裝Windows7或更高版本每人一臺(tái)。

設(shè)備

用于保存測試

FTP服務(wù)器1臺(tái)

人員考試結(jié)果

開發(fā)工HBuilder7或更高版本

參考人員自選

工具具SublimeTcxt3或以上版本

一種開發(fā)工具

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

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

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

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

測評(píng)（2人/場）。測評(píng)專家滿足

專家結(jié)果測評(píng)專家：在本行業(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í)長為180分鐘。

（4）評(píng)分細(xì)則

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

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

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

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

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

二維碼圖片及圖片上面和下面的

10分

文字顯示是否符合要求

圖片顯示樣式15分

二維碼圖片無法顯示時(shí)設(shè)置是否

5分

符合要求

表單標(biāo)題顯示位置是否符合要求5分1、考試舞弊、

工作表單標(biāo)題樣式是否符合要求20分抄襲、沒有按要

任務(wù)

輸入框顯示是否符合要求10分求填寫相關(guān)信

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

內(nèi)容顯示樣式75分按鈿顯示是否符合要求10分

分。

邊框樣式是否符合要求10分2、,嚴(yán)重違反考

新頁面創(chuàng)建是否符合要求10分場紀(jì)律、造成惡

新頁面跳轉(zhuǎn)功能是否符合要求10分劣影響的本項(xiàng)

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

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

素養(yǎng)方便閱讀；注釋規(guī)范。

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

道德規(guī)范5分5分

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

總計(jì)100分

3.試題編號(hào)：3旅游社網(wǎng)站設(shè)計(jì)-注冊(cè)頁面

【項(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)站的頁面.

請(qǐng)完成注冊(cè)頁面和相關(guān)任務(wù)要求，如圖JL3.1所示。相關(guān)素材見光盤網(wǎng)頁

設(shè)計(jì)相關(guān)素材'試題Jl-3\。

會(huì)員注馬

?款特價(jià)

取迎注D力施行社81份育網(wǎng)公勾官網(wǎng)會(huì)員！

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

⑴任務(wù)描述

任務(wù)1：請(qǐng)按要求完成頁面布局設(shè)計(jì)

1）頁面布局合理，左側(cè)顯示“噲員注冊(cè)”模塊，右側(cè)顯示“爆款特價(jià)”模塊。

任務(wù)2：請(qǐng)按要求完成頁面內(nèi)容顯示

1)“會(huì)員注冊(cè)”為一級(jí)標(biāo)題，左對(duì)齊顯示；“爆款特價(jià)”為二級(jí)標(biāo)題，居中

顯示。

2)文字“歡迎注冊(cè)為旅行社股份有限公司官網(wǎng)會(huì)員！”位于表單最上部，背

景色為#D1EEEE,字體大小為20px。

3)“會(huì)員注冊(cè)”表單：第一行和第二行，左側(cè)是欄目名，中間是輸入框、右

側(cè)是內(nèi)容輸入說明，第一行的輸入框中有提示文字。

4)“會(huì)員注冊(cè)”表單：第三行、第四行和第五行，左側(cè)是欄目名，右側(cè)是輸

入框°

5)“會(huì)員注冊(cè)”表單：第六行，左側(cè)是欄目名，中間是輸入框、右側(cè)是“獲

取驗(yàn)證碼”按鈕。

6)“會(huì)員注冊(cè)”表單：第七行，為單選按鈕，默認(rèn)為選中。

7)“會(huì)員注冊(cè)”，所有的欄目名右端對(duì)齊。

8)提交注冊(cè)按鈕位于表單的最下部，居中顯示。

9)“爆款特價(jià)”部分的2張圖片排成1列顯示，中間有適當(dāng)間隔，背景色為

#DlEEEEo

1())“會(huì)員注冊(cè)”和“爆款特價(jià)”均有實(shí)線邊框，線寬為Ipx,邊框顏色為#A4D3EE。

作品提交要求；

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

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

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

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

(2)實(shí)施條件

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

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

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

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

安裝Windows7或更高版本每人一臺(tái)。

設(shè)備

用于保存測試

FTP服務(wù)器1臺(tái)

人員考試結(jié)果

開發(fā)工HBuildeM或更高版本

參考人員自選

工具具SublimeTcxt3或以上版本

一種開發(fā)工具

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

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

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

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

測評(píng)(2人/場)。測評(píng)專家滿足

專家結(jié)果測評(píng)專家：在本行業(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í)長為180分鐘。

(4)評(píng)分細(xì)則

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

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

目總分的10機(jī)具體評(píng)價(jià)標(biāo)準(zhǔn)見下表：

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

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

頁面布局設(shè)計(jì)5分頁面布局是否符合要求5分

標(biāo)題設(shè)置是否符合要求5分

文字顯示是否符合要求5分

表單內(nèi)容顯示是否符合要求15分

表單最上部內(nèi)容顯示是否符合要求10分

“會(huì)員注冊(cè)”表單：第一行和第二行，

左側(cè)是欄目名，中間是輸入框、右側(cè)

10分

是內(nèi)容輸入說明，第一行的輸入框中

工作1、考試舞弊、抄

有提示文字。

任務(wù)內(nèi)容顯示樣式分襲、沒有按要求

85“會(huì)員注冊(cè)”表單：第三行、第四行

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

和第五行，左側(cè)是欄目名，右側(cè)是輸10分

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

入框。

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

“會(huì)員注冊(cè)”表單：第六行，左側(cè)是紀(jì)律、造成惡劣

欄Id名，中間是輸入框、右側(cè)是“獲5分影響的本項(xiàng)目記

取驗(yàn)證碼”按鈕。

0分。

按鈕顯示是否符合要求5分

右側(cè)圖片顯示是否符合要求10分

模塊邊框是否符合要求10分

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

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

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

素養(yǎng)

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

道德規(guī)范5分5分

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

總計(jì)100分

4.試題編號(hào)：J-4旅行社網(wǎng)站設(shè)計(jì)-產(chǎ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)站C

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

設(shè)計(jì)并開發(fā)網(wǎng)站的頁面。

請(qǐng)完成產(chǎn)品介紹和相關(guān)任務(wù)要求，如圖J1.4.1所示。相關(guān)素材見光盤網(wǎng)頁

設(shè)計(jì)相關(guān)素材'試題J1-4\。

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

（1）任務(wù)描述

任務(wù)1：內(nèi)容邊框設(shè)計(jì)

1）邊框內(nèi)邊距為4pxo

2）邊框顏色為#000000,邊框?qū)挾葹镮px,邊框線段為虛線。

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

1）圖片位于邊框的上部，文字“泰國”的下方。

2）如果無法顯示圖像，顯示替代文本“熱門國家圖片二

任務(wù)3：設(shè)置內(nèi)容顯示樣式

1）標(biāo)題“泰國”，顯示在邊框最上端，字體顏色為#FFFFFF,對(duì)齊方式為居中

對(duì)齊，背景色為#FFOOOO。

2）“內(nèi)容介紹”，文字大小為14px,行間距為20px,字符間距為Ipx。

3）文字“班期：每周發(fā)團(tuán)”，在邊框左下角顯示，字體大小為18px,文字傾

斜。

4）價(jià)格“￥4549”,在邊框右下角顯示，字體大小為16px,字體顏色為#8B3E2F,

字體加粗。

5）“立即搶購”，顯示位置價(jià)格下方，文字對(duì)齊方式為居中對(duì)齊，背景顏色

為#FF0000,字體大小為16pxo

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

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

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

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

安裝Windows7或更高版本每人一臺(tái)。

設(shè)備

用于保存測試

FTP服務(wù)器1臺(tái)

人員考試結(jié)果

開發(fā)工HBuilder7或更高版本

具參考人員自選

工具SublimeTcxt3或以上版本

一種開發(fā)工具

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

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

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

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

測評(píng)（2人/場）o測評(píng)專家滿足

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

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

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

（2人/場）o

（3）考核時(shí)量

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

（4）評(píng)分細(xì)則

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

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

目總分的10機(jī)具體評(píng)價(jià)標(biāo)準(zhǔn)見下表：

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

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

邊框內(nèi)邊距設(shè)置是否符合要求10分

邊框樣式20分

邊框樣式設(shè)置是否符合要求10分

圖片顯示圖片顯示是否符合要求5分

10分

樣式圖片無法顯示時(shí)是否符合要求5分1、考試舞弊、

工作標(biāo)題顯示是否符合要求10分抄襲、沒有按要

任務(wù)“內(nèi)容介紹”顯示是否符合要求10分求填寫相關(guān)信

內(nèi)容顯示“班期：每周發(fā)團(tuán)”顯示是否符息，本項(xiàng)目記0

60分10分

樣式合要求分。

價(jià)格顯小是否符合要求15分2、嚴(yán)重違反考

“立即搶購”顯示是否符合要求15分場紀(jì)律、造成惡

代碼符合網(wǎng)頁開發(fā)規(guī)范，命名規(guī)劣影響的木項(xiàng)

專業(yè)素養(yǎng)5分范，能做到見名知意；縮進(jìn)統(tǒng)一，5分目記。分。

職業(yè)方便閱讀；注釋規(guī)范。

素養(yǎng)

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

道德規(guī)范5分5分

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

總計(jì)100分

5.試題編號(hào)：J1-5旅行社網(wǎng)站設(shè)計(jì)-布局設(shè)計(jì)

【項(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)站的頁面。

請(qǐng)完成頁面布局和相關(guān)任務(wù)，如圖J1.5.1所示。相關(guān)素材見光盤網(wǎng)頁沒計(jì)

相關(guān)素材'試題J1-5\。

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

（1）任務(wù)描述

任務(wù)1：請(qǐng)按要求完成頁面布局設(shè)計(jì)

1）頁面設(shè)計(jì)包括文檔頭，文檔體和文檔底部，布局合理。

任務(wù)2：按要求完成文檔頭內(nèi)容設(shè)計(jì)

1）文檔頭位于頁面頂部，背景色為#1AAO94；左側(cè)顯示文字二級(jí)標(biāo)題“旅行

社網(wǎng)站”，右側(cè)一個(gè)水平導(dǎo)航條。

2）右側(cè)導(dǎo)航條包括“cat,歡迎您！”、“個(gè)人設(shè)置”、“注銷登錄”3個(gè)菜單項(xiàng),

均為超鏈接，水平排列，菜單項(xiàng)中間間距為10px。

任務(wù)3：請(qǐng)按要求完成文檔體內(nèi)容設(shè)計(jì)

1）文檔體分為左右2側(cè)，左側(cè)為一個(gè)垂直導(dǎo)航條；右側(cè)顯示文字一級(jí)標(biāo)題“歡

迎來到網(wǎng)站主頁”，居中顯示，距文檔頭180px。

2）左側(cè)導(dǎo)航條包括“首頁”、“出境旅游”、“國內(nèi)旅游”、“自助旅游”、“主題

旅行”、“定制旅游”、“領(lǐng)事認(rèn)證”、“機(jī)票預(yù)訂”、“聯(lián)系我們”共9個(gè)菜單項(xiàng)，均

為超鏈接。

3）導(dǎo)航條背景色為#393D49,文字對(duì)齊方式為居中對(duì)齊，文字顏色為#FFFFFF,

字體為微軟雅黑，菜單項(xiàng)的下邊框線顏色為：#666。其中“首頁”背景色為#8BOOOO,

其余項(xiàng)的背景色為#AEOOOO。

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

#FF0000o

任務(wù)4：請(qǐng)按要求完成文檔底部內(nèi)容顯示

1）底部內(nèi)容居中，分2行顯示，行高為2eni。

2）背景色為#1AAO94,字體大小為14px;

作品提交要求：

1）在?。篭技能抽查提交資料文件夾內(nèi)創(chuàng)建考生文件夾，考生文件夾的命

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

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

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

（2）實(shí)施條件

進(jìn)行個(gè)人計(jì)算機(jī)安全項(xiàng)目所需的硬軟件設(shè)備見表

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

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

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

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

安裝Windows7或更高版本每人一臺(tái)。

設(shè)備

用丁保存測試

FTP服務(wù)器1臺(tái)

人員考試結(jié)果

開發(fā)工HBuilder7或更高版本

參考人員自選

工具具SublimeText3或以上版本

一種開發(fā)工具

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

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

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

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

測評(píng)（2人/場）。測評(píng)專家滿足

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

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

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

（2人/場）o

（3）考核時(shí)量

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

（4）評(píng)分細(xì)則

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

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

目總分的10機(jī)具體評(píng)價(jià)標(biāo)準(zhǔn)見下表：

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

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

頁面布局設(shè)1、考試舞

工作任務(wù)1（）分頁面布局是否符合要求10分

計(jì)弊、抄襲、

內(nèi)容顯示位置是否符合要求10分沒有按要求

填寫相關(guān)信

文檔頭內(nèi)容30分背景色顯示是否符合要求5分

息，本項(xiàng)目

右側(cè)導(dǎo)航菜單項(xiàng)是否符合要求15分

記0分。

內(nèi)容顯示位置是否符合要求10分2、嚴(yán)重違反

左側(cè)導(dǎo)航菜單項(xiàng)是否符合要求15分考場紀(jì)律、

文檔體內(nèi)容50分

鼠標(biāo)懸停效果是否符合要求10分造成惡劣影

響的本項(xiàng)目

左側(cè)背景色顯示是否符合要求15分

記0分。

文檔底部內(nèi)

10分底部內(nèi)容顯示是否符合要求10分

容

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

專業(yè)素養(yǎng)5分規(guī)范，能做到見名知意；縮進(jìn)5分

統(tǒng)一，方便閱讀：注釋規(guī)范。

職業(yè)素養(yǎng)

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

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

場。

總計(jì)100分

6.試題編號(hào)：6旅行社網(wǎng)站設(shè)計(jì)-表單設(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)站的頁面。

請(qǐng)完成表單設(shè)計(jì)和相關(guān)任務(wù)，如圖J1.6.1所示。

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

（1）任務(wù)描述

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

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

2）導(dǎo)航條與瀏覽器同寬，外邊距均是10px,高為70px。

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

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

4）導(dǎo)航條文字大小為18px,顏色為#BB3d00,導(dǎo)航條下有水平線標(biāo)記。

5）當(dāng)鼠標(biāo)懸停于菜單項(xiàng)上時(shí)，背景色變成#FFFFOO。

任務(wù)2：按要求完成頁面內(nèi)容顯示

1）頁面內(nèi)容：上面顯示搜索區(qū)域，下面顯示文字。

2）單行文本輸入框，寬為lOOpx,高為3Opx。

3）“搜索”按鈕,文字字體大小為16px；按鈕寬度為100pxo

4）“境外”和“國內(nèi)”兩處的文字內(nèi)容,行高為2em,字體大小為14px,與

左邊邊框之間有Ipx的間隔。

5）“精品推薦”主體內(nèi)容的背景色有實(shí)線邊框，線寬為3px,

顏色為#CDC5DP。

作品提交要求：

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

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

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

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

（2）實(shí)施條件

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

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

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

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

安裝Windows7或更高版本每人一臺(tái)。

設(shè)備

用于保存測試

FTP服務(wù)器1臺(tái)

人員考試結(jié)果

開發(fā)工HBuilder7或更高版本

參考人員自選

工具具SublimeText3或以_L版本

一種開發(fā)工具

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

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

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

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

測評(píng)測評(píng)專家滿足

（2人/場）o

專家任條件

結(jié)果測評(píng)專家：在本行業(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í)長為180分鐘。