第一篇：營銷-網(wǎng)頁設計實訓指導書

《網(wǎng)頁設計與制作》課程設計指導書

《網(wǎng)頁設計與制作》課程設計指導書

設計專業(yè)： 設計時間：

一、實訓意義

網(wǎng)頁設計與制作綜合實訓是教學過程中重要的實踐性教學環(huán)節(jié)。它是根據(jù)專業(yè)教學計劃的要求，在教師指導下對學生進行的網(wǎng)頁制作專業(yè)技能的訓練，培養(yǎng)學生綜合運用理論知識分析和解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉(zhuǎn)化，是對理論與實踐教學效果的檢驗，也是對學生綜合分析能力與獨立工作能力的培養(yǎng)過程。因此，加強實踐教學環(huán)節(jié)，搞好實訓教學，對實現(xiàn)本專業(yè)的培養(yǎng)目標，提高學生的綜合素有著重要的作用。

二、實訓目的

1．通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業(yè)技能。

（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法。（2）熟練掌握網(wǎng)頁制作軟件Dreamweaver 8的基本操作和使用技能。（3）掌握頁面的整體控制和頭部內(nèi)容設置的方法。（4）熟練掌握網(wǎng)頁頁面布局的各種方法。

（5）熟練掌握在網(wǎng)頁中輸入、設置標題和正文文字的方法。

（6）熟練掌握在網(wǎng)頁中插入圖像、flash動畫、背景音樂的方法。（7）掌握建立各種形式超級鏈接的方法。（8）掌握表單網(wǎng)頁制作方法。（9）掌握網(wǎng)頁特效的制作方法。

（10）掌握網(wǎng)站測試的方法。

2．訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效等。

3．培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。

4．培養(yǎng)學生理論聯(lián)系實際的工作作風、嚴肅認真的科學態(tài)度以及獨立工作的能力，樹立自信心。

5．訓練和培養(yǎng)團隊協(xié)作精神和共同開發(fā)網(wǎng)站的綜合能力。

三、實訓要求

1．實訓參考題：

第1頁

《網(wǎng)頁設計與制作》課程設計指導書

（1）制作教學資源網(wǎng)站（2）制作個人網(wǎng)站。（3）制作班級網(wǎng)站。（4）制作學習網(wǎng)站。（5）制作體育網(wǎng)站。（6）制作旅游網(wǎng)站。（7）制作上海世博會網(wǎng)站。

2．方式：以小組為單位，每組3－4人；請在實訓第一天每個小組把人員分工情況和選題上交給指導教師。

具體要求如下：

1．動手制作網(wǎng)頁之前，必須認真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī)劃好網(wǎng)站的風格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)。

2．制作網(wǎng)頁前，收集好所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效。

3．所創(chuàng)建的網(wǎng)站至少分為二層，包括5個頁面。（1）首頁必須包含有滾動的公告牌效果；

（2）網(wǎng)站的各個頁面應包含有框架網(wǎng)頁、表單網(wǎng)頁、表格網(wǎng)頁、層布局網(wǎng)頁等；（3）各個頁面根據(jù)需要插入合適的圖像和多媒體元素。（4）適當采用CSS樣式表修飾各個頁面內(nèi)容；

（5）所有頁面要求內(nèi)容充實、布局合理、顏色搭配協(xié)調(diào)、美觀大方。（6）各個頁面之間導航清晰、鏈接準確無誤。

（7）選取個別頁面，可以適當調(diào)用JavaScript程序，制作網(wǎng)頁特效。（8）附加內(nèi)容：視各自情況而定，可以制作動態(tài)網(wǎng)頁。

4．網(wǎng)頁的版面尺寸應用符合網(wǎng)頁設計的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應規(guī)范，盡量做到字母數(shù)量少，見名知意、容易理解。

5．實訓過程中既要虛心接受老師的指導，又要充分發(fā)揮主觀能動性、獨立思考、努力鉆研、勤于實踐、勇于創(chuàng)新。

6．在設計過程中，要嚴格要求自己，樹立嚴密、嚴謹?shù)目茖W態(tài)度，必須按時、保質(zhì)、保量完成實訓任務。要求獨立完成規(guī)定的實訓內(nèi)容，不得弄虛作假，不準抄襲或拷貝他人的網(wǎng)頁或其他內(nèi)容。

7．小組成員之間，既要分工明確，又要密切合作，培養(yǎng)良好的互助、協(xié)作精神。8．實訓期間，嚴格遵守學校的規(guī)章制度，不得遲到、早退、曠課。缺課節(jié)數(shù)達三分之一以上者，實訓成績按不及格處理。

9．實訓環(huán)境為Windows XP及以上版本的操作系統(tǒng)，網(wǎng)頁制作軟件為Dreamweaver 8，根據(jù)需要可以運用Fireworks 8處理圖像，運用Flash 8制作動畫。

四、實訓步驟

1．實訓準備、制定實訓計劃

（1）分組：每一組選定一名組長，組長主要負責考勤以及與指導教師聯(lián)系。（2）選題：確定網(wǎng)站主題，各小組進行分工。

（3）根據(jù)實訓時間的長短制定一個切實可行的網(wǎng)站開發(fā)計劃。2．準備素材，搜集與主題相關的文字、圖像、動畫、音樂等資料。

3．設計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設計首頁及其頁面的版式結(jié)構(gòu)。4．創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。5．制作首頁。6．制作二級子頁。

第2頁

《網(wǎng)頁設計與制作》課程設計指導書

7．制作內(nèi)容頁。8．創(chuàng)建超級鏈接。9．測試與瀏覽網(wǎng)頁。10．書寫實訓報告書。

五、報告書寫要求

1.通過報刊、互聯(lián)網(wǎng)查詢，整理，對參考資料需要注明來源地。文章名、作者、報刊名和期數(shù)、網(wǎng)址等。例如：

[1]郭誠忠，電子商務發(fā)展與我國的電子商務總體框架 電子與信息化 2000（1）[2]EvanHirsh，How to TreatCustomer’s Right 2000,10 http://004km.cn/ 2.內(nèi)容應包括以下幾個方面：

1)封面（樣張附后）2)引言

3)系統(tǒng)開發(fā)及運行環(huán)境 4)制作本網(wǎng)站的設計思路

5）繪制出網(wǎng)站的目錄結(jié)構(gòu)和網(wǎng)站的鏈接結(jié)構(gòu)圖（樣圖附后）

6)敘述網(wǎng)站建設及各頁面設計的過程（要求各頁面以圖片的形式存放到文檔合適位置）7）自己對本網(wǎng)站作一個全面的評價：包括有何特點、存在的問題、改進意見等。8)總結(jié)：自己對本次課程設計的體會及收獲。9)參考文獻

10)附：人員組織、分工表，工作進度表 3.4.5.字數(shù)(不包括圖表等)不得少于3000字。禁止直接抄襲網(wǎng)站或報刊內(nèi)容。

不允許雷同報告，發(fā)現(xiàn)后所有雷同以零分記。

六、報告提交方式

要求提交打印稿(A4紙張，正文宋體五號字)，并有基本的格式排版，同時將電子文檔（課程設計報告和網(wǎng)站源代碼）一并打包成.rar文檔，提交到juyhlkl@126.com郵箱。

