網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)指導(dǎo)書

《網(wǎng)頁設(shè)計(jì)》項(xiàng)目實(shí)訓(xùn)指導(dǎo)書

一、實(shí)訓(xùn)內(nèi)容：網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)二、時(shí)間：本周到18周

三、環(huán)境：

1、硬件：PC機(jī)。

2、操作系統(tǒng)：Windows201*/201*。

3、開發(fā)工具：FrontPage、DreamWeaver、Photoshop等。四、目的

學(xué)習(xí)一門語言或一種工具最好的方法是用它做一個(gè)完整的東西。

本課程要求用網(wǎng)頁設(shè)計(jì)方法，設(shè)計(jì)一個(gè)網(wǎng)站，提高綜合應(yīng)用所學(xué)知識(shí)的能力，積累Web程序的編程經(jīng)驗(yàn)，提高編程與調(diào)試能力，團(tuán)隊(duì)協(xié)作能力，具體目的如下：

培養(yǎng)系統(tǒng)設(shè)計(jì)的整體思想

培養(yǎng)編寫程序、調(diào)試程序的能力學(xué)習(xí)編寫技術(shù)文檔

培養(yǎng)獨(dú)立學(xué)習(xí)、吸取他人的經(jīng)驗(yàn)、探討技術(shù)的習(xí)慣培養(yǎng)團(tuán)隊(duì)協(xié)作能力五、內(nèi)容：

本次課程設(shè)計(jì)擬分層次進(jìn)行，學(xué)生可根據(jù)自身能力選擇相應(yīng)的題目，完成項(xiàng)目實(shí)訓(xùn)的任務(wù)。

1、基礎(chǔ)設(shè)計(jì)能力層次：（完成以下要求得分為60-85分）

要求：

1）熟練使用常用網(wǎng)頁制作工具設(shè)計(jì)網(wǎng)頁2）熟練掌握HTML語言3）熟練掌握CSS4）能正確上傳網(wǎng)頁

5）網(wǎng)站中應(yīng)應(yīng)用上述技術(shù)6）能正確使用JavaScript

2、“高級(jí)”設(shè)計(jì)能力層次：（完成以下要求得分為85-100分）

要求：在完全實(shí)現(xiàn)基礎(chǔ)設(shè)計(jì)能力層次后，追加以下要求1）熟練掌握J(rèn)avaScript基本語法

2）能完全理解網(wǎng)頁中使用的“特效”3）掌握常用的網(wǎng)站管理和維護(hù)方法4）合理的使用靜態(tài)網(wǎng)頁設(shè)計(jì)的新技術(shù)5）網(wǎng)站美觀大方得體

6）*網(wǎng)站中可以適當(dāng)運(yùn)用新技術(shù)*

六、項(xiàng)目實(shí)訓(xùn)文檔寫作說明

規(guī)范的文檔資料是軟件的一部分。高質(zhì)量的文檔對(duì)于發(fā)揮軟件產(chǎn)品的效益、對(duì)于轉(zhuǎn)讓、變更、修改、擴(kuò)充、使用文檔具有重要的意義。

編寫設(shè)計(jì)文檔的目的是為了培養(yǎng)學(xué)生在制作、開發(fā)過程中，書寫規(guī)范的文檔資料的能力。學(xué)生在項(xiàng)目實(shí)訓(xùn)結(jié)束時(shí)提交一份文檔，文檔應(yīng)該包括以下內(nèi)容。

1、系統(tǒng)運(yùn)行環(huán)境：運(yùn)行系統(tǒng)所需要的軟、硬件環(huán)境

2、概要設(shè)計(jì)：網(wǎng)站主題，網(wǎng)站規(guī)劃，網(wǎng)站結(jié)構(gòu)，網(wǎng)站風(fēng)格、特色、網(wǎng)站結(jié)構(gòu)圖3、詳細(xì)設(shè)計(jì)：站點(diǎn)各板塊詳細(xì)介紹（功能、技術(shù)等）4、網(wǎng)站的改進(jìn)方法或升級(jí)方案5、個(gè)人（組長、框架、編碼、美工）主要負(fù)責(zé)部分說明

6、個(gè)人角色體會(huì)、獲得的經(jīng)驗(yàn)、自學(xué)并應(yīng)用的新知識(shí)、今后努力的方向七、評(píng)分標(biāo)準(zhǔn)網(wǎng)站很好的運(yùn)用了新技術(shù)界面實(shí)用、美觀、友好。

A--優(yōu)秀：

程序有一定難度。文檔清晰、完整。

設(shè)計(jì)報(bào)告邏輯性強(qiáng)，條理清晰，有獨(dú)到的設(shè)計(jì)方法網(wǎng)站較好的運(yùn)用了新技術(shù)界面友好。

B--良好：

