1、WEB 應(yīng)用開發(fā)課程教案教學(xué)內(nèi)容和教學(xué)組織教學(xué)步驟教學(xué)內(nèi)容（工作任務(wù)）教學(xué)方法教學(xué)學(xué)生行動考核方式任務(wù)描述撰寫一個的規(guī)劃書接受學(xué)習(xí)任務(wù)實施任務(wù)前期調(diào)研分析，確定 目的及功能定位擬出 技術(shù)解決方案，對 內(nèi)容進行規(guī)劃，網(wǎng)頁效果進行大致設(shè)計 3.列出 、測試、 發(fā)布與推廣方案等。任 務(wù) 驅(qū)動、講練結(jié)合學(xué)生練習(xí)考核任務(wù) 完成情況深化訓(xùn)練撰寫規(guī)劃書講 練 結(jié)合學(xué)生練習(xí)歸納總結(jié)了解相關(guān)概念規(guī)劃的定義建設(shè)的原則規(guī)劃的內(nèi)容歸納法作業(yè)撰寫商場的規(guī)劃書完成作業(yè)提交作業(yè)學(xué)習(xí)情境情境 1：Web 前臺頁面設(shè)計學(xué)習(xí)任務(wù)撰寫授課班級上間上課地點教學(xué)目標(biāo)能力目標(biāo)知識目標(biāo)能進行能撰寫規(guī)劃文檔掌握熟悉建站流程與主要教學(xué)內(nèi)容1.

2、任務(wù)1 撰寫規(guī)劃書任務(wù)描述：撰寫一個的規(guī)劃書，內(nèi)容包括前期調(diào)研分析；確定目的及功能定位；擬出試、技術(shù)解決方案；對發(fā)布與推廣方案等。內(nèi)容進行規(guī)劃，網(wǎng)頁效果進行大致設(shè)計；列出、測2.基本知識與技能2.1的工作原理2.1.1 靜態(tài)網(wǎng)頁的工作原理2.1.2頁的工作原理2.2 B/S 企業(yè)應(yīng)用開發(fā)構(gòu)架在構(gòu)建企業(yè)級應(yīng)用的時候，通常需要大量的代碼，而且這些代碼一般分布在不同的計算機上，劃分代碼運行在不同計算機上的理論就是多層設(shè)計理論。企業(yè)級應(yīng)用系統(tǒng)通常分成兩層、三層或者N 層架構(gòu)。常見的網(wǎng)絡(luò)程序設(shè)計瀏覽器端編程語言HTML（Hypertext Markup Language，超文本標(biāo)記語言）、CSS（Cas

3、cading Style Sheets，層疊樣式表單）、JavaScript 語言和 VBScript 語言。2.3.2 服務(wù)器端編程語言2.4 網(wǎng)頁制作的工具DreamweaverEditPlusJSP 開發(fā)工具現(xiàn)行的 JSP 開發(fā)工具主要有 IBM VisualAge，JBuilder，NetBeans，JRun，Urledit， dreamweaver，editplus 等Asp, 開發(fā)工具 Visual Studio .NET 2008 Visual Studio .NET 2010 Dreamweaver cs5輔助工具Fireworks Flash Photoshop,Illust

4、rator 矢量繪圖gifAnimatif 動畫2.5的種類2.5.1 根據(jù)提供的服務(wù)分類信息類，交易類，互動類，有嘗信息類(101)，功能（如），綜合類2.5.2按性質(zhì)分類、企業(yè)以及其它類型等。、商業(yè)、教育科研機構(gòu)、個人、其它非機構(gòu)2.5.3 根據(jù)在搜索引擎上的設(shè)置分類規(guī)劃的定義規(guī)劃概念是指在對建設(shè)進行分析的基礎(chǔ)上確定目的和功能，并根據(jù)需要對建設(shè)中的技術(shù)、內(nèi)容、費用、測試、等做出規(guī)劃。2.6.2規(guī)劃作用：（1）計劃和指導(dǎo)建設(shè)（2）定位的內(nèi)容和。（3）避免在建設(shè)中出現(xiàn)的很多問題，使建設(shè)能順利進行。2.7 企業(yè)的原則目的性-必須有明確合理的目的和目標(biāo)群體專業(yè)性-信息內(nèi)容應(yīng)該充分展

