企業(yè)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)課程及電子商務(wù)網(wǎng)站建設(shè)實(shí)訓(xùn)作業(yè)要求剖析

1、企業(yè)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作課程成果要求及實(shí)訓(xùn)大綱一、實(shí)訓(xùn)目的網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作是電子商務(wù)專業(yè)實(shí)踐性很強(qiáng)的課程，學(xué)生必須通過(guò)不斷上機(jī)練習(xí)以及使用它來(lái)解決實(shí)際的問(wèn)題，才能更好地掌握。因此，在本學(xué)期特設(shè)置此課程實(shí)訓(xùn)，集中一段時(shí)間使學(xué)生綜合運(yùn)用所學(xué)習(xí)的網(wǎng)頁(yè)制作知識(shí)及以前所學(xué)習(xí)的計(jì)算機(jī)方面的知識(shí)，按照網(wǎng)站制作的流程，完成一個(gè)相對(duì)具體、完整的電子商務(wù)網(wǎng)站，全面鞏固學(xué)生的知識(shí)，培養(yǎng)學(xué)生解決實(shí)際問(wèn)題的能力，從而達(dá)到學(xué)以致用的目的。二、實(shí)訓(xùn)要求綜合運(yùn)用已學(xué)的知識(shí)，使用Dreamweaver、Photoshop、Flash等網(wǎng)頁(yè)制作軟件，制作一個(gè)網(wǎng)站，要求如下：設(shè)計(jì)一個(gè)包含一個(gè)主頁(yè)及至少30個(gè)不同頁(yè)面的完整的電商網(wǎng)站

2、或企業(yè)網(wǎng)站，主題自選，但要表達(dá)明確的主題思想，并完成網(wǎng)站的相關(guān)文字材料。 （一）網(wǎng)站設(shè)計(jì)要求1. 內(nèi)容： 1) 網(wǎng)站主題可以包括企業(yè)門戶網(wǎng)站、電子商務(wù)網(wǎng)站、新聞旅游、個(gè)人網(wǎng)站、專業(yè)網(wǎng)站等方面的網(wǎng)站。網(wǎng)頁(yè)內(nèi)容要主題健康向上、有時(shí)代氣息，內(nèi)容充實(shí)、主題鮮明。 以企業(yè)門戶網(wǎng)站為例網(wǎng)站至少包括：主頁(yè)、新聞多條、論壇和帖子多條、產(chǎn)品多個(gè)，并包含用戶注冊(cè)、登陸、留言板等頁(yè)面。2) 主頁(yè)上必須有Logo、網(wǎng)站導(dǎo)航、網(wǎng)站版權(quán)等信息。2. 設(shè)計(jì)要求： 1) 網(wǎng)頁(yè)布局設(shè)計(jì)合理，文字、圖片、動(dòng)畫等元素在網(wǎng)頁(yè)中的運(yùn)用適當(dāng)。 2) 各網(wǎng)頁(yè)之間的設(shè)計(jì)風(fēng)格具有聯(lián)系性、一致性，符合設(shè)計(jì)原理。 3. 技術(shù)要求： 網(wǎng)頁(yè)中各種技術(shù)

3、運(yùn)用恰到好處，不為技術(shù)而技術(shù)。 1) 網(wǎng)頁(yè)中應(yīng)包含表格、css技術(shù)和多媒體元素（例如背景音樂(lè)等）技術(shù)。 2) 網(wǎng)頁(yè)中含有CSS樣式和行為技術(shù)（例如鼠標(biāo)經(jīng)過(guò)圖像，“增大/收縮”效果等）。 3) 站點(diǎn)中創(chuàng)建庫(kù)文件、模板文件，并應(yīng)用的網(wǎng)頁(yè)中。4) 部分頁(yè)面可使用框架集。5) 部分網(wǎng)頁(yè)（如主頁(yè)）中運(yùn)用div技術(shù)。6) 用戶注冊(cè)登陸和留言板頁(yè)面實(shí)用表單及控件。7) 站點(diǎn)下的頁(yè)面創(chuàng)建合理的站點(diǎn)內(nèi)鏈接和外部鏈接。4. 美工要求： 網(wǎng)頁(yè)界面美觀大方、引人入勝，色顏搭配合理，所有圖片、動(dòng)畫與網(wǎng)站主題相符。運(yùn)用Photoshop、flash等工具進(jìn)行特殊處理的元素在報(bào)告中進(jìn)行說(shuō)明和展示，可作為亮點(diǎn)加分項(xiàng)。5. 創(chuàng)

