第三章網(wǎng)站開發(fā)技術

1、信息學院信息學院2l能夠策劃網(wǎng)站總體頁面布局和架構(gòu)。能夠策劃網(wǎng)站總體頁面布局和架構(gòu)。l能夠培養(yǎng)學生界面設計的良好的理念，使學生能夠熟悉網(wǎng)站整體能夠培養(yǎng)學生界面設計的良好的理念，使學生能夠熟悉網(wǎng)站整體設計建設流程。設計建設流程。l熟悉網(wǎng)站各個開發(fā)語言的優(yōu)點及缺點。熟悉網(wǎng)站各個開發(fā)語言的優(yōu)點及缺點。l了解了解access，SQL Server、oracle數(shù)據(jù)庫的特點，并且能根據(jù)數(shù)據(jù)庫的特點，并且能根據(jù)網(wǎng)站的特點選擇合適的數(shù)據(jù)庫語言。網(wǎng)站的特點選擇合適的數(shù)據(jù)庫語言。l了解了解PhotoShop，F(xiàn)ireworks，Dreamweaver，F(xiàn)lash等平面設等平面設計軟件的功能。計軟件的功能。l掌握

2、掌握cms系統(tǒng)的原理，并且會利用系統(tǒng)的原理，并且會利用CMS系統(tǒng)快速搭建網(wǎng)站。系統(tǒng)快速搭建網(wǎng)站。l能夠編寫和使用能夠編寫和使用javascript等網(wǎng)頁腳本等網(wǎng)頁腳本 3教學目標教學目標主要描述主要描述學生自測學生自測了解網(wǎng)站前臺設計的步驟（1）能夠策劃網(wǎng)站總體頁面布局和架構(gòu)。（2）能夠培養(yǎng)界面設計的良好的理念。學生能夠獨立設計汽車網(wǎng)頁面布局和架構(gòu)。熟悉網(wǎng)站后臺開發(fā)流程及相關知識（1）熟悉網(wǎng)站各個開發(fā)語言的優(yōu)點及缺點。（2）了解access，SQL Server、oracle數(shù)據(jù)庫的特點，并且能根據(jù)網(wǎng)站的特點選擇合適的數(shù)據(jù)庫語言。根據(jù)汽車網(wǎng)的功能特點，選擇合適的網(wǎng)站開發(fā)語言及數(shù)據(jù)庫。了解網(wǎng)站相

3、關開發(fā)工具（1）了解PhotoShop，F(xiàn)ireworks，Dreamweaver，F(xiàn)lash等平面設計軟件的功能。了解常用的網(wǎng)站開發(fā)工具的功能。了解CMS網(wǎng)站系統(tǒng)的原理及作用（1）掌握CMS統(tǒng)的原理。（2）能夠利用CMS系統(tǒng)快速搭建網(wǎng)站。根據(jù)汽車網(wǎng)的功能特點，選擇合適的CMS系統(tǒng)。了解網(wǎng)站常用特效的實現(xiàn)方法（1）了解div布局的概念（2）了解實現(xiàn)網(wǎng)站特效的方法為汽車網(wǎng)增加一些網(wǎng)站特效。4l任務任務1：制定網(wǎng)站前臺建設方案。主要包括網(wǎng)：制定網(wǎng)站前臺建設方案。主要包括網(wǎng)站主題與風格、網(wǎng)站欄目和版塊、目錄結(jié)構(gòu)和站主題與風格、網(wǎng)站欄目和版塊、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)、版面布局。鏈接結(jié)構(gòu)、版面布局。l任務任

4、務2：制定網(wǎng)站后臺建設方案。主要包括網(wǎng)：制定網(wǎng)站后臺建設方案。主要包括網(wǎng)站開發(fā)技術的選擇、網(wǎng)站后臺數(shù)據(jù)庫的選擇。站開發(fā)技術的選擇、網(wǎng)站后臺數(shù)據(jù)庫的選擇。l任務任務3：利用：利用CMS系統(tǒng)設計網(wǎng)站。系統(tǒng)設計網(wǎng)站。l任務任務4：利用網(wǎng)站常用特效增強網(wǎng)站功能。：利用網(wǎng)站常用特效增強網(wǎng)站功能。 5l網(wǎng)站主題與風格網(wǎng)站主題與風格 l 網(wǎng)站欄目和版塊網(wǎng)站欄目和版塊 l目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)目錄結(jié)構(gòu)和鏈接結(jié)構(gòu) l版面布局版面布局6網(wǎng)站主題選擇依據(jù)網(wǎng)站主題選擇依據(jù)主題定位要小，內(nèi)容要精 題材要根據(jù)網(wǎng)站設計者的興趣和愛好確定題材定位不要“太高”或者“太廣”名稱要有特色7網(wǎng)站風格具有抽象性網(wǎng)站風格具有獨特性網(wǎng)站風格具

