網(wǎng)頁(yè)主題

1、抗擊疫情

2、學(xué)習(xí)黨史

3、綠色、生態(tài)、環(huán)保

4、專(zhuān)業(yè)領(lǐng)域探索

5、時(shí)尚、音樂(lè)等

6、自行選擇其他題材

目錄結(jié)構(gòu)

主目錄名稱(chēng)為學(xué)號(hào)+姓名。子目錄為css、img、js等，若有需要可根據(jù)情況增加其他目錄。

素材準(zhǔn)備

1、個(gè)人簡(jiǎn)介，200字以上

2、個(gè)人生活照1張，照片要清晰，無(wú)明顯美顏效果，可以辨別本人

3、置于首頁(yè)的banner圖片，該圖片上必須標(biāo)有：“XX班X號(hào)XXX的作品”字樣，可以適當(dāng)添加修飾效果。

作品要求

1、必須為原創(chuàng)作品，可以借用bootstrap 或其他模板，不得超過(guò)代碼總量的1/3。

2、樣式文件均采用外部樣式，存放于css目錄下

3、編寫(xiě)js為頁(yè)面增加交互功能， 每個(gè)頁(yè)面至少包含1個(gè)js代碼塊，每個(gè)代碼塊不得少于10行，手寫(xiě)js不得套用現(xiàn)有代碼。

4、js 代碼為外部文件，存放于js目錄下。

5、所有代碼均要可讀性好，容易修改。頁(yè)面特效新穎自然

6、站點(diǎn)文件夾的名稱(chēng)為：XX號(hào)XXX，所有網(wǎng)頁(yè)及素材必須都放在站點(diǎn)文件夾。

7、整個(gè)網(wǎng)站風(fēng)格統(tǒng)一，體現(xiàn)專(zhuān)業(yè)性兼具美觀，使人眼前一亮。按照配色原則進(jìn)行頁(yè)面顏色搭配，顏色使用與網(wǎng)站主題相符合，建議使用同類(lèi)色或者相鄰色。

網(wǎng)站結(jié)構(gòu)

1、制作網(wǎng)站首頁(yè)index.html，要求體現(xiàn)整個(gè)網(wǎng)站風(fēng)格，具有視覺(jué)沖擊力；具有良好的導(dǎo)航功能，可以通過(guò)首頁(yè)到達(dá)其他任何一頁(yè)；使用js制作二級(jí)菜單，功能和美觀兼具；為T(mén)字形，上部為100%寬度，下頁(yè)可設(shè)置響應(yīng)式布局，至少能適應(yīng)3種媒體；

2、根據(jù)網(wǎng)站主題和內(nèi)容制作二級(jí)頁(yè)面，既列表頁(yè)表。

3、由二級(jí)頁(yè)面可導(dǎo)航至三級(jí)頁(yè)面既內(nèi)容頁(yè)面；

4、制作個(gè)人簡(jiǎn)介頁(yè)面intro.html, 該頁(yè)的內(nèi)容為個(gè)人簡(jiǎn)介和個(gè)人照片，該頁(yè)風(fēng)格必須與其他網(wǎng)頁(yè)風(fēng)格一致。

5、參考門(mén)戶(hù)網(wǎng)站如新浪、網(wǎng)易、騰訊的郵箱注冊(cè)頁(yè)面設(shè)計(jì)表單頁(yè)面form.html, 使用js設(shè)置合理的驗(yàn)證功能，樣式美觀；

6、根據(jù)網(wǎng)頁(yè)內(nèi)容設(shè)置網(wǎng)頁(yè)標(biāo)題；

7、網(wǎng)頁(yè)寬度為1260px，網(wǎng)頁(yè)居中顯示，可以設(shè)置全屏與固屏相結(jié)合；

8、首頁(yè)帶有圖片輪播效果，可置于banner部分或者新聞圖片部分；

9、各塊的高度和寬度按照自己的網(wǎng)頁(yè)內(nèi)容和結(jié)構(gòu)自行設(shè)置； 

10、通過(guò)index打開(kāi)首頁(yè)，任意頁(yè)面之間都可以互聯(lián)互通，不得有錯(cuò)誤鏈接。