網(wǎng)頁設計項目實訓指導書

《網(wǎng)頁設計》項目實訓指導書

一、實訓內(nèi)容：網(wǎng)頁設計項目實訓二、時間：本周到18周

三、環(huán)境：

1、硬件：PC機。

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

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

學習一門語言或一種工具最好的方法是用它做一個完整的東西。

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

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

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

培養(yǎng)獨立學習、吸取他人的經(jīng)驗、探討技術的習慣培養(yǎng)團隊協(xié)作能力五、內(nèi)容：

本次課程設計擬分層次進行，學生可根據(jù)自身能力選擇相應的題目，完成項目實訓的任務。

1、基礎設計能力層次：（完成以下要求得分為60-85分）

要求：

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

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

2、“高級”設計能力層次：（完成以下要求得分為85-100分）

要求：在完全實現(xiàn)基礎設計能力層次后，追加以下要求1）熟練掌握JavaScript基本語法

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

6）*網(wǎng)站中可以適當運用新技術*

六、項目實訓文檔寫作說明

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

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

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

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

6、個人角色體會、獲得的經(jīng)驗、自學并應用的新知識、今后努力的方向七、評分標準網(wǎng)站很好的運用了新技術界面實用、美觀、友好。

A--優(yōu)秀：

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

設計報告邏輯性強，條理清晰，有獨到的設計方法網(wǎng)站較好的運用了新技術界面友好。

B--良好：

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

C--中等：

界面友好。文檔清晰、完整。設計報告條理清晰。網(wǎng)站正確的運用了新技術

D--及格：

界面友好。文檔完整。

設計報告編寫缺乏條里。瀏覽網(wǎng)頁時，運行時錯誤較多。

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

文檔、設計報告編寫缺乏條里。八、說明：

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

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

力，取長補短，共同進步，熟悉自己設計的站點。

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

5、項目實訓完成后應交：作品和項目實訓文檔九：網(wǎng)站參考主題

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

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

6、網(wǎng)絡程序員水平考試自學資源網(wǎng)站7、維護維修課程自學資源網(wǎng)站8、網(wǎng)絡基礎課程自學資源網(wǎng)站

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

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

16、網(wǎng)頁設計課程之FireWork與Photoshop應用

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

19、三級網(wǎng)絡、三級數(shù)據(jù)庫等基礎知識自學習測試網(wǎng)站（素材參考相關考試大綱、歷年考試題、模擬試題、圖書館資料等）

20、程序員基礎知識題庫及其自學習測試網(wǎng)站（素材參考相關考試大綱、歷年考試題、模擬試題、圖書館資料等）

21、計算機網(wǎng)絡基礎知識及其自學習測試網(wǎng)站（素材參考教科書、網(wǎng)絡資源、圖書館資料等）

22、網(wǎng)絡工程師認證基礎知識及其自學習測試網(wǎng)站（素材參考相關考試大綱、歷年考試題、模擬試題、圖書館資料等）

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

十、項目實訓文檔的封面及第二頁封面：

廣東交通職業(yè)技術學院

07計算機網(wǎng)絡專業(yè)

課程設計報告書

課程名稱網(wǎng)頁設計

課程設計題目

課程設計日期：年月日起年月日止

班級：07計算機網(wǎng)絡專業(yè)班方向

小組成員（學號、角色）：

指導教師：此頁放在項目實訓文檔的第二頁：序號123456班級學號姓名角色得分教師點評：

擴展閱讀：網(wǎng)頁設計實訓指導書

《網(wǎng)頁設計》網(wǎng)站建設實訓指導書

一、實訓內(nèi)容：網(wǎng)頁設計項目實訓二、時間：本周到18周

三、環(huán)境：

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

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

學習一門語言或一種工具最好的方法是用它做一個完整的東西。

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

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

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

培養(yǎng)獨立學習、吸取他人的經(jīng)驗、探討技術的習慣培養(yǎng)團隊協(xié)作能力五、內(nèi)容：

本次課程設計擬分層次進行，學生可根據(jù)自身能力選擇相應的題目，完成項目實訓的任務。

1、基礎設計能力層次：（完成以下要求得分為60-85分）

要求：

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

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

2、“高級”設計能力層次：（完成以下要求得分為85-100分）

要求：在完全實現(xiàn)基礎設計能力層次后，追加以下要求1）熟練掌握JavaScript基本語法

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

6）*網(wǎng)站中可以適當運用新技術*

六、項目實訓文檔寫作說明

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

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

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

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

6、個人角色體會、獲得的經(jīng)驗、自學并應用的新知識、今后努力的方向七、評分標準網(wǎng)站很好的運用了新技術界面實用、美觀、友好。

A--優(yōu)秀：

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

設計報告邏輯性強，條理清晰，有獨到的設計方法網(wǎng)站較好的運用了新技術界面友好。

B--良好：

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

C--中等：

界面友好。文檔清晰、完整。設計報告條理清晰。網(wǎng)站正確的運用了新技術

D--及格：

界面友好。文檔完整。

設計報告編寫缺乏條里。瀏覽網(wǎng)頁時，運行時錯誤較多。

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

文檔、設計報告編寫缺乏條里。八、說明：

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

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

力，取長補短，共同進步，熟悉自己設計的站點。

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

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

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

5、網(wǎng)頁設計課程之CSS自學資源網(wǎng)站

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

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

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

12、二或三級網(wǎng)絡、二或三級數(shù)據(jù)庫等基礎知識自學習測試網(wǎng)站（素材參考相關考試大綱、歷年考試題、模擬試題、圖書館資料等）

13、程序員基礎知識題庫及其自學習測試網(wǎng)站（素材參考相關考試大綱、歷年考試題、模擬試題、圖書館資料等）

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

十、項目實訓文檔的封面封面：

廣東交通職業(yè)技術學院

項目實訓報告書

課程名稱網(wǎng)頁設計

網(wǎng)頁設計題目

設計日期：年月日起年月日止

小組成員（學號、角色）：序號1234

班級學號姓名角色得分

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

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

《網(wǎng)頁設計項目實訓指導書》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.seogis.com/gongwen/585510.html

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