5、有人性網(wǎng)站風格特點網(wǎng)站風格特點8確定風格首先要建立有價值的內(nèi)容 。你需要徹底搞清楚自己希望站點給人的印象是什么。在明確自己的網(wǎng)站印象后，開始努力建立和加強這種印象。樹立網(wǎng)站風格步驟樹立網(wǎng)站風格步驟9網(wǎng)站欄目要緊扣主題至少設一個可經(jīng)常更新的欄目設定一個可以雙向交流的欄目設一個下載或常見問題回答欄目網(wǎng)站欄目安排要注意的問題網(wǎng)站欄目安排要注意的問題 10網(wǎng)站的目錄是指建立網(wǎng)站時所創(chuàng)建的目錄，目錄結(jié)構(gòu)則主要是指物理結(jié)構(gòu)和邏輯結(jié)構(gòu)網(wǎng)站物理結(jié)構(gòu)指的是網(wǎng)站目錄及所包含文件所存儲的真實位置所表現(xiàn)出來的結(jié)構(gòu)網(wǎng)站的邏輯結(jié)構(gòu)也叫鏈接結(jié)構(gòu)，主要是指由網(wǎng)頁內(nèi)部鏈接所形成的邏輯結(jié)構(gòu)或者叫鏈接的結(jié)構(gòu)網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站的目錄

6、結(jié)構(gòu)11不要將所有文件都存放在根目錄下 子目錄的建立，首先按主欄目建立在每個主目錄下都建立獨立的Images目錄目錄的層次不要太深，不要超過3層網(wǎng)站目錄建立原則網(wǎng)站目錄建立原則12網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)樹狀鏈接結(jié)構(gòu)（一對一）星狀鏈接結(jié)構(gòu)（一對多）13設計草案粗略布局版面布局步驟版面布局步驟制定方案14常用的版面布局形式“T”結(jié)構(gòu)布局“口”型布局“三”型布局POP布局對稱對比布局 15l常用開發(fā)語言介紹 l網(wǎng)站開發(fā)語言選擇 l網(wǎng)站數(shù)據(jù)庫選擇 16簡單易學 安裝使用方便開發(fā)工具可任意選擇 ASP 優(yōu)點優(yōu)點17安全性、穩(wěn)定性差 運行效率低不能跨平臺 ASP 弱點弱點無法完全實現(xiàn)一些企業(yè)級的功能

7、：完全的集群、負載均衡 18 一種能快速學習、跨平臺、有良好數(shù)據(jù)庫交互能力的開發(fā)語言 與Apache及其它擴展庫結(jié)合緊密良好的安全性 PHP優(yōu)點優(yōu)點19支持的數(shù)據(jù)庫變化較大 安裝復雜缺少企業(yè)級的支持 PHP弱點弱點 無法實現(xiàn)商品化應用的開發(fā)缺少正規(guī)的商業(yè)支持20一次編寫，到處運行 系統(tǒng)的多平臺支持強大的可伸縮性 JSP 優(yōu)點優(yōu)點 多樣化和功能強大的開發(fā)工具支持21與ASP一樣，Java的一些優(yōu)勢正是它致命的問題所在 運行速度較快 JSP弱點弱點 性價比高22易學易用性 執(zhí)行速度 網(wǎng)站開發(fā)語言的選擇依據(jù)網(wǎng)站開發(fā)語言的選擇依據(jù) 主機空間 安全性23常用的數(shù)據(jù)庫AccessSQL ServerMyS

8、QLOracle24l圖像制作工具 l動畫處理工具 l頁面制作工具 25圖像處理工具photoshopfirework26AnimatorStudioFlash2728lCMS系統(tǒng)介紹 lCMS系統(tǒng)選擇 29網(wǎng)站往往不能迅速跟進大量信息衍生及業(yè)務模式變革的腳步用戶始終在一個高成本、低效率的循環(huán)中升級、整合通常網(wǎng)站頁面制作無序，網(wǎng)站風格不統(tǒng)一，大量信息堆積，發(fā)布顯得異常沉重 CMS系統(tǒng)產(chǎn)生的前提30簡單易學 CMS系統(tǒng)的優(yōu)點系統(tǒng)的優(yōu)點安全性較高穩(wěn)定性強網(wǎng)站運行快采集功能搜索引擎友好風格模板節(jié)約建設成本網(wǎng)站修改很靈活31動易網(wǎng)絡（ http:/ ）喬客 （http:/ ）風訊 （http:/ ）科汛 （http:/ ）DEDE （http:/ （http:/ 靈活、易于自定義靈活、易于自定義可通過插件和模塊進行擴展可通過插件和模塊進行擴展程序語言要合適程序語言要合適程序語言要合適程序語言要合適性能和速度優(yōu)化性能和速度優(yōu)化安全性安全性文獻和社區(qū)支持文獻和社區(qū)支持33lJavaScript介紹介紹 lDiv+Css布局布局Javascript短小精悍， 又是在客戶機