注意：在提交郵件中請注明：班級、姓名等字樣。

第3頁

《網(wǎng)頁設計與制作》課程設計指導書

七、時間要求

在2012年07月25日前提交，過期不再受理，不記成績。

2012年5月20日

第4頁

第二篇：A08營銷-網(wǎng)頁設計實訓指導書

《網(wǎng)頁設計與制作》課程設計指導書

《網(wǎng)頁設計與制作》課程設計指導書

設計專業(yè)：A08市場營銷

設計時間： 一周（2010－2011（1）學年）

一、實訓意義

網(wǎng)頁設計與制作綜合實訓是教學過程中重要的實踐性教學環(huán)節(jié)。它是根據(jù)專業(yè)教學計劃的要求，在教師指導下對學生進行的網(wǎng)頁制作專業(yè)技能的訓練，培養(yǎng)學生綜合運用理論知識分析和解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉(zhuǎn)化，是對理論與實踐教學效果的檢驗，也是對學生綜合分析能力與獨立工作能力的培養(yǎng)過程。因此，加強實踐教學環(huán)節(jié)，搞好實訓教學，對實現(xiàn)本專業(yè)的培養(yǎng)目標，提高學生的綜合素有著重要的作用。

二、實訓目的

1．通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業(yè)技能。（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法。

（2）熟練掌握網(wǎng)頁制作軟件Dreamweaver 8的基本操作和使用技能。（3）掌握頁面的整體控制和頭部內(nèi)容設置的方法。（4）熟練掌握網(wǎng)頁頁面布局的各種方法。

（5）熟練掌握在網(wǎng)頁中輸入、設置標題和正文文字的方法。

（6）熟練掌握在網(wǎng)頁中插入圖像、flash動畫、背景音樂的方法。（7）掌握建立各種形式超級鏈接的方法。（8）掌握表單網(wǎng)頁制作方法。（9）掌握網(wǎng)頁特效的制作方法。（10）掌握網(wǎng)站測試的方法。

2．訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效等。

3．培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。

4．培養(yǎng)學生理論聯(lián)系實際的工作作風、嚴肅認真的科學態(tài)度以及獨立工作的能力，樹立自信心。

5．訓練和培養(yǎng)團隊協(xié)作精神和共同開發(fā)網(wǎng)站的綜合能力。

三、實訓要求

1．實訓參考題：

第1頁

《網(wǎng)頁設計與制作》課程設計指導書

（1）制作教學資源網(wǎng)站（2）制作個人網(wǎng)站。（3）制作班級網(wǎng)站。（4）制作學習網(wǎng)站。（5）制作體育網(wǎng)站。（6）制作旅游網(wǎng)站。（7）制作上海世博會網(wǎng)站。

2．方式：以小組為單位，每組3－4人；請在實訓第一天每個小組把人員分工情況和選題上交給指導教師。

具體要求如下：

1．動手制作網(wǎng)頁之前，必須認真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī)劃好網(wǎng)站的風格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)。

2．制作網(wǎng)頁前，收集好所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效。3．所創(chuàng)建的網(wǎng)站至少分為二層，包括5個頁面。（1）首頁必須包含有滾動的公告牌效果；

（2）網(wǎng)站的各個頁面應包含有框架網(wǎng)頁、表單網(wǎng)頁、表格網(wǎng)頁、層布局網(wǎng)頁等；（3）各個頁面根據(jù)需要插入合適的圖像和多媒體元素。（4）適當采用CSS樣式表修飾各個頁面內(nèi)容；

（5）所有頁面要求內(nèi)容充實、布局合理、顏色搭配協(xié)調(diào)、美觀大方。（6）各個頁面之間導航清晰、鏈接準確無誤。

（7）選取個別頁面，可以適當調(diào)用JavaScript程序，制作網(wǎng)頁特效。（8）附加內(nèi)容：視各自情況而定，可以制作動態(tài)網(wǎng)頁。

4．網(wǎng)頁的版面尺寸應用符合網(wǎng)頁設計的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應規(guī)范，盡量做到字母數(shù)量少，見名知意、容易理解。

5．實訓過程中既要虛心接受老師的指導，又要充分發(fā)揮主觀能動性、獨立思考、努力鉆研、勤于實踐、勇于創(chuàng)新。

6．在設計過程中，要嚴格要求自己，樹立嚴密、嚴謹?shù)目茖W態(tài)度，必須按時、保質(zhì)、保量完成實訓任務。要求獨立完成規(guī)定的實訓內(nèi)容，不得弄虛作假，不準抄襲或拷貝他人的網(wǎng)頁或其他內(nèi)容。

7．小組成員之間，既要分工明確，又要密切合作，培養(yǎng)良好的互助、協(xié)作精神。8．實訓期間，嚴格遵守學校的規(guī)章制度，不得遲到、早退、曠課。缺課節(jié)數(shù)達三分之一以上者，實訓成績按不及格處理。

9．實訓環(huán)境為Windows XP及以上版本的操作系統(tǒng)，網(wǎng)頁制作軟件為Dreamweaver 8，根據(jù)需要可以運用Fireworks 8處理圖像，運用Flash 8制作動畫。

四、實訓步驟

1．實訓準備、制定實訓計劃

（1）分組：每一組選定一名組長，組長主要負責考勤以及與指導教師聯(lián)系。（2）選題：確定網(wǎng)站主題，各小組進行分工。

（3）根據(jù)實訓時間的長短制定一個切實可行的網(wǎng)站開發(fā)計劃。2．準備素材，搜集與主題相關的文字、圖像、動畫、音樂等資料。

3．設計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設計首頁及其頁面的版式結(jié)構(gòu)。4．創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。5．制作首頁。6．制作二級子頁。

第2頁

《網(wǎng)頁設計與制作》課程設計指導書

7．制作內(nèi)容頁。8．創(chuàng)建超級鏈接。9．測試與瀏覽網(wǎng)頁。10．書寫實訓報告書。

五、報告書寫要求

1.通過報刊、互聯(lián)網(wǎng)查詢，整理，對參考資料需要注明來源地。文章名、作者、報刊名和期數(shù)、網(wǎng)址等。例如：

[1]郭誠忠，電子商務發(fā)展與我國的電子商務總體框架 電子與信息化 2000（1）[2]EvanHirsh，How to TreatCustomer’s Right 2000,10 http://004km.cn/ 2.內(nèi)容應包括以下幾個方面：

1)封面（樣張附后）2)引言

3)系統(tǒng)開發(fā)及運行環(huán)境 4)制作本網(wǎng)站的設計思路

5）繪制出網(wǎng)站的目錄結(jié)構(gòu)和網(wǎng)站的鏈接結(jié)構(gòu)圖（樣圖附后）

6)敘述網(wǎng)站建設及各頁面設計的過程（要求各頁面以圖片的形式存放到文檔合適位置）7）自己對本網(wǎng)站作一個全面的評價：包括有何特點、存在的問題、改進意見等。8)總結(jié)：自己對本次課程設計的體會及收獲。9)參考文獻

10)附：人員組織、分工表，工作進度表 3.4.5.字數(shù)(不包括圖表等)不得少于3000字。禁止直接抄襲網(wǎng)站或報刊內(nèi)容。

不允許雷同報告，發(fā)現(xiàn)后所有雷同以零分記。

六、報告提交方式

