Web前端技術(shù)課程實(shí)訓(xùn)報(bào)告材料

《Web前端技術(shù)課程實(shí)訓(xùn)報(bào)告材料》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、實(shí)用文檔《Web前端技術(shù)課程設(shè)計(jì)》報(bào)告一、實(shí)訓(xùn)課題名稱文案大全實(shí)用文檔文案大全實(shí)用文檔二、課題設(shè)計(jì)目的通過(guò)實(shí)訓(xùn)，應(yīng)使學(xué)生鞏固所學(xué)知識(shí)，把所學(xué)的理論知識(shí)運(yùn)用到網(wǎng)站制作實(shí)踐中。培養(yǎng)學(xué)生動(dòng)手能力，將PS制作效果圖、HTML、CSS+DIV網(wǎng)頁(yè)布局、JavaScript等Web前端開(kāi)發(fā)技術(shù)結(jié)合起來(lái)，在實(shí)訓(xùn)環(huán)節(jié)中進(jìn)行運(yùn)用。為以后學(xué)習(xí)動(dòng)態(tài)網(wǎng)站打下基礎(chǔ)。三、實(shí)現(xiàn)功能：用PhotoShop、DreamWeaver等開(kāi)發(fā)工具制作一個(gè)由靜態(tài)網(wǎng)頁(yè)構(gòu)成的簡(jiǎn)單網(wǎng)站，要求包括一個(gè)首頁(yè)、至少三個(gè)子網(wǎng)頁(yè)，按照網(wǎng)站開(kāi)發(fā)流程，先做網(wǎng)頁(yè)效果圖，然后制作網(wǎng)頁(yè)素材、構(gòu)建網(wǎng)站

2、文件結(jié)構(gòu)、規(guī)劃網(wǎng)頁(yè)布局、制作網(wǎng)頁(yè)動(dòng)畫、實(shí)現(xiàn)網(wǎng)頁(yè)功能，爾后進(jìn)行網(wǎng)站測(cè)試，并編制出各階段必要的文檔。在編寫文檔時(shí)，必須嚴(yán)格遵照要求，最后提交文檔。功能要求：該網(wǎng)站首頁(yè)必須包括網(wǎng)站logo、導(dǎo)航條（帶有鼠標(biāo)事件變化效果）、banner（簡(jiǎn)單flash動(dòng)畫）、圖片、多媒體運(yùn)用、文字等主要信息展示；子網(wǎng)頁(yè)包括用戶注冊(cè)（帶有表單輸入項(xiàng)本地驗(yàn)證功能）、登錄（用戶名和密碼非空驗(yàn)證）、子網(wǎng)頁(yè)相關(guān)欄目。各頁(yè)面之間通過(guò)超鏈接切換。最后要求提交詳細(xì)的課程設(shè)計(jì)報(bào)告及網(wǎng)頁(yè)效果圖（.psd）和網(wǎng)站運(yùn)行文件，現(xiàn)場(chǎng)運(yùn)行驗(yàn)收開(kāi)發(fā)的系統(tǒng)。文案大全實(shí)用文檔四、課題設(shè)計(jì)內(nèi)容

3、：文案大全實(shí)用文檔（1）開(kāi)發(fā)背景（2）網(wǎng)站分析設(shè)計(jì)部分1）客戶需求分析l網(wǎng)站欄目劃分l欄目?jī)?nèi)容介紹l網(wǎng)站拓?fù)鋱Dl網(wǎng)頁(yè)風(fēng)格創(chuàng)意設(shè)計(jì)2）網(wǎng)站風(fēng)格定位3）網(wǎng)站建設(shè)方案4）網(wǎng)站效果圖（3）網(wǎng)站制作部分1）效果圖制作2）網(wǎng)頁(yè)素材及網(wǎng)站架構(gòu)制作3）首頁(yè)制作頁(yè)面設(shè)計(jì)4）子頁(yè)面制作文案大全實(shí)用文檔五、體會(huì)及下一步學(xué)習(xí)方向文案大全實(shí)用文檔教師評(píng)語(yǔ)評(píng)分項(xiàng)分值得分網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)部分(60分)1.實(shí)現(xiàn).能力(50分)效果圖5Logo5Banner5導(dǎo)航條5頁(yè)面布局與美化5注冊(cè)驗(yàn)證、登錄10圖片多媒體運(yùn)用5程序復(fù)雜度5運(yùn)行效果52.創(chuàng)新能力53.學(xué)生答辯5小計(jì)

4、60設(shè)計(jì)報(bào)告部分(30分)1.結(jié)構(gòu)完整，條理清晰（封面、任務(wù)書、教師評(píng)語(yǔ)、目錄、正文內(nèi)容、小結(jié)、參考文獻(xiàn)）102.獨(dú)立完成53.描述工具使用恰當(dāng)：網(wǎng)站拓?fù)鋱D54.制作步驟描述清晰55.報(bào)告內(nèi)容充實(shí)5小計(jì)30學(xué)習(xí)態(tài)度部分(10分)考勤5認(rèn)真完成，勤于思考，積極提問(wèn)5小計(jì)10總計(jì)100成績(jī)文案大全實(shí)用文檔參考方案：目錄開(kāi)發(fā)背景…………………………………………………………………………4前期準(zhǔn)備…………………………………………………………………………4客戶需求分析……………………………………………………………………4網(wǎng)站風(fēng)格定位………………

5、……………………………………………………5色彩………………………………………………………………………………5排版………………………………………………………………………………5特效……………………………………………………………………………....6網(wǎng)站建設(shè)方案……………………………………………………………………6網(wǎng)頁(yè)風(fēng)格創(chuàng)意設(shè)計(jì)………………………………………………………………7網(wǎng)站欄目劃分……………………………………………………………………7欄目?jī)?nèi)容介紹……………………………………………………………………8網(wǎng)站拓?fù)鋱D………………………

6、………………………………………………9實(shí)訓(xùn)目的…………………………………………………………………………10實(shí)訓(xùn)任務(wù)…………………………………………………………………………10實(shí)訓(xùn)項(xiàng)目…………………………………………………………………………11網(wǎng)站基本介紹……………………………………………………………………11報(bào)名界面…………………………………………………………………………10保存的文件位置…………………………………………………………………11首頁(yè)展示效果圖…………………………………………………………………12導(dǎo)航條展示效果圖…………

7、……………………………………………………13留言板表格布局…………………………………………………………………14網(wǎng)站版權(quán)的展示圖………………………………………………………………14國(guó)內(nèi)黑客網(wǎng)站界面展示圖………………………………………………………15黑客新聞界面展示圖……………………………………………………………16電影展示圖………………………………………………………………………18黑客簡(jiǎn)介界面展示圖……………………………………………………………20黑客區(qū)別界面展示圖……………………………………………………………21黑客分類界面展示圖

8、……………………………………………………………22實(shí)訓(xùn)中的問(wèn)題和解決辦法………………………………………………………23實(shí)訓(xùn)體會(huì)…………………………………………………………………………24文案大全實(shí)用文檔一、開(kāi)發(fā)背景如今已是信息化時(shí)代，