程序有一定難度。文檔清晰、完整。設(shè)計(jì)報(bào)告條理清晰。網(wǎng)站正確使用了一些新技術(shù)

C--中等：

界面友好。文檔清晰、完整。設(shè)計(jì)報(bào)告條理清晰。網(wǎng)站正確的運(yùn)用了新技術(shù)

D--及格：

界面友好。文檔完整。

設(shè)計(jì)報(bào)告編寫缺乏條里。瀏覽網(wǎng)頁時(shí)，運(yùn)行時(shí)錯(cuò)誤較多。

E--不及格：界面不友好，瀏覽不方便。

文檔、設(shè)計(jì)報(bào)告編寫缺乏條里。八、說明：

1、以上要求均為各小組獨(dú)立完成，可參考任何資料。

2、各小組成員原則上不得超過5人，可以跨班，但必須有明確的分工，發(fā)揮團(tuán)隊(duì)協(xié)作能

力，取長補(bǔ)短，共同進(jìn)步，熟悉自己設(shè)計(jì)的站點(diǎn)。

3、設(shè)計(jì)參考量：人均大概50個(gè)1版頁面（1024×768，12px字體大�。�。4、考核方式：18周內(nèi)答辯。

5、項(xiàng)目實(shí)訓(xùn)完成后應(yīng)交：作品和項(xiàng)目實(shí)訓(xùn)文檔九：網(wǎng)站參考主題

1、二級(jí)C自學(xué)資源網(wǎng)站

2、二級(jí)Access自學(xué)資源網(wǎng)站3、二級(jí)Java自學(xué)資源網(wǎng)站4、三級(jí)網(wǎng)絡(luò)自學(xué)資源網(wǎng)站5、三級(jí)數(shù)據(jù)庫自學(xué)資源網(wǎng)站

6、網(wǎng)絡(luò)程序員水平考試自學(xué)資源網(wǎng)站7、維護(hù)維修課程自學(xué)資源網(wǎng)站8、網(wǎng)絡(luò)基礎(chǔ)課程自學(xué)資源網(wǎng)站

9、網(wǎng)頁設(shè)計(jì)課程之CSS自學(xué)資源網(wǎng)站10、網(wǎng)頁設(shè)計(jì)課程之特效（Script）自學(xué)資源網(wǎng)站11、網(wǎng)頁設(shè)計(jì)課程之框架自學(xué)資源網(wǎng)站12、網(wǎng)頁設(shè)計(jì)課程之Flash自學(xué)資源網(wǎng)站

13、網(wǎng)頁設(shè)計(jì)課程之課件資源網(wǎng)站（ppt、flash、avi等）14、網(wǎng)頁設(shè)計(jì)課程之FireWork應(yīng)用15、網(wǎng)頁設(shè)計(jì)課程之Photoshop應(yīng)用

16、網(wǎng)頁設(shè)計(jì)課程之FireWork與Photoshop應(yīng)用

17、C語言自學(xué)習(xí)測(cè)試網(wǎng)站（素材可選自C語言、一級(jí)、二級(jí)等）18、VB語言自學(xué)習(xí)測(cè)試網(wǎng)站（素材可選擇VB、一級(jí)、二級(jí)等）

19、三級(jí)網(wǎng)絡(luò)、三級(jí)數(shù)據(jù)庫等基礎(chǔ)知識(shí)自學(xué)習(xí)測(cè)試網(wǎng)站（素材參考相關(guān)考試大綱、歷年考試題、模擬試題、圖書館資料等）

20、程序員基礎(chǔ)知識(shí)題庫及其自學(xué)習(xí)測(cè)試網(wǎng)站（素材參考相關(guān)考試大綱、歷年考試題、模擬試題、圖書館資料等）

21、計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)知識(shí)及其自學(xué)習(xí)測(cè)試網(wǎng)站（素材參考教科書、網(wǎng)絡(luò)資源、圖書館資料等）

22、網(wǎng)絡(luò)工程師認(rèn)證基礎(chǔ)知識(shí)及其自學(xué)習(xí)測(cè)試網(wǎng)站（素材參考相關(guān)考試大綱、歷年考試題、模擬試題、圖書館資料等）

23、Photoshop基礎(chǔ)知識(shí)及其習(xí)題解答網(wǎng)站（素材參考《圖形圖像》中級(jí)題庫）24、Photoshop在Web中的應(yīng)用（素材參考圖書館資料或者網(wǎng)站資料）25、Photoshop在數(shù)碼照片中的應(yīng)用（素材參考圖書館資料或者網(wǎng)站資料）

十、項(xiàng)目實(shí)訓(xùn)文檔的封面及第二頁封面：

廣東交通職業(yè)技術(shù)學(xué)院

07計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)

課程設(shè)計(jì)報(bào)告書

課程名稱網(wǎng)頁設(shè)計(jì)