要求提交打印稿(A4紙張，正文宋體五號字)，并有基本的格式排版，同時將電子文檔（課程設計報告和網(wǎng)站源代碼）一并打包成.rar文檔，提交到sghgmyy@126.com郵箱。

或是提交到網(wǎng)站上傳：http://004km.cn/

第3頁

《網(wǎng)頁設計與制作》課程設計指導書

注意：在提交郵件中請注明：班級、姓名等字樣。

七、時間要求

在2010年11月25日前提交，過期不再受理，不記成績。

下面是封面

2010年10月20日

第4頁

《網(wǎng)頁設計與制作》課程設計指導書

湖北輕工職業(yè)技術學院

課程設計

題

目___________________________________ 系

部___________________________________ 班

級___________________________________ 姓

名___________________________________ 指導老師___________________________________

****年**月**日

第5頁

《網(wǎng)頁設計與制作》課程設計指導書

網(wǎng)站的目錄結(jié)構(gòu)（樣圖）

網(wǎng)站的鏈接結(jié)構(gòu)（樣圖）

第6頁

第三篇：網(wǎng)頁設計實訓

網(wǎng)站名稱：微言微語個人主頁

班級：J09301班，J09302班

學生姓名：

指導老師：李向

實訓時間：2010.12.6—2010.12.22

2010年下期網(wǎng)頁設計課程實訓報告

一、實習目的：

通過教學實習掌握站點制作、站點測試與發(fā)布技術。會綜合利用Fireworks、Flash和Dreamweaver三個軟件進行靜態(tài)網(wǎng)站的設計。

二、實習內(nèi)容：

1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設置圖片的GIF動畫格式，制作標題動畫。對文字應用效果。利用Fireworks制作導航條并導出格式為html。

2.用Flash制作標題動畫。首頁中的動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視圖，設置本地站點。在標準視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖，在標準模式中插入層對象制作層動畫，利用行為面板添加鼠標行為，制作翻轉(zhuǎn)動畫，使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式，插入Fireworks中的GIF 文件及導入Flash中的SWF文檔，設置文檔間的超級鏈接。

三、具體要求：

1、利用Dreamweaver制作一個靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應能夠反映一個簡單的主題?？梢赃x擇制作《個人網(wǎng)站設計》、《企業(yè)網(wǎng)站設計》、《文化網(wǎng)站的設計》、《娛樂網(wǎng)站設計》或者其他自己認為適合的網(wǎng)站。

2、作一個主頁面，至少5個次頁面。

3、必須用到框架、表格或?qū)优虐婕夹g、Flash技術和圖像處理技術，使網(wǎng)站具有合理的外觀和功能。

4、主頁基本要求：

頁頭Logo，準確無誤地標識站點和企業(yè)標志；

網(wǎng)頁標題動畫，可以制作成GIF動畫或者Flash動畫；

導航條；

E-mail地址，用來接受用戶垂詢；

聯(lián)系信息，如普通郵件地址或電話；

版權(quán)信息。

5、制作一個表單頁面。

6、某個頁面有滾動字幕。

7、為一個頁面添加背景音樂。

8、至少添加一種行為效果。

9、整個網(wǎng)站各頁面之間保持風格一致，頁面之間要有合理的超級鏈接。

10、進行站點測試后申請免費空間并發(fā)布到網(wǎng)絡。

四、網(wǎng)站設計思路：

本站應該算是一個人主頁的小型網(wǎng)站。關于本站站名的來源：微言微語個人主頁，因為，我覺得這個網(wǎng)站里面的所有文字都是像一個人在自言自語，在低聲地向某人訴說著什么，沒有主題，沒有目的。取這個站名，是做了網(wǎng)站的大概構(gòu)思后才取的，覺得，這個名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。

個人主頁，一般都會包括首頁，相冊，鏈接，一些個人喜歡的文字加圖片，我的個人主頁也不例外，包括次首頁（個人喜歡的的文章加圖片），我的作品（里面包括自己做的三個FLASH動畫），文章（一些自己喜歡的文章），相冊（Firworks處理過的相冊），關于（關于自己的文字，關于本站的一些說明），鏈接（世界著名網(wǎng)站的有關鏈接），反饋表（瀏覽者信息反饋表）。

五、網(wǎng)站設計過程：

把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“三”字型的，三字型是我給它取的名字，因為，最開頭是一張帶有導航條的圖片，用Firworks處理過的HTML文件，中間一大片用于放正文，下面就是版權(quán)信息，E-mail地址用來接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開的三個部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡潔美觀。

首頁本想做一個動態(tài)網(wǎng)頁，由于時間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景，加上從下向上的滾動字幕，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設為首頁”等代碼。

次頁面包括如下些內(nèi)容：首頁、作品、文章、相冊、關于、鏈接以及反饋表。這些頁面是用模板做的，上面的圖片，導航條以及下面的版權(quán)聯(lián)系方式是不用改變的，都保持著首頁的風格，背景圖一樣，字體與樣式一樣，圖片風格一樣。中間是兩個可編輯區(qū)域。

在所有的頁面導航條下面，插入層對象制作了一個層動畫，來回移動的層，里面存放日期，利用行為面板為此層添加了鼠標行為，單擊此層，會出現(xiàn)對話框，“歡迎您訪問我的個人主頁！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號，顏色都統(tǒng)一套用相應的樣式。

首頁中添加背景音樂，小說音樂《我在那一角落患過傷風》，一邊看慢慢上移的文字，一邊聽這輕柔的音樂，給人一種意境美。其實次頁面添加《蟲兒飛》，輕快而活潑。首頁禁止右鍵復制功能，右鍵單擊沒有反應。