4、意要求： 網(wǎng)站要具有新意，參考同類的網(wǎng)站，但設(shè)計(jì)上要具有自己的特色，。 注： 1) 成果提交形式為電子版：以學(xué)號(hào)+姓名命名站點(diǎn)根文件夾，例如：20104140101張子蒙，子文件夾和文件組織合理，命名合理。 2) 對(duì)網(wǎng)站互相抄襲或從他人網(wǎng)站抄襲者將給予扣分，完全抄襲者成績(jī)?yōu)榱惴帧?（二）書面材料需要上交的材料包括網(wǎng)站策劃方案和企業(yè)網(wǎng)站設(shè)計(jì)與網(wǎng)站制作課程匯報(bào)1.網(wǎng)站策劃方案：2.企業(yè)網(wǎng)站設(shè)計(jì)與網(wǎng)站制作課程匯報(bào)根據(jù)提供的模板撰寫實(shí)訓(xùn)報(bào)告。實(shí)訓(xùn)報(bào)告要切實(shí)體現(xiàn)網(wǎng)站制作過(guò)程中思路和行動(dòng)。報(bào)告內(nèi)容主要包括一下幾個(gè)模塊：設(shè)計(jì)思想 闡述網(wǎng)站設(shè)計(jì)思想，從網(wǎng)站內(nèi)容及特點(diǎn)、網(wǎng)站定位、受眾范圍及特點(diǎn)分析、網(wǎng)站的設(shè)計(jì)風(fēng)

5、格等方面進(jìn)行分析。網(wǎng)站構(gòu)架和站點(diǎn)分析根據(jù)設(shè)計(jì)思想對(duì)站點(diǎn)進(jìn)行分析。確定網(wǎng)站的基本框架，運(yùn)用的網(wǎng)頁(yè)元素，分析形成站點(diǎn)地圖。網(wǎng)頁(yè)設(shè)計(jì) 闡述內(nèi)容網(wǎng)站的開發(fā)工具、設(shè)計(jì)過(guò)程；網(wǎng)站的設(shè)計(jì)特點(diǎn)；網(wǎng)站中使用的網(wǎng)頁(yè)元素及圖像編輯軟件等；網(wǎng)站中使用的，如動(dòng)態(tài)元素、css樣式、層、行為、框架集、庫(kù)、模板、表單、引用的語(yǔ)言代碼等。網(wǎng)站截圖體會(huì)和收獲考核答辯記錄答辯問(wèn)題：（1）你的網(wǎng)站主題是什么，對(duì)用戶想達(dá)到什么效果，你覺得達(dá)到效果了嗎。網(wǎng)站共有*個(gè)網(wǎng)頁(yè)，包含有*個(gè)首頁(yè)+*個(gè)一級(jí)頁(yè)面+*個(gè)二級(jí)頁(yè)面。（2）在網(wǎng)站制作過(guò)程中，除了dreamweaver，你還使用到什么軟件工具，利用這些工具實(shí)現(xiàn)了哪些功能。（3）以下問(wèn)題，選一