課程設(shè)計(jì)題目

課程設(shè)計(jì)日期：年月日起年月日止

班級(jí)：07計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)班方向

小組成員（學(xué)號(hào)、角色）：

指導(dǎo)教師：此頁放在項(xiàng)目實(shí)訓(xùn)文檔的第二頁：序號(hào)123456班級(jí)學(xué)號(hào)姓名角色得分教師點(diǎn)評(píng)：

擴(kuò)展閱讀：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)指導(dǎo)書

《網(wǎng)頁設(shè)計(jì)》網(wǎng)站建設(shè)實(shí)訓(xùn)指導(dǎo)書

一、實(shí)訓(xùn)內(nèi)容：網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)二、時(shí)間：本周到18周

三、環(huán)境：

1、硬件：PC機(jī)。2、操作系統(tǒng)：Windows

3、開發(fā)工具：DreamWeaver、Photoshop等。四、目的

學(xué)習(xí)一門語言或一種工具最好的方法是用它做一個(gè)完整的東西。

本課程要求用網(wǎng)頁設(shè)計(jì)方法，設(shè)計(jì)一個(gè)網(wǎng)站，提高綜合應(yīng)用所學(xué)知識(shí)的能力，積累Web程序的編程經(jīng)驗(yàn)，提高編程與調(diào)試能力，團(tuán)隊(duì)協(xié)作能力，具體目的如下：

培養(yǎng)系統(tǒng)設(shè)計(jì)的整體思想

培養(yǎng)編寫程序、調(diào)試程序的能力學(xué)習(xí)編寫技術(shù)文檔

培養(yǎng)獨(dú)立學(xué)習(xí)、吸取他人的經(jīng)驗(yàn)、探討技術(shù)的習(xí)慣培養(yǎng)團(tuán)隊(duì)協(xié)作能力五、內(nèi)容：

本次課程設(shè)計(jì)擬分層次進(jìn)行，學(xué)生可根據(jù)自身能力選擇相應(yīng)的題目，完成項(xiàng)目實(shí)訓(xùn)的任務(wù)。

1、基礎(chǔ)設(shè)計(jì)能力層次：（完成以下要求得分為60-85分）

要求：

1）熟練使用常用網(wǎng)頁制作工具設(shè)計(jì)網(wǎng)頁2）熟練掌握HTML語言3）熟練掌握CSS4）能正確上傳網(wǎng)頁

5）網(wǎng)站中應(yīng)應(yīng)用上述技術(shù)6）能正確使用JavaScript

2、“高級(jí)”設(shè)計(jì)能力層次：（完成以下要求得分為85-100分）

要求：在完全實(shí)現(xiàn)基礎(chǔ)設(shè)計(jì)能力層次后，追加以下要求1）熟練掌握J(rèn)avaScript基本語法

2）能完全理解網(wǎng)頁中使用的“特效”3）掌握常用的網(wǎng)站管理和維護(hù)方法4）合理的使用靜態(tài)網(wǎng)頁設(shè)計(jì)的新技術(shù)5）網(wǎng)站美觀大方得體

6）*網(wǎng)站中可以適當(dāng)運(yùn)用新技術(shù)*

六、項(xiàng)目實(shí)訓(xùn)文檔寫作說明

規(guī)范的文檔資料是軟件的一部分。高質(zhì)量的文檔對(duì)于發(fā)揮軟件產(chǎn)品的效益、對(duì)于轉(zhuǎn)讓、變更、修改、擴(kuò)充、使用文檔具有重要的意義。

編寫設(shè)計(jì)文檔的目的是為了培養(yǎng)學(xué)生在制作、開發(fā)過程中，書寫規(guī)范的文檔資料的能力。學(xué)生在項(xiàng)目實(shí)訓(xùn)結(jié)束時(shí)提交一份文檔，文檔應(yīng)該包括以下內(nèi)容。

1、系統(tǒng)運(yùn)行環(huán)境：運(yùn)行系統(tǒng)所需要的軟、硬件環(huán)境

2、概要設(shè)計(jì)：網(wǎng)站主題，網(wǎng)站規(guī)劃，網(wǎng)站結(jié)構(gòu)，網(wǎng)站風(fēng)格、特色、網(wǎng)站結(jié)構(gòu)圖3、詳細(xì)設(shè)計(jì)：站點(diǎn)各板塊詳細(xì)介紹（功能、技術(shù)等）4、網(wǎng)站的改進(jìn)方法或升級(jí)方案5、個(gè)人（組長、框架、編碼、美工）主要負(fù)責(zé)部分說明

6、個(gè)人角色體會(huì)、獲得的經(jīng)驗(yàn)、自學(xué)并應(yīng)用的新知識(shí)、今后努力的方向七、評(píng)分標(biāo)準(zhǔn)網(wǎng)站很好的運(yùn)用了新技術(shù)界面實(shí)用、美觀、友好。