次首頁，就是進入次頁面的第一個頁面。主題算是與青春有關的三種感情，三張圖片，用Firworks處理，加上相應的文字。要用到兩個表格，分別放在兩個可編輯區(qū)域里面，一個1*2的表格，一個2*2的表格，第一個表格放一張有關于親情的圖片加一小段文字，第二個表格放一張有關于友情的圖片加一小段文字,還有一張有關于愛情的圖片加一小段文字。作品頁面是三個FLASH動畫，第一個是左右鍵控制的圖片移動按鈕，可以單擊來鏈接到主頁面（代碼見附錄），四個圖片經(jīng)過裁剪、高斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長短不一的線條加上透明度的改變組成光芒四射。第三個是鼠標跟隨特效（代碼見附錄）。文章頁面，就是簡單的文字頁面，沒有什么特別的。相冊頁面，上面是一個用Firworks處理后的一組圖片，鼠標移到小圖片上，下面做出現(xiàn)相應的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動圖片（代碼見附錄），圖片跟著鼠標的移動而左右移動。關于頁面，也是簡單的文字頁面，沒什么特別的，“個人簡歷”文字鏈接到WORD文檔“個人簡歷”(代碼：

附錄：源代碼

(1)狀態(tài)欄逐字出現(xiàn)的效果代碼：

(2)首頁收藏代碼：

onClick=“window.external.addFavorite('”,“_blank”);}

六、實訓中遇到的難點及解決辦法：

在設計開始的時候，想的太多，不知道怎么開頭，定哪個主題，背景，色調(diào)，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復雜了，不要追求完美，不要做的網(wǎng)頁太多，搞到最后，別人都不知道，你這個網(wǎng)站的主題

是什么了。

還有就是布局的時候總是不能做到很美觀，后來，我把頁面屬性改了左過距為10，上邊距為10，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁的整體看起來更美觀了。

在做CSS樣式表的時候，做字的顏色的時候，老是不知道用哪種顏色才搭配的起這個背景，后來，看到那個背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。

七、實訓心得：

在我看來，設計網(wǎng)頁，應該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

在所有配色當中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實訓,我覺得平面設計的創(chuàng)意思維、版面設計、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內(nèi)容的多種影響。網(wǎng)頁設計的技術不算什么困難，真正困難的是網(wǎng)頁的設計創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關于親情的文章。也就是整體的搭配問題。

通過此次實訓，使我對于網(wǎng)頁制作的三大軟件有了進一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對以前學過的內(nèi)容進行了綜合的復習。

通過此次實訓，我更了解到，生活中有許多色彩，搭配顏色的時候，聯(lián)想到生活中的東西會做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會聯(lián)想到做網(wǎng)頁的時候，還有怎么布局。反正此次實訓收獲很多。

最后，我想，如果此次實訓老師是要我們分組來做的話，也許，我們可以做得更好，因為，一個想的畢竟不全面，而且，一個人的申美有限，我們可以分工合作，一個人做一個方面的東西，也可以根據(jù)他所善長的方面來分工，善長動畫制作的人做動畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣，有些同學會懶的動手，推著給別人做

第四篇：《網(wǎng)頁設計與制作綜合實訓》實訓指導書

武漢商貿(mào)職業(yè)學院 信息工程學院

《網(wǎng)頁設計與制作綜合實訓》實訓指導書

軟件教研室 2013年9月 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

目錄

實訓目的...........................................................................................................................................1 實訓內(nèi)容及要求...............................................................................................................................1 實訓性質(zhì)、實訓地點、實習時間安排，適用專業(yè)班級...............................................................2 實訓一 站點的規(guī)劃設計..................................................................................................................3 實訓二 設計案例網(wǎng)站LOGO.........................................................................................................4 實訓三 設計案例網(wǎng)站BANNER...................................................................................................5 實訓四 設計案例網(wǎng)站導航條.........................................................................................................6 實訓五 設計案例網(wǎng)站網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明.........................................................................7 實訓六 對案例網(wǎng)站版面切圖.........................................................................................................8 實訓七 制作完成案例網(wǎng)站首頁.....................................................................................................9 實訓八 案例網(wǎng)站模板的制作.......................................................................................................10 實訓九 案例網(wǎng)頁超級鏈接的添加...............................................................................................11 實訓十 案例網(wǎng)站加入動態(tài)元素...................................................................................................12

第2頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓目的

在前一階段，學生完成了《網(wǎng)頁設計與制作》、《圖形圖像處理》、《CSS設計》、等專業(yè)課程的學習，為了讓學生將前期的專業(yè)課程學以致用，融會貫通，特開設本系統(tǒng)化實訓。

本次綜合實訓基于學生的興趣，選取專業(yè)建設網(wǎng)站開發(fā)為主題，基于網(wǎng)頁開發(fā)的流程，把實訓周期當做是一個項目的開發(fā)周期，嚴格把握項目進度，最終要求學生完成網(wǎng)站的前臺設計。

通過本次實訓希望達到以下目的：

1.熟悉和掌握Dreamweaver軟件的使用方法； 2.熟悉和掌握PS軟件的使用方法； 3.熟悉FLASH軟件應用的方法； 4.學會使用CSS+DIV做網(wǎng)頁布局； 5.熟練掌握站點的規(guī)劃與設計

實訓內(nèi)容及要求

本實訓的內(nèi)容簡述： 1.網(wǎng)站首頁（1）專業(yè)概況（2）專業(yè)建設規(guī)劃

（3）展示最新動態(tài)文章標題（8條）（4）專業(yè)建設成效的文章標題（8項）（5）專業(yè)建設特色文章標題（8項）2.專業(yè)概況

點擊項目概況，顯示相關文本 3.專業(yè)建設規(guī)劃

點擊項目申報書菜單，顯示flashpaper格式的申報書內(nèi)容 4.專業(yè)建設特色

顯示專業(yè)建設特色的文章標題列表，點擊標題進入內(nèi)容 5.專業(yè)建設動態(tài)

顯示專業(yè)建設動態(tài)的標題列表，點擊標題進入成果詳細展示 6.專業(yè)建設成效

顯示專業(yè)建設成效的標題列表，點擊標題進入成果詳細展示。本實訓的要求：

1.應用css和html（div+css）技術完成至少4個頁面，其中必須包括網(wǎng)站主頁面設計、欄目頁設計、管理員管理登陸頁面、管理員登錄以后的頁面。2.顯示環(huán)境：網(wǎng)頁視覺效果應采用Internet Explorer 6.0以上版本瀏覽器，顯示分辨率以1024×768狀態(tài)為準。

第1頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

3.網(wǎng)頁規(guī)模：網(wǎng)頁總量原則上不應超過10M，且必須要是不連接互聯(lián)網(wǎng)就可以進行展示的作品。

4.網(wǎng)站結(jié)構(gòu)：要求結(jié)構(gòu)清晰，文件有清晰的分類，比如圖片都放在images文件夾下等。

5.要求頁面美觀大方、顏色搭配協(xié)調(diào)；

6.作品留存，下學期或下一階段繼續(xù)完善、開發(fā)。

實訓性質(zhì)、實訓地點、實習時間安排，適用專業(yè)班級

該實訓為校內(nèi)模擬實訓。根據(jù)高等教育教學大綱規(guī)定和學院教學計劃安排及培養(yǎng)學生職業(yè)技能的要求，軟微班的學生于第一學期進行為期4周的校內(nèi)實訓，項目名稱為《網(wǎng)頁設計與制作綜合實訓》。

實訓時間：2013-2014學年第一學期第15-18周 實訓班級：軟件1301班、軟件1302班 實訓地點： 學校機房

第2頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓一 站點的規(guī)劃設計

1、學時分配：6學時

2、實訓目的

（1）熟悉Dreamweaver軟件的界面布局和工作環(huán)境。（2）熟練掌握本地站點創(chuàng)建和管理的方法。

3、實訓任務

（1）創(chuàng)建一個靜態(tài)網(wǎng)站站點。（2）從網(wǎng)絡上收集網(wǎng)頁素材。

（3）根據(jù)提供的網(wǎng)站策劃方案范本，結(jié)合自己要制作完成的網(wǎng)站，開始著手書寫網(wǎng)站策劃方案。

4、實訓內(nèi)容

（1）打開Dreamweaver 軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Dreamweaver 軟件。

（2）在本機D盤上創(chuàng)建文件夾“home”，在“home”文件夾下根據(jù)網(wǎng)站的規(guī)劃設計，創(chuàng)建相關的文件夾，用來放置不同的文件。

（3）在Dreamweaver 軟件中，將D盤 “home” 文件夾定義成靜態(tài)網(wǎng)站站點，站點名稱任意。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第3頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓二 設計案例網(wǎng)站LOGO

1、學時分配：6學時

2、實訓目的

（1）熟悉Photoshop軟件的界面布局和工作環(huán)境。（2）熟練掌握網(wǎng)站LOGO的設計方法。（3）創(chuàng)建項目案例網(wǎng)站的LOGO。

3、實訓任務

（1）掌握Photoshop軟件文字工具工具的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站LOGO。

（3）根據(jù)小組討論結(jié)果，實際動手完成網(wǎng)站的LOGO。

4、實訓內(nèi)容

（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，能夠熟練使用Photoshop軟件。

（2）新建Photoshop文件，大小為980*600像素，分辨率為72像素/英寸，顏色模式為RGB顏色8位，背景顏色為白色或者透明都可以。（3）使用文字工具，輸入MZD三個字母，設置文字屬性。

（4）柵格化文字圖層，將柵格化后的圖層上的3個字母分別移動到不同的3個圖層上。

（5）分別對3個字母進行藝術化處理。（6）輸入其他的文字。

（7）為輸入的文字圖層設置“混合選項”。（8）保存文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第4頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓三 設計案例網(wǎng)站BANNER

1、學時分配：6學時

2、實訓目的

（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站BANNER的設計方法。（3）創(chuàng)建項目案例網(wǎng)站的BANNER。

3、實訓任務

（1）掌握Photoshop軟件漸變工具的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站BANNER。

（3）根據(jù)小組討論結(jié)果，實際動手完成網(wǎng)站的BANNER。

4、實訓內(nèi)容

（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。

（2）打開上次保存好的Photoshop源文件，在上次完成的LOGO基礎上，準備開始制作本次的BANNER。

（3）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開始設計網(wǎng)站的BANNER，首先去選擇一張適合的圖片。

（4）使用矩形選框工具選擇要使用的圖片部分，圖片的其他部分刪除。（5）根據(jù)設計要求，在BANNER上添加其他元素，比如文字或者其他能夠表達網(wǎng)站主題的圖片。

（6）使用魔術棒工具將要放置到BANNER上的圖片的某一部分扣出來，然后設置適合的大小，旋轉(zhuǎn)好方向后放好。

（7）設置圖層的樣式，以及文字的混合選項等。（8）保存文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第5頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓四 設計案例網(wǎng)站導航條

1、學時分配：6學時

2、實訓目的

（1）熟悉Photoshop軟件的使用方法。（2）熟練掌握網(wǎng)站導航條的設計方法。（3）創(chuàng)建項目案例網(wǎng)站的導航條。

3、實訓任務

（1）掌握Photoshop軟件圓角矩形工具的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站導航條。

（3）根據(jù)小組討論結(jié)果，實際動手完成網(wǎng)站的導航條。

4、實訓內(nèi)容

（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。

（2）查看網(wǎng)上其它網(wǎng)站的導航條，了解導航條的基本情況。

（3）打開上次保存好的Photoshop源文件，在上次完成的基礎上，準備開始制作本次的導航條。

（4）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，開始設計網(wǎng)站的導航條，首先去選擇一張適合的圖片。

（5）使用圓角矩形工具繪制一個圓角矩形，顏色與大小要與整個網(wǎng)站的風格與主題相一致。

（6）選中繪制好的圓角矩形，使用漸變工具，繪制立體感導航條背景。（7）輸入導航條文字，輸入導航條文字間的豎線間隔。（8）設置文字和豎線的混合選項，增加立體感。（9）保存文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第6頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓五 設計案例網(wǎng)站網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明

1、學時分配：6學時

2、實訓目的

（1）熟悉Photoshop軟件的使用方法。

（2）熟練掌握網(wǎng)站網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明的設計方法。（3）創(chuàng)建項目案例網(wǎng)站的網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明。

3、實訓任務

（1）掌握Photoshop軟件多種工具結(jié)合的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站網(wǎng)頁。

（3）根據(jù)小組討論結(jié)果，實際動手完成網(wǎng)站的網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明。

4、實訓內(nèi)容

（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。

（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。

（3）打開上次保存好的Photoshop源文件，在上次完成的基礎上，準備開始制作本次的網(wǎng)頁內(nèi)容和網(wǎng)頁版權(quán)聲明。

（4）根據(jù)網(wǎng)站策劃方案里的主色調(diào)和主題的要求，選擇灰色與深藍色作為邊框顏色，網(wǎng)頁內(nèi)容標題文字顏色為黑色。

（5）以制作通知公告為例，使用文字工具輸入文字“通知公告”，文字大小為14號，文字顏色為黑色，文字字體為“宋體或者黑體”，根據(jù)自己的理解，可以為文字增加“混合選項”，設置文字效果。（6）新建圖層，選擇“線條工具”，線條粗細為1 像素，顏色為黑色或者深藍色都可以，繪制一條直線。

（7）新建圖層，選擇“圓角矩形工具”，半徑為50 像素，顏色為黑色或者深藍色。

（8）新建圖層，選擇“文字工具”，在剛才繪制好的圓角矩形上輸入“More”，文字大小是12，顏色為白色，字體為“Arial”。

（9）使用同樣的辦法可以制作完成其他網(wǎng)頁內(nèi)容部分的標題。（10）保存文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第7頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓六 對案例網(wǎng)站版面切圖

1、學時分配：6學時

2、實訓目的

（1）熟悉Photoshop軟件的使用方法。（2）掌握網(wǎng)站版面設計的方法。（3）對案例網(wǎng)站版面進行切圖。

3、實訓任務

（1）掌握Photoshop軟件切片工具的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站網(wǎng)頁。

（3）根據(jù)小組討論結(jié)果，實際動手對網(wǎng)站版面進行切圖。

4、實訓內(nèi)容

（1）打開Photoshop軟件，熟悉軟件的界面布局和工作面板的擺放，熟練使用Photoshop軟件。

（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。

（3）打開制作好的網(wǎng)站版面源文件，使用切片工具準備對版面進行切圖。（4）使用參考線將網(wǎng)站版面部分之間進行分割。（5）使用切片工具對網(wǎng)站版面進行切割。

（6）切圖完成后，選擇“文件”——“存儲為WEB所用格式”，存儲文件類型可以選擇“JPEG”或者“GIF”。（7）整理保存好的文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第8頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓七 制作完成案例網(wǎng)站首頁

1、學時分配：6學時

2、實訓目的

（1）熟悉Dreamweaver軟件的使用方法。（2）掌握使用表格布局網(wǎng)頁的方法。（3）制作完成案例網(wǎng)站首頁。

3、實訓任務

（1）掌握Dreamweaver軟件的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站網(wǎng)頁。

（3）根據(jù)小組討論結(jié)果，實際動手完成案例網(wǎng)站首頁。

4、實訓內(nèi)容

（1）預覽實訓網(wǎng)頁。

（2）在D盤根目錄下新建一個文件夾“home”，在該文件夾中分別新建“css”、“images”，“html”三個文件夾，（3）打開Dreamweaver軟件，將“home”文件夾定義為站點。

（4）創(chuàng)建一個命名為“index.html”的網(wǎng)頁文檔，設置網(wǎng)頁的頁面屬性。（5）根據(jù)網(wǎng)頁首頁效果圖，插入表格，進行表格的嵌套，完成網(wǎng)頁首頁的布局。（6）在網(wǎng)頁插入的表格中輸入文字、水平線和日期等內(nèi)容，設置文本的屬性。（7）在網(wǎng)頁中插入圖像，設置圖像的屬性。

（8）創(chuàng)建CSS樣式表文件，分別定義需要添加效果的不同CSS樣式。（9）在網(wǎng)頁上分別應用不同的CSS樣式。（10）保存網(wǎng)頁文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第9頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓八 案例網(wǎng)站模板的制作

1、學時分配：6學時

2、實訓目的

（1）熟悉Dreamweaver軟件的使用方法。（2）掌握網(wǎng)頁模板的制作方法。

（3）掌握使用網(wǎng)頁模板創(chuàng)建網(wǎng)頁的方法。

3、實訓任務

（1）掌握Dreamweaver軟件的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站網(wǎng)頁。

（3）根據(jù)小組討論結(jié)果，實際動手制作網(wǎng)頁模板。

4、實訓內(nèi)容（1）根據(jù)下發(fā)的“二級網(wǎng)頁.jpg”，在Photoshop軟件中設計完成二級網(wǎng)頁版面，并且切圖制作網(wǎng)頁。

（2）查看網(wǎng)上其它網(wǎng)站的網(wǎng)頁，了解網(wǎng)頁對象分布的基本情況。

（3）在Dreamweaver軟件中打開制作好的二級網(wǎng)頁，選擇“文件”—“另存為模板”，將制作好的網(wǎng)頁轉(zhuǎn)化為模板文件。（4）在創(chuàng)建好的模板網(wǎng)頁上插入“可編輯區(qū)域”，根據(jù)需要可以插入多個可編輯區(qū)域。

（5）也可以選擇“文件”—“新建”—“模板文件”，重新創(chuàng)建一個新的模板文件，跟制作網(wǎng)頁的方法一樣，制作完成模板網(wǎng)頁后，一定要在模板網(wǎng)頁中插入可編輯區(qū)域。

（6）選擇“文件”—“模板”，選擇創(chuàng)建好的網(wǎng)頁模板，選擇“由模板創(chuàng)建”，利用制作好的模板來生成網(wǎng)頁。

（7）在生成的網(wǎng)頁中的可編輯區(qū)域中添加相應的網(wǎng)頁內(nèi)容。（8）對創(chuàng)建好的網(wǎng)頁模板進行編輯，并且進行更新。（9）整理保存好的文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第10頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓九 案例網(wǎng)頁超級鏈接的添加

1、學時分配：6學時

2、實訓目的

（1）熟悉Dreamweaver軟件的使用方法；（2）掌握網(wǎng)頁超連接的添加和設置方法；（3）創(chuàng)建完成案例網(wǎng)頁的超連接。

3、實訓任務

（1）掌握Dreamweaver軟件的使用方法。（2）查看網(wǎng)絡上相關網(wǎng)站網(wǎng)頁。

（3）根據(jù)小組討論結(jié)果，實際動手創(chuàng)建網(wǎng)頁超鏈接。

4、實訓內(nèi)容

（1）根據(jù)設計好的二級網(wǎng)頁版面，制作網(wǎng)頁模板。（2）打開Dreamweaver軟件使用創(chuàng)建的二級網(wǎng)頁模板來創(chuàng)建主頁的新聞網(wǎng)頁。（3）根據(jù)首頁新聞鏈接標題內(nèi)容，選擇新聞網(wǎng)頁內(nèi)容，并將新聞內(nèi)容添加到使用網(wǎng)頁模板生成的新聞網(wǎng)頁中。

（4）為首頁新聞文字添加文字超鏈接。

（5）在創(chuàng)建新聞網(wǎng)頁的模板文件中添加返回首頁的鏈接。（6）更新網(wǎng)頁。

（7）根據(jù)首頁導航條內(nèi)容，選擇合適的網(wǎng)頁內(nèi)容，使用二級網(wǎng)頁模板生成相應網(wǎng)頁。

（8）為首頁導航條添加圖片超鏈接，鏈接到相應的二級網(wǎng)頁。

（9）在創(chuàng)建二級網(wǎng)頁的模板文件中創(chuàng)建返回首頁，以及二級網(wǎng)頁之間互相鏈接的超鏈接。

（10）更新網(wǎng)頁。（11）為首頁添加郵件鏈接、錨點鏈接、跳轉(zhuǎn)菜單鏈接、下載鏈接等其他超鏈接。（12）測試網(wǎng)頁超鏈接，保存相關文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第11頁 《網(wǎng)頁設計與制作綜合實訓》實訓指導書

實訓十 案例網(wǎng)站加入動態(tài)元素

1、學時分配：6學時

2、實訓目的

（1）熟悉Flash軟件的使用方法；（2）掌握創(chuàng)建滾動效果的方法；（3）為案例網(wǎng)站加入動態(tài)效果。

3、實訓任務

（1）掌握Dreamweaver軟件和Flash軟件的使用方法。（2）實際動手為網(wǎng)站首頁制作一個Flash動畫。

（3）為首頁增加新聞動態(tài)滾動效果，以及圖片動態(tài)滾動效果。

4、實訓內(nèi)容

（1）打開Flash軟件，熟悉Flash軟件的使用方法。

（2）使用Flash軟件創(chuàng)建一個簡單動畫，比如圖片之間的簡單切換。（3）打開Dreamweaver軟件，將Flash中生成的SWF格式動畫文件插入到網(wǎng)頁中，設置動畫屬性。

（4）熟悉鏈接網(wǎng)頁源代碼的編寫方法，掌握基本的網(wǎng)頁代碼標簽。（5）在“通知公告”中給網(wǎng)頁新聞添加由下向上的動態(tài)滾動效果。（6）在“專業(yè)展板”中給圖片添加由右向左的動態(tài)滾動效果。（7）測試網(wǎng)頁效果，整理保存好的文件。

5、實訓要求

（1）由指導教師講清實訓的基本原理，要求，實訓目的。

（2）實訓不分小組，要求每位同學均能獨立地完全相關實訓的設計與制作。（3）教學實訓除了驗證課程理論外，還要求學生掌握網(wǎng)絡資源的搜索與應用。（4）除了教師的指導外，還要著重培養(yǎng)學生自學的能力。

第12頁

第五篇：營銷會議策劃實訓指導書

營銷會議策劃實訓指導書

一、實訓目的和基本要求

通過本實訓，使學生掌握營銷會議策劃的基本知識、基本原理、方法和基本流程，初步具備獨立從事營銷會議策劃和設計的技能。

二、實訓的原理與方法

（一）實訓原理

營銷會議的意義和基本流程，營銷會議策劃的方法、內(nèi)容和步驟。

（二）實訓方法

講授法、案例分析法、討論法、問答法、調(diào)查法、分組模擬操作法等。

三、實訓場地

校內(nèi)教室（含實訓機房）、校外企業(yè)。

四、實訓設備及軟件

校內(nèi)實訓機房，軟件（課件）附后。

五、實訓材料

營銷會議策劃的案例，與營銷策劃相關的數(shù)據(jù)。

六、實訓課時分配

實訓時間安排為28課時，進度安排為：

1、全面基本內(nèi)容介紹6課時；

2、營銷會議策劃的方案的制作8課時；

3、按照策劃方案召開一次模擬營銷會議10課時 實訓總結(jié)、實訓報告的整理、答辯4課時。

實訓一

★實訓內(nèi)容：營銷會議如何做產(chǎn)品策劃

營銷就是傳播，傳播就是“說”，策劃就是研究怎么“說”。會議營銷的產(chǎn)品策劃完全是圍繞“說”字做文章，我索性就叫它“說策劃”，“說策劃”有“說法

第1說——說給誰聽

說給誰聽，就是說的對象，或聽你說的人。會議營銷的對象都是能聚會到一起的人。從已有的成功實踐看，多是老年人，珍奧、夕陽美、天年、中脈等成功的會議營銷企業(yè)莫不如此。其次，是以老年人為主的病患人群，像糖尿病、骨病等。

這樣還不夠，還要對說的對象做進一步的研究，進一步的細分。以糖尿病人群為例，有多年的老患者，有剛確診的新患者，有糖耐量異常的所謂準患者，還有肥胖、有家族史、高血壓、脂代謝紊亂等高危人群。不同的細分人群有不同的需求，確診的想要降血糖，想要控制并發(fā)癥；準患者想要逆轉(zhuǎn)，避免發(fā)展成真患者；高危人群想要預防患上糖尿病。需求不同，決定你下一步說什么，所以，先要確定說的對象，再弄明白這些人在想什么，需要什么，然后就知道該說什么了，這樣才算有的放矢。

更進一步的，還要弄清楚，哪些人群、哪些需求才是真正的市場機會。仍以糖尿病為例。漏診人群和預防人群巨大，他們是你要說的對象嗎？這些人能不能召集來？你能不能說動他買你的產(chǎn)品？要考慮好再說，不急。畢竟顧客想的是健康，而你想的是賺錢，兩下統(tǒng)一才好。

最后提醒一句，不是別人沒有做的就是機會，除非你確信有辦法把這個機會兌現(xiàn)成真金白銀。

第2說——說的目的是什么

說的目的，就是說出來要達到什么效果。說的目的很簡單，就是聽你說完了，或者還沒有說完，聽眾就紛紛掏腰包買你的產(chǎn)品。往深一步說，又可以分解為四個子目的，一是說得顧客來，二是說得顧客買，三是說得顧客接著買，四是說得顧客拉別的顧客買，樣樣都要有針對性的策劃。

以會議營銷常用的幾種銷售工具為例，按照它們對產(chǎn)品的直接推銷力度的不同，我將其分為三類，各有不同的功能定位，也就是“說”的使命各有不同。

第一類是核心銷售工具，我把它定位為“無聲的推銷員”，如報紙?？?、專家演講稿和與之相配的幻燈片。每件東西給它一句廣告詞，就知道它的使命是什么

看了報紙，顧客要想：“這個產(chǎn)品不錯，快打電話了解一下”！

聽了專家的演講，顧客要說：“我要買”！

不妨說，營銷員也是一種核心銷售工具，聽了營銷員的介紹，顧客要說：“我要馬上買”!

第二類是輔助銷售工具，我把它定位為“助理推銷員”。像企業(yè)自己出的書，銷售現(xiàn)場的橫幅、易拉寶、展板以及社區(qū)活動海報等都屬于這一類。

橫幅說：“這里是某某的世界”！

易拉寶說：“遠遠看我一眼，讓你抓住要點”！

展板說：“走過來，讀一讀，看一看，這個產(chǎn)品真是不簡單”！

看了社區(qū)活動海報，顧客說：“好活動，我要參加”！

讀了你的書，顧客自言自語：“嗯，挺科學，挺豐富，有依據(jù)”！

第三類是外圍銷售工具，我把它定位為“形象大使，公益大使”。筆者最近策劃的吉爾福GTF膠囊是一糖尿病產(chǎn)品，以我做的幾樣東西為例。

《中國糖尿病康復曙光行動畫冊》說：“政府行動，公益行動，可信賴！”

《曙光會刊》說：“有影響，有成效，我要加入，我要跟著走”！

公司網(wǎng)站說：“這里是糖尿病人的家園，?；丶铱纯础?！

顧客看到《糖尿病食療康復手冊》說：“有用的好寶貝，我要”！

顧客拿到《糖尿病康復日志》說：“貼心的好東西，我要每天堅持認真填寫”！

總之，每件銷售工具都擔負著不同的“說”的使命，如果不能達到預期的效果，就最好別說，想好了再說，想不好還不如不說，因為這個說是有成本的。如果說完了，效果不夠好，你就要改進你的說法。

也有超過預期效果的情況，像我們做的《中國中醫(yī)藥報》，發(fā)布后咨詢電話不斷，郵購訂單接二連三，一武漢患者等不及郵購，千里迢迢專程趕到北京，買三盒（765元/盒）就走！

第3說——說什么

說什么？說理論，說機理，說發(fā)現(xiàn)，說國際，說原料，說功效，說發(fā)明人，說代言人，說適用人群，說安全可靠，說使用感受，說立竿見影，說日新月異，說打折贈送，說顧客關心的問題，說產(chǎn)品的USP，說這兩者的結(jié)合點。

還有很重要的一項要說，說我們公司很愛你，說我們都是活雷鋒，說今兒個只做公益。俗話說，不怕沒好事，就怕沒好人。換言之，壞人做不出好事，好人不會干壞事。先把自己策劃成一個好人，賣東西才能事半功倍。保健品的產(chǎn)品策劃，說“好”的時代過去了，現(xiàn)在是說“信”的時代！

總之，樣樣都可以說，樣樣都不可以說，策略不對，一切白費。不要面面俱到，不要泛泛而談。不說顧客聽不懂，聽懂了也記不住，記住了也不能促進銷售的東西。

吉爾福GTF膠囊的目標顧客是糖尿病人，他們關心的，一是降糖，二是控制并發(fā)癥，三是擔心毒副作用，四最恨添加違禁藥物。反觀產(chǎn)品，優(yōu)勢就是科技含量高，改善癥狀效果好，沒有任何毒副作用，所以，策劃思想上，就充分發(fā)揮產(chǎn)品的科技領先優(yōu)勢，通過比肩策略，說GTF是“繼胰島素后糖尿病防治領域又一偉大發(fā)現(xiàn)”。針對糖尿病人久病成醫(yī)的特點，說GTF的發(fā)現(xiàn)和研發(fā)歷程，說機理，說科學，說國際背景，說產(chǎn)品的三個唯一和五大優(yōu)勢，使產(chǎn)品在魚龍混雜、好話說盡、大話說絕的糖尿病市場脫穎而出，鶴立雞群。

這個策劃規(guī)律同樣適用于非會議營銷。筆者曾擔綱策劃一前列腺產(chǎn)品，該產(chǎn)品的基本特點是，含有幾味中草藥，貼到患處附近的穴位可以發(fā)熱。我的策略是，抓住一點，不及其余，緊緊把握“會發(fā)熱的藥”這一差異化優(yōu)勢，在報紙廣告中，就說“新療法”、“就用新療法”、“馬上就換新療法”，而對具體的藥物成分只字不提。整個文案氣勢如虹，不給患者任何猶豫的余地。“我要問問”、“我要買”、“我要馬上買”，就要讓患者做出這樣的反應！在華中某強勢媒體推出整版廣告，一炮打響，單版盈利！連打一周，競品廣告銷聲匿跡，該單品在同系列15個產(chǎn)品中所占銷售比重迅速提升到70%！

第4說——怎么說

正著說，反著說，打比方說，編故事說，用療法說，怎么能讓顧客相信怎么說。

正著說自不必說，反著說就是把劣勢當成優(yōu)勢說，把競品的所謂優(yōu)勢當成劣勢說。仍以吉爾福GTF膠囊為例，弱點是降糖效果不那么快，針對競品普遍鼓吹快速降糖的市場現(xiàn)狀（甚至有中藥保健品聲稱30秒鐘降血糖）的情況下，說快速降糖不是目的（控制并發(fā)癥才是目的），說快速降糖不是問題（西藥既速效又便宜），說快速降糖危害健康和生命（低血糖會死人）。不是目的，不是問題，還很危險，對手的優(yōu)勢被徹底瓦解。

打比方說，把高深的說得淺易，把抽象的說得形象，把產(chǎn)品的優(yōu)勢說明說透。

為了說明白GTF的重要性，我打了這樣的比方——胰島素是降糖信號的傳遞員，胰島素受體是胰島素的接受站，GTF才是打開細胞糖通道大門的人，沒有GTF，胰島素就起不到降糖作用。

為了突出吉爾福GTF膠囊“通過讓組織細胞利用血糖來平穩(wěn)降血糖”這一機理的先進性，我打了這樣的比方——如果把人體血液中的葡萄糖比喻為水庫里的水的話，那么，傳統(tǒng)的降糖辦法就是堵截水源或把水庫里的水放掉，以免危及村民的生命，而吉爾福GTF膠囊是利用水庫里的水來澆灌莊稼，莊稼就是60萬億個人體細胞。兩種方法都能降低水位，但第一種方法莊稼缺水旱死，村民現(xiàn)在不被洪水淹死，將來卻不免被餓死。

為了與市場上廉價的補鉻產(chǎn)品相區(qū)隔，我說：如果說GTF是糖尿病人需要的牛奶的話，那么無機鉻、有機鉻就相當于牛吃的草，人不能消化牛草，吃牛草起不到喝牛奶的作用。

去年策劃一個肽保健品，在顧客對蛋白質(zhì)和核酸已有普遍認知的基礎上，通過一個比方給肽作了這樣的定位——如果把人體比喻成一輛汽車的話，那么蛋白質(zhì)就是車身，核酸是開車的人，而肽就是車的調(diào)控系統(tǒng)。車犯毛病多是調(diào)控系統(tǒng)出故障，人得病主要是肽出問題。共產(chǎn)主義再崇高，也要從分田分地說起；科技再深奧，也不妨從牛奶牛草說起，從水庫汽車說起。中國革命的成功經(jīng)驗大可借鑒。打比方不僅要生動，易懂，更要科學，違背科學的比方看來很美，危害卻很大。

編故事說，主要是編一些或真或假或半真半假、查有實據(jù)或查無實據(jù)的傳奇故事。什么印第安人沒有禿發(fā)啦，什么某國皇家御用從來不得什么病了，什么搭載神五神六上天母雞變鳳凰啦，只有想不到，沒有做不到。筆者沒有編過，不敢妄言。

用療法說，比單純吆喝產(chǎn)品要進步許多。核酸暢銷六年，所謂的核酸營養(yǎng)學和核酸代謝療法功不可沒；傅山藥業(yè)肝必康紅火數(shù)載，所謂的肝必康跟蹤療法堪稱一絕。

筆者去年春策劃一“改善營養(yǎng)性貧血”產(chǎn)品，接手前，兩個月才賣出兩三盒，接手后，摒棄補血功效訴求，挖掘肽的高科技概念，創(chuàng)立“小分子活性肽療法”，改打老年慢性病，通過會議營銷模式，首場試銷，到會幾十名顧客，銷售數(shù)萬元。去年冬策劃某前列腺產(chǎn)品，創(chuàng)立“熱力學藥物療法”，說熱力推動藥物，解決了前列腺藥物不能透過脂質(zhì)包膜的難題，新穎、可信。

第5說——誰來說

不同的話由不同的人來說，才可信。凡承擔傳播功能的東西都會擬人說話。

產(chǎn)品包裝會說話?？萍几校瑑r值感，健康感，親和感，都在色彩、圖案、做工上。

產(chǎn)品價格會說話。原料那么珍稀，科技那么前沿，工藝那么先進，效果那么神奇，價格那么低誰信啊！

產(chǎn)品售點會說話。做會要去五星級賓館才顯實力，鋪貨要去同仁堂藥店才有信譽。購買便利不是問題，商圈概念不用考慮，守株待兔無所作為，專賣店來的都是電話里說過話的顧客。

政府官員和專業(yè)機構(gòu)會說話。策劃一個大型主題公益活動，在人民大會堂啟動，在釣魚臺國賓館啟動，在中華世紀壇啟動，這些地方，花錢就能開會，比五星級賓館貴不了多少，在顧客聽起來卻另有某種可信的感覺。請衛(wèi)生部門退休的老領導來，請有關協(xié)會領導來，請各大媒體記者來，不由你不相信，這是一次政府行為。

專家會說話。策劃一次專題專家研討會，請國內(nèi)知名專家來，請國外金發(fā)碧眼不知今天會議說啥的人來，請知名院校、知名醫(yī)院的專家教授來，一人說幾句，錄音又錄像，不由你不相信，這是專家認可推薦的好產(chǎn)品。

權(quán)威媒體會說話。人民日報說，光明日報說，中央電視臺說，中央人民廣播電臺說，新華網(wǎng)說，紐約時報說，華盛頓郵報說，讀賣新聞說，不由你不相信，國內(nèi)熱，國外更火。

花錢請得明星說，免費動員患者說，都是大家熟知的平常功夫，一般人俺不說他也知道。

去年有幸給某公司策劃一個產(chǎn)品，居然有國家最高領導人前去視察時手持產(chǎn)品的照片，算是“誰來說”這件事情的登峰造極之作了。這樣的好材料，廣告不能上，會議營銷卻可以說，這也是會議營銷的一大優(yōu)勢，就是能夠整合所有有用的資源，進行360度的營銷傳播。

綜上所述，總計有五大說，上百小說，每說中更蘊藏諸多精妙沒說，或不便于說，或說出來不如不說。最后說一句，怎么說都行，只要不違法，不害人，不賠錢就行。

四、根據(jù)以上方法和步驟制定一個產(chǎn)品說明會的策劃方案

●步驟與方法（含注意事項）○自學并思考； ○講解與提示； ○討論與問答。

●思考題

○試述營銷會議的優(yōu)點及不足之處。

實訓 二

★實訓內(nèi)容：業(yè)務推動營銷會議案例研討

? 閱讀案例背景（略）

1、研討內(nèi)容：

如何有效實施該業(yè)務推動營銷會議企劃案的 以組為單位研討 研討時間：40分鐘

2、研討要求

3、學生發(fā)布

4、老師總結(jié)、反饋

●步驟與方法（含注意事項）○自學并思考； ○講解與提示； ○討論與問答。

●思考題

○簡述該營銷會議企劃案制訂的基本流程及要點。○試分析上述該營銷會議企劃案不足之處及改進措施。

實訓 三 實地調(diào)查及VIP客戶聯(lián)誼會策劃方案（略）。

實訓 四

增員說明會的策劃方案。