6、作答 怎樣避免你的網(wǎng)站內(nèi)容被復(fù)制。 怎樣改變鼠標(biāo)在瀏覽器中的樣式。 如何把一個(gè)壓縮文件供給用戶下載。 想在一張圖片上做多個(gè)鏈接，如何實(shí)現(xiàn)。 思考如何在首頁(yè)中實(shí)現(xiàn)雪花漫天飛舞的效果。將答辯內(nèi)容簡(jiǎn)寫到答辯記錄上，實(shí)訓(xùn)報(bào)告裝訂上交。三、實(shí)訓(xùn)課時(shí)安排 14高職電商1班 15-16周 15#306 14高職電商2班 17-18周 15#306四、考核方式本學(xué)期成績(jī)以作品和大作業(yè)形式進(jìn)行考核：成績(jī)= 平時(shí)成績(jī)：20% + 網(wǎng)站作品成績(jī)：40% + 書面材料：40%五、實(shí)訓(xùn)項(xiàng)目實(shí)訓(xùn)一 網(wǎng)站策劃一、實(shí)訓(xùn)目的了解網(wǎng)站制作的流程對(duì)要制作的網(wǎng)站進(jìn)行定位和分析搜集網(wǎng)站素材二、實(shí)訓(xùn)內(nèi)容項(xiàng)目1 網(wǎng)站建設(shè)流程內(nèi)容：網(wǎng)站建設(shè)

7、流程圖項(xiàng)目2 網(wǎng)站定位實(shí)訓(xùn)內(nèi)容：確定你要制作的網(wǎng)站內(nèi)容、所屬類型、受眾定位實(shí)訓(xùn)要求：以圖文敘述的方式（word文檔）描述你的網(wǎng)站設(shè)計(jì)思路和想法，分幾個(gè)方面進(jìn)行闡述。項(xiàng)目3 網(wǎng)站地圖實(shí)訓(xùn)內(nèi)容：分析網(wǎng)站、制作網(wǎng)站地圖實(shí)訓(xùn)要求：使用E-R圖展示網(wǎng)站地圖。項(xiàng)目4 網(wǎng)站素材實(shí)訓(xùn)內(nèi)容：搜集網(wǎng)站素材實(shí)訓(xùn)要求：（1）通過(guò)因特網(wǎng)搜集素材（2）利用圖像處理工具制作網(wǎng)站素材、處理素材項(xiàng)目5 制作LOGO實(shí)訓(xùn)內(nèi)容：制作網(wǎng)站LOGO實(shí)訓(xùn)要求：利用搜集的素材，使用PHOTOSHOP制作網(wǎng)站LOGO三、實(shí)訓(xùn)方法與步驟1.遵循要求，獨(dú)立完成；2.學(xué)生在整個(gè)過(guò)程中應(yīng)自覺遵守紀(jì)律，服從指導(dǎo)教師的安排。四、實(shí)訓(xùn)注意事項(xiàng)1. 實(shí)訓(xùn)態(tài)

8、度認(rèn)真、知識(shí)準(zhǔn)備充分2.對(duì)方法和技巧的使用難點(diǎn)，通過(guò)網(wǎng)絡(luò)或書籍尋求解決方法實(shí)訓(xùn)二 網(wǎng)頁(yè)制作一、實(shí)訓(xùn)目的完成網(wǎng)站各網(wǎng)頁(yè)的制作二、實(shí)訓(xùn)內(nèi)容根據(jù)自己網(wǎng)站的內(nèi)容和地圖，運(yùn)用Dreamweaver技術(shù)，分別制作各個(gè)頁(yè)面。項(xiàng)目1 網(wǎng)頁(yè)布局實(shí)訓(xùn)內(nèi)容：確定網(wǎng)站風(fēng)格，布局頁(yè)面版式實(shí)訓(xùn)要求：確定網(wǎng)站中網(wǎng)頁(yè)的版式風(fēng)格，使頁(yè)面具有設(shè)計(jì)感，符合用戶的常規(guī)審美標(biāo)準(zhǔn)。項(xiàng)目2 色彩風(fēng)格實(shí)訓(xùn)內(nèi)容：確定網(wǎng)站色彩格調(diào)實(shí)訓(xùn)要求：網(wǎng)站最令人賞心悅目的東西，網(wǎng)站的主色調(diào)。這時(shí)候，你選擇的網(wǎng)站主色調(diào)，就不能只是摻雜你個(gè)人的想法，要從瀏覽者和公司產(chǎn)品出發(fā)，選擇最適宜的顏色。注意，假如這個(gè)顏色是多色調(diào)的，那就不能將顏色的反差拉的過(guò)大，這樣，視