5、現(xiàn)企業(yè)的專業(yè)特性實用性-功能服務(wù)應(yīng)該是切合實際需求的（4）易操作性-界面設(shè)計的是讓用戶更易操作（5）藝術(shù)性-網(wǎng)頁創(chuàng)作本身已經(jīng)成了一種獨特的藝術(shù)性能-常正常的性能更新-的最大特點是它總是不斷變化的（8）發(fā)揮作用-必須被和使用才有價值2.8規(guī)劃的內(nèi)容建設(shè)建設(shè)前的市場分析目的及功能定位（3）（4）技術(shù)解決方案內(nèi)容規(guī)劃（5）網(wǎng)頁設(shè)計（6）（7）（8）測試發(fā)布與推廣3.任務(wù)實施3.1 建設(shè)前的市場分析相關(guān)行業(yè)的市場情況分析公司自身情況目標(biāo)受眾的分析3.2 建設(shè)目的及功能定位根據(jù)公司的需要和計劃，確定子商務(wù)型等。的功能：產(chǎn)品宣傳型、網(wǎng)上型、客戶服務(wù)型、電根據(jù)功能，確定應(yīng)達到的目的作用。3.3技術(shù)解決方案采

6、用自建服務(wù)器，還是租用虛擬主機。選擇操作系統(tǒng)，用unix,Linux 還是Window2000/NT。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。采用系統(tǒng)性的解決方案，如 IBM、HP 等公司提供的企業(yè)上網(wǎng)方案、電子商務(wù)解決方案？還是自己開發(fā)。（4）安全性措施，防黑、防方案。（5）相關(guān)程序開發(fā)。如網(wǎng)頁程序 ASP、JSP、CGI、數(shù)據(jù)庫程序等。3.4內(nèi)容規(guī)劃根據(jù)的目的和功能規(guī)劃內(nèi)容，一般企業(yè)應(yīng)包括：、產(chǎn)品介紹、服務(wù)內(nèi)容、價格信息、電子商務(wù)類、網(wǎng)上定單等基本內(nèi)容。要提供會員、詳細(xì)的商品服務(wù)信息、信息搜索查詢、購物車、定單確認(rèn)、付款、個人信息措施、相關(guān)幫助等。如果欄目比較多，則考慮采用編程專人負(fù)責(zé)

7、相關(guān)內(nèi)容。 注意：內(nèi)容是內(nèi)容。吸引瀏覽者最重要的?？墒孪葘θ藗兿Ｍ喿x的信息，以及時調(diào)整3.5內(nèi)容的結(jié)構(gòu)頁面分類（動態(tài)/靜態(tài)）：主頁、一般瀏覽頁、數(shù)據(jù)庫、用戶頁面的層次結(jié)構(gòu)：一級頁面、二級頁面、三級頁面認(rèn)證、獲取頁（3）頁面的關(guān)系3.6 網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計美術(shù)設(shè)計要求，網(wǎng)頁美術(shù)設(shè)計一般要與企業(yè)整體形象一致，要符合 C（ICorporateIdentity System 企業(yè)形象識別系統(tǒng) ）規(guī)范。要注意網(wǎng)頁色彩、網(wǎng)頁的整體一致性。的應(yīng)用及版面規(guī)劃，保持在新技術(shù)的采用上要考慮主要目標(biāo)群體的分布地域、階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣等。制定網(wǎng)頁計劃，如半年到一年時間進行較大規(guī)模等。3.7 費用企業(yè)建站費用的初

8、步，一般根據(jù)企業(yè)的規(guī)模、建站的目的、的批準(zhǔn)而定。專業(yè)建站公司提供詳細(xì)的功能描述及報價，企業(yè)進行性價比研究。的價格從幾千元到十幾萬元不等。如果排除模板式自助建站（通常認(rèn)為企業(yè)的無論大小，必須有排他性，如果千篇一律對企業(yè)形象的影響極大）和牟取暴利的建設(shè)的費用一般與功能要求是成正比的。，3.8 網(wǎng)頁設(shè)計的原則（1）正確分析用戶的需要（2）網(wǎng)頁命名：便于搜索引擎收集（3）良好的導(dǎo)航設(shè)計:“返回首頁”、地圖等（4）標(biāo)識清晰、用約定的顏色（5）網(wǎng)頁時間不宜過長適合不同瀏覽器、分辯率：800*x，1024*x圖形設(shè)計：GIF、JPG內(nèi)容搭配和諧美觀適當(dāng)?shù)亩嘞鄬Φ某?.9的要求（1）服務(wù)器及相關(guān)軟硬件的，對可能出現(xiàn)進行評估，制定響應(yīng)時間。（2）數(shù)據(jù)庫，有效地利用數(shù)據(jù)是的重要內(nèi)容，因此數(shù)據(jù)庫的要受到重視。（3）內(nèi)容的更新、調(diào)整等。（4）制定相關(guān)的規(guī)定，將制度化、規(guī)范化。3.10測試服務(wù)器穩(wěn)定性、安全性。程序及數(shù)據(jù)庫測試。網(wǎng)頁兼容性測試，如瀏覽器、顯示器。根據(jù)需要的其他測試。3.11發(fā)布與推廣測試后進行發(fā)布的，活動,搜索引掣登記等3.12 建站流程制作環(huán)境的準(zhǔn)備站點目標(biāo)的確定（3）站點、風(fēng)格、創(chuàng)意的確