A--優(yōu)秀：

程序有一定難度。文檔清晰、完整。

設(shè)計(jì)報(bào)告邏輯性強(qiáng)，條理清晰，有獨(dú)到的設(shè)計(jì)方法網(wǎng)站較好的運(yùn)用了新技術(shù)界面友好。

B--良好：

程序有一定難度。文檔清晰、完整。設(shè)計(jì)報(bào)告條理清晰。網(wǎng)站正確使用了一些新技術(shù)

C--中等：

界面友好。文檔清晰、完整。設(shè)計(jì)報(bào)告條理清晰。網(wǎng)站正確的運(yùn)用了新技術(shù)

D--及格：

界面友好。文檔完整。

設(shè)計(jì)報(bào)告編寫缺乏條里。瀏覽網(wǎng)頁時(shí)，運(yùn)行時(shí)錯(cuò)誤較多。

E--不及格：界面不友好，瀏覽不方便。

文檔、設(shè)計(jì)報(bào)告編寫缺乏條里。八、說明：

1、以上要求均為各小組獨(dú)立完成，可參考任何資料。

2、各小組成員原則上不得超過4人，可以跨班，但必須有明確的分工，發(fā)揮團(tuán)隊(duì)協(xié)作能

力，取長補(bǔ)短，共同進(jìn)步，熟悉自己設(shè)計(jì)的站點(diǎn)。

3、設(shè)計(jì)參考量：人均大概15個(gè)頁面（1024×768，12px字體大小）。4、考核方式：18周內(nèi)提交。

5、項(xiàng)目實(shí)訓(xùn)完成后應(yīng)交：作品和項(xiàng)目實(shí)訓(xùn)文檔（打印稿和電子稿都要）九：網(wǎng)站參考主題

1、二級(jí)Access自學(xué)資源網(wǎng)站2、三級(jí)數(shù)據(jù)庫自學(xué)資源網(wǎng)站3、維護(hù)維修課程自學(xué)資源網(wǎng)站4、網(wǎng)絡(luò)基礎(chǔ)課程自學(xué)資源網(wǎng)站

5、網(wǎng)頁設(shè)計(jì)課程之CSS自學(xué)資源網(wǎng)站

6、網(wǎng)頁設(shè)計(jì)課程之特效（Script）自學(xué)資源網(wǎng)站7、網(wǎng)頁設(shè)計(jì)課程之框架自學(xué)資源網(wǎng)站8、網(wǎng)頁設(shè)計(jì)課程之Flash自學(xué)資源網(wǎng)站

9、網(wǎng)頁設(shè)計(jì)課程之課件資源網(wǎng)站（ppt、flash、avi等）10、網(wǎng)頁設(shè)計(jì)課程之Photoshop應(yīng)用

11、VB.net語言自學(xué)習(xí)測(cè)試網(wǎng)站（素材可選擇VB.net、一級(jí)、二級(jí)等）

12、二或三級(jí)網(wǎng)絡(luò)、二或三級(jí)數(shù)據(jù)庫等基礎(chǔ)知識(shí)自學(xué)習(xí)測(cè)試網(wǎng)站（素材參考相關(guān)考試大綱、歷年考試題、模擬試題、圖書館資料等）

13、程序員基礎(chǔ)知識(shí)題庫及其自學(xué)習(xí)測(cè)試網(wǎng)站（素材參考相關(guān)考試大綱、歷年考試題、模擬試題、圖書館資料等）

14、Photoshop基礎(chǔ)知識(shí)及其習(xí)題解答網(wǎng)站（素材參考《圖形圖像》中級(jí)題庫）15、Photoshop在Web中的應(yīng)用（素材參考圖書館資料或者網(wǎng)站資料）16、Photoshop在數(shù)碼照片中的應(yīng)用（素材參考圖書館資料或者網(wǎng)站資料）17、自定：比如個(gè)人展示網(wǎng)站、班級(jí)展示網(wǎng)站、旅游介紹網(wǎng)站等等。

十、項(xiàng)目實(shí)訓(xùn)文檔的封面封面：

廣東交通職業(yè)技術(shù)學(xué)院

項(xiàng)目實(shí)訓(xùn)報(bào)告書

課程名稱網(wǎng)頁設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)題目

設(shè)計(jì)日期：年月日起年月日止

小組成員（學(xué)號(hào)、角色）：序號(hào)1234

班級(jí)學(xué)號(hào)姓名角色得分

友情提示：本文中關(guān)于《網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)指導(dǎo)書》給出的范例僅供您參考拓展思維使用，網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)指導(dǎo)書：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)指導(dǎo)書》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://m.weilaioem.com/gongwen/585510.html

• 上一篇：Java web筆記
• 下一篇：幾個(gè)Web前端開發(fā)框架的比較