9、覺的沖擊效果會(huì)下降。你選擇的顏色，可以是公司LOGO或者是公司宣傳彩頁(yè)的顏色，要是太過(guò)艷麗的顏色，切忌不要大面積使用。項(xiàng)目3 制作首頁(yè)實(shí)訓(xùn)內(nèi)容：制作Index（首頁(yè)）實(shí)訓(xùn)要求：網(wǎng)站首頁(yè)的重要性。一個(gè)成功的網(wǎng)站，首先是其靜態(tài)頁(yè)面的設(shè)置，主要就是首頁(yè)的設(shè)計(jì)。只要你的網(wǎng)站首頁(yè)足夠hold住全場(chǎng)，你的網(wǎng)站機(jī)會(huì)吸引更多的瀏覽者，哪怕只是簡(jiǎn)單的瀏覽，也對(duì)你的公司、產(chǎn)品有了了解。項(xiàng)目4 導(dǎo)航欄實(shí)訓(xùn)內(nèi)容：制作導(dǎo)航欄實(shí)訓(xùn)要求：網(wǎng)站的導(dǎo)航要有吸引力。導(dǎo)航條在網(wǎng)站中的作用不可小覷，在制作的時(shí)候，選擇的導(dǎo)航條圖片除了要精美，大小要適宜，還有就是在圖片上能體現(xiàn)網(wǎng)站文化的字幅，展現(xiàn)網(wǎng)站的風(fēng)采。項(xiàng)目5 內(nèi)頁(yè)實(shí)訓(xùn)內(nèi)容：創(chuàng)建一

10、級(jí)頁(yè)面和二級(jí)頁(yè)面實(shí)訓(xùn)要求：通過(guò)創(chuàng)建和使用庫(kù)文件和模板文件，創(chuàng)建其中統(tǒng)一版式的子頁(yè)面。項(xiàng)目6 CSS實(shí)訓(xùn)內(nèi)容：CSS樣式實(shí)訓(xùn)要求：CSS是Cascading Style Sheet的縮寫，有些書上把它譯為"層疊樣式單"或"級(jí)聯(lián)樣式單"（下文簡(jiǎn)稱"樣式單"），它是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。 采用CSS技術(shù)，對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)頁(yè)面美化。項(xiàng)目7 超鏈接實(shí)訓(xùn)內(nèi)容：超級(jí)鏈接實(shí)訓(xùn)要求：網(wǎng)頁(yè)制作中基本理能的超級(jí)鏈接就是在網(wǎng)頁(yè)中以文字和圖

11、片的形式來(lái)作為鏈接對(duì)象，點(diǎn)擊可以連接到一個(gè)你指定的網(wǎng)頁(yè)當(dāng)中去，在IE打開網(wǎng)頁(yè)單擊文字或其他鏈接時(shí)時(shí)，IE瀏覽器可以直接或者采取彈窗的方式連接到指定目標(biāo)網(wǎng)頁(yè)。（1）給主頁(yè)、內(nèi)頁(yè)、導(dǎo)航、庫(kù)、模板等需要設(shè)置超級(jí)鏈接。（2）要求站點(diǎn)內(nèi)頁(yè)面可以互相訪問(wèn)及返回。（3）鏈接設(shè)置要準(zhǔn)確，各種連接暢通。項(xiàng)目8 行為實(shí)訓(xùn)內(nèi)容：創(chuàng)建行為實(shí)訓(xùn)要求：使用行為，可以實(shí)現(xiàn)瀏覽者與網(wǎng)頁(yè)之間的簡(jiǎn)單交互，從而以多種方式修改頁(yè)面或引發(fā)某些任務(wù)的執(zhí)行。為頁(yè)面元素添加行為，如彈出信息、打開瀏覽器窗口、改變文字或圖片屬性、變換圖像、拖動(dòng)AP元素等。項(xiàng)目9 DIV實(shí)訓(xùn)內(nèi)容：DIV(層)實(shí)訓(xùn)要求：（1）使用AP Div和Div標(biāo)簽布局網(wǎng)頁(yè)（2）使用CSS樣式控制DIV的樣式和位置三、實(shí)訓(xùn)儀器、設(shè)備 學(xué)生