時間：2023-05-30 10:08:23
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇設計網站，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
一、JSP語言開發過程中的應用程序比較
JSP（Java Server Paga）是新一代Web開發的語言，JSP繼承Java的各種優勢，能夠對異常處理機制的反應來有效的預防系統的崩潰，可以利用沙箱和內存管理機制加強系統的安全性；而且還采用了新的執行方式：先把原來的代碼轉換Servlet代碼，接著編譯成字節碼文件來執行，訪問速度會比ASP、PHP快幾倍，甚至是數量級的提高。JSP與Microsoft的ASP技術類似。它們最明顯的不同是編程語言的差別， ASP與JSP有一個本質的區分，就是兩種語言的引擎用的確是完全不同的程序代碼。
還有，PHP也是一種嵌入到HTML頁面中的腳本語言，它大量借用C++和PERL語言的語法，并結合PHP的獨特性，使開發者能迅速的開發動態頁面。同時，PHP還具有良好的跨平臺性，它對數據庫的支持極其廣泛，性能及其效率都很高。這些使JSP特別適合功能強大的Web程序。
綜上所述，JSP無疑會成為將來軟件設計的走向。現在很多的電子商務提供商都是用JSP/Servlet，例如IBM的E-Business。JSP現在是很多商務系統開發的語言標準。
二、 開發中的現例
我們用JSP開發的一個大型網購系統――中國數據中心網，用戶可以自由瀏覽、檢索、免費使用和購買自己喜歡的軟件。該文原載于中國社會科學院文獻信息中心主辦的《環球市場信息導報》雜志http：//總第539期2014年第07期-----轉載須注名來源應用程序通過GDBC與數據庫進行連接。根據系統整體的自身結構，系統強大的功能模塊，便捷的購物流程三個方面了解JSP開發網站的優勢和特點。
{1}系統整體的自身結構
系統的自身結構大致分為三層，即瀏覽器―Web服務器―數據庫服務器，其中Web服務器被分為前后端兩個部分。三層結構將用戶使用界面、應用的邏輯和書籍管理徹底分離，各自獨立。同時為了保證系統自身的安全和網絡的訪問性，又考慮到將應用邏輯劃分出去。一般的數據流只能到Web服務器；網絡交易的私人、后臺管理數據是由Web后端服務器進行處理的。
（2）系統強大的功能模塊
這個系統的功能主要有兩個。其中網上交易主要是針對普通客戶的商品選擇、訂單提交、在線支付，同時也可以訂閱雜志、留言、投訴等一系列相關的服務。后臺是由管理員操作完成，其中包括信息添加、修改和刪除，客戶付款后注冊碼的發送，分類統計購物信息，維護訂單，利用郵件群發廣告和雜志，維護網站安全等。
（3）利用JSP技術來重點評價與分析
建立一個在線購物系統，有三大核心技術――第一個是連接后臺數據庫和存取數據庫數據，第二個處理用戶購物的信息，第三個就是安全性。
三、JSP技術的了解
JPS作為現在的一種便捷網絡語言，在很多網站上都有涉及。例如www網利用超文本標識語言和超鏈接技術將互聯網上的資源和信息組織在一起形成WEB。而描述www網上的信息資源是Html超文本標識語言，通過Html符號的描述就可以實現很多媒體信息檢索。像文字、表格、聲音、動畫等。但是超鏈接技術也存在著存在一定的缺陷，也就是客戶端只能靜態的獲取Internet上的信息，無法實現兩者的交互。雖然CGI通用網關接口可以進行一定的交互，但由于復雜的編程的方法，所以有一段時間讓Internet的發展緩慢下來。而JSP的開發，很有效的解決了www網所存在的客戶端與服務器端不能兩者交換的問題，這一技術給Internet的用戶帶來了一絲希望。
JSP的開發，使得Internet的信息與用戶不僅僅是顯示和瀏覽的關系，而且更能夠可交互、實時的、動態的表達技術，進而使用戶獲取信息并對客戶操作進行響應的WEB界面所代替。JSP腳本就是滿足這種需要而產生的語言，這種語言用戶非常喜歡。所以盡可能的掌握JSP編程方法和基本知識是用戶的迫切需求。
事實上，JSP是一種基于事件和對象的一種驅動，并具有動態性、簡易性、安全性、廣泛性等特點。應用它的目的是嵌入在HTMLJava程序中與WEB客戶端的交互，進而可以開發出客戶端的應用程序。JSP的研究開發彌補了HTML的很多缺點，使WEB頁面功能更加完美。并且它還具有具有簡易性、基于對象的語言、較強的安全性等特點。
一、 電子商務網站分析：
近年來，隨著我國網民數量的不斷增長，在國家政策的大力支持下，中國的電子商務已經從概念化發展為全民網購的熱潮。傳統的網絡營銷模式為建設一個網站然后在搜索引擎上進行競價排名，這樣通過付費廣告來推廣網站并得到潛在客戶的光顧從而進行線下交易。有了電子商務平臺后，多數商家選擇在電子商務平臺上開網店進行交易。
二、 需求分析
(1) 企業需求
網站需要一個對外宣傳的平臺，實現包括企業文化，企業新聞等信息的管理和平臺，簡稱CMS系統，該部分以企業形象宣傳、企業定位、企業資訊為內容。和一個在線交易的在線商城B2C的SHOP平臺。
(2) 市場需求
網絡購物的優勢
第一，網絡購物不受時間和地域的限制。只要消費者有條件連接上互聯網，任何時間和地點都可以在線購買產品。相對于傳統購物必須在固定地點和固定的零售時間而言，網絡購物體現出更大的購物自由度。
第二，網絡購物方便省時。消費者只需輕輕點擊鼠標就能完成從挑選產品到付款的購物全過程，購買的商品也會送貨到你手中，對于繁忙的人們來說大量節省了自己的時間，也省去了許多來回奔走的麻煩。
第三，商品種類齊全且價格低。由于網絡上商品信息不受地點限制，消費者可以購買全國各地乃至國外的商品，無疑可購買的商品種類大大增加，消費者的選擇性增多。電子商務企業利用信息技術可以有效降低產品的存貨，許多產品是廠商直銷，剔除了中間商的成本，因此銷售產品的成本較低，商品價格往往比市面上的便宜，這些都給消費者帶來實惠。 如果說前十年主流消費群體還是70后的話，那么現在的消費群體都是80后和90后了，千萬不能忽視這兩代人，如果說80后還是只有少部分人選擇網購的話，那么90后必然是8成以上的人選擇網購。。
三、建站規劃
1.明確建立網站的目標和用戶需求
企業網站的設計是展現企業形象、介紹企業的產品和服務、體現企業發展戰略的重要途 徑。必須明確設計網站的目的和用戶需求，從而做出切實可行的設計計劃。要根據消費者的 需求、市場的狀況、企業自身的情況等進行綜合分析，牢記以消費者為中心。
2.主題鮮明
在目標明確的基礎上，即網站是面向企業客戶的還是個人消費者客戶的，是銷售還是服 務，完成網站的構思創意即總體設計方案，對網站的整體風格和特色做出定位，規劃網站的
組織結構。網站應針對所服務的對象(企業或個人)的不同而具有不同的形式。
3.網站的版式設計
網站網頁設計作為一種視覺語言，要講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，應充分加以利用和借鑒。版式設計通過文字圖形的空間組合，表達出和諧與美。充分向客戶介紹企業產品的功能和特點，以吸引消費者/企業購買。
4.多媒體功能的利用
網絡資源的優勢之一是多媒體功能。可以吸引瀏覽者的很大注意力，頁面的內容可以用三維動畫、Flash等來表現。但要注意，由于網絡帶寬的限制，在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。
5.網站內容更新與溝通
企業網站建立后，要不斷更新內容。網站信息的不斷更新、讓瀏覽者了解企業的發展動 態和網上業務等，同時也會幫助企業建立良好的印象。在企業的網站上，要認真回復用戶的 電子郵件和傳統的聯系方式，做到有問必答;要使網站訪問者感受到企業的真實存在，并由 此產生信任感。
6.合理運用新技術
新的網頁制作技術幾乎每天都會出現，如果不是介紹網絡技術的專業站點，一定要合理 運用網頁制作的新技術，切忌將網站變成一個制作網頁的技術展臺，永遠記住用戶方便快捷 地得到所需要的信息是最重要的。
四、商務網站整體風格設計
網站的整體風格是指網站整體形象給訪問者的綜合感受。應根據企業的要求與具體情況找出特色，突出特點。比如網易網站，網站定位個人互聯網應用的門戶網站，它面向年輕、時尚的人群，這使得B2C 企業、消費品供應商、生活資料供應商用網易搜索引擎向最終消費者推廣成為首選。淘寶網作為C2C 平臺，其親切活潑、方便安全的特點吸引了千萬訪問者將其網站作為創業平臺。作為電子商務網站，風格的一致性也是極其重要的。網站結構的一致性、色彩的一致性、導航的一致性、背景的一致性以及特別元素的一致性都是形成網站整體風格的重要因素。
(1) 設計網站標志。 網站的標志(Logo)也可以說是企業的標志，應盡可能地出現在每一張網頁上，例如頁眉、頁腳或者背景上。標志可以是中文、英文字母、符號、圖案，如新浪網站是用字母Sina 和眼睛組合作為標志。也可以用代表性的人物、動物、花草作為設計藍本，加以卡通化和藝術化，比如搜狐網站的標志，標志的設計創意來自網站的名稱與內容。專業性網站可以用本專業最具代表性的物品作為標志物，如工商銀行。最簡單與常用的方法是用網站自身的中、英文名稱作標志，如淘寶網。
(2) 設計網站的標志色彩。 標志色彩是體現網站形象與網站內涵延伸的色彩，確定標志色彩是相當重要的事。例如阿里巴巴與淘寶網的標志色彩都與網站標志顏色一致，其主色調是大多數客戶都喜歡的。IBM 的深藍色及烏鎮旅游網的古色古香都讓人感覺貼切、和諧。要注意網站的標志色彩不能過多，標志色彩也主要用于標志、標題、主菜單與主色塊。文字的鏈接、背景、邊框色彩盡量與標志色彩一致，給人整體統一的感覺。
(3) 設計網站標志字體。 標志字體是用于標志、標題、主菜單的特有的字體。一般要求在關鍵的標題、圖片、菜單里使用特別的字體，體現與眾不同的風格。因為只有被安裝 在客戶計算機操作系統中的字體才能顯示出來，而操作系統所安裝的字體又是有限的幾種，因此，大多數商務網站采用網頁的默認字體。
(4) 設計網站標語。 電子商務網站的標語是網站的精神，是網站的目標表達。網站
的標語可以用一句話或者一個詞來概括，類似實際生活中的廣告句。Intel 的“給你一顆奔騰的心”，阿里巴巴網站的“全球最大的網上貿易市場”，主題突出，個性鮮明。這些標語放在首頁動畫、Banner 里或者醒目的位置，所起的作用相當大。需要說明的是，電子商務網站整體風格的設計并不是一次就能完成的，但需要在第一次設計時定位，然后通過網站運行與管理的實踐再行強化和調整。
電子商務網站常用的功能模塊
五、網站內容設計的要求
電子商務網站內容設計是網站建設的重點。企業要在互聯網上展示自己的形象，宣傳 企業文化，開展商務活動，網站內容的設計是決定成敗的關鍵。網站內容設計一般從以下 幾個方面考慮。
(1)信息內容要有特色
網站內容是客戶最為關注的，客戶訪問網站的目的就是為了發現自己感興趣的信息。因此，網站內容的新穎、專業、精煉是吸引用戶訪問，提高網站效益的關鍵。網站規劃者與設計者應把網站內容的特色放在第一位考慮。其次，內容的及時更新也至關重要。網頁的內容應是動態的，隨時可進行修改與更新，以緊緊抓住用戶。
(2) 使用操作方便易行
電子商務網站主要是實現網上商業貿易，客戶并不都是計算機操作能手或者貿易專家。 因此，要充分考慮網站使用操作的簡便性。要提供方便易行的交互功能，包括留言簿、反 饋表單、在線論壇或者社區;要提供強大的搜索工具與幫助功能，方便客戶檢索與交易;
要為客戶提供個性化的服務，滿足不同客戶的需求;設計貿易流程要清晰流暢，減少客戶 商業貿易過程中的信息干擾等。只有當客戶能方便地在網站上進行信息交流，實現網絡貿 易時，網站才能吸引客戶，才能與客戶建立良好的互動關系，從而增加銷售與服務的機會。 (3) 訪問快速安全
如果網站內容能吸引人，但打開網頁的速度讓人失去耐心，最終會影響網站的訪問量。因此，網站必須具備良好的硬件與軟件環境，網頁設計也要考慮簡潔明快，以提高訪問速度。另一方面，設計網站時，要充分考慮客戶獲取信息的便捷性，如果客戶想了解某種型號的產品的相關信息，一般都要能夠在2～3 次點擊之內得到，也就是網站首頁有指向產品網頁的鏈接，產品網頁有指向各型號產品網頁的鏈接，型號產品有指向更為詳細介紹產品信息的鏈接。在電子商務交易過程中，應該盡可能地保證服務器不發生死機，防止病毒發作等問題，以免引起客戶的交易中斷，信息丟失等問題。
六、營銷推廣手段
傳統硬廣告
樓宇、站臺、公交、電視廣告等
網絡硬廣告
覆蓋面廣，成本高，針對性弱
主流網站廣告、MSN、QQ、覆蓋面廣，成本高，針對性郵箱站點廣告等
較強
軟文營銷 資訊、論壇、博客軟文營銷 覆蓋面中等，成本低，質量
要求高
SEO 搜索引擎優化 技術要求高，成本低，效果好，但注意程度掌握
Google、Baidu合作 網絡廣告聯盟
競價排名、購買關鍵詞 成本高，效果好，關鍵詞選擇要求高
CPC、CPM、CPA、CPS、CPP1等合作方式
成本一般，對廣告商的信譽要求高，轉化率有高有低 成本低，效果一般 成本一般，針對性強，效果
網站合作 特定渠道推廣
合作銷售、鏈接合作 特定場合的針對性宣傳，如
房產展博會上宣傳冊發放。 好
促銷推廣
有獎活動、促銷、積分券組合等
人員推廣
線下合作、線下直銷
成本一般，吸引力高，效果明顯，但有時間要求
成本高，周期長，風險較大， 但收益也大
EDM營銷
郵件目錄發放 成本低，轉化率低，對注冊
用戶可征求發放
QQ群、團購推
廣
其它 由銷售人員組織QQ群和團購隊伍 成本低，周期長，對組織者能力要求較高 短信營銷、銀行合作營銷等 成本較高，合作門檻較高，
效果較好
七、計費方式
CPC： 每點擊成本，按廣告商網站瀏覽者點擊廣告客戶的廣告次數來收費;
CPM： 每千次展示費用，按廣告商網站展示廣告客戶的廣告的次數來收費;
CPA： 每行動費用，指按廣告商網站瀏覽者點擊廣告并在廣告客戶網站注冊的次數收費; CPS： 按廣告客戶網站受益于廣告商而帶來的銷售數量進行收費;
CPP： 按廣告客戶網站受益于廣告商而帶來的成交筆數進行收費。
八、第三方物流選擇
物流配送是消費者在網絡購物過程中非常關注的要素之一，消費者在意購買的產品能否快速、準確及適時地將貨物送到，盡管B2C企業的物流環節只是整個網絡購物流程的一部分，但這個環節給予消費者的體驗感覺是至關重要的，所有的消貲前都希望立馬拿到購買的產品，并盡快享受到使用產品時的愉悅，一旦產品送達時出現拖延或途中有所損壞，消費者的感覺將十分糟糕，這直接影響到消費者的網絡購物情緒，并對B2C商家的形象產生不好的印象。
對網站用戶的訂單商品配送，考察選擇多個物流合作伙伴，探討合作方式，目前主要的服務于電子商務的第三方物流企業有：順豐快遞、宅急送快遞、EMS、全一快運、、圓通速遞、申通速遞、中通速遞、中鐵快運、天地華宇等;
對物流合作企業進行物流價格、覆蓋范圍、運輸條件、配送時效、貨物配送安全性等多指標的綜合考察，篩選優質物流合作企業。
[關鍵詞] Struts 商務網站 MVC
隨著計算機和網絡技術的飛速發展，IT技術在商業貿易領域中的應用將越來越普及，對于一個大型企業利用計算機和通信技術實現網上商務活動勢在必行。在各種技術的應用中，往往是網站開發人員把編寫程序的代碼與企業的業務邏輯混合開發，出現網站開發周期長及維護管理混亂等困難。采用基于Struts框架開發技術來設計網站，這些問題將迎刃而解。
一、Struts框架簡介
Struts是通過提供一個總體的開發框架來實現MVC（Model-View－Controller）設計模式，這個框架提供了一系列的系統服務作為管理HTTP請求及響應的補充。該框架技術主要包括以下內容：
1.MVC架構設計
使用MVC設計模式構建的應用主要分為三個層次，M（模型）主要負責業務邏輯處理，V（視圖）主要負責頁面顯示，C（控制器）主要負責控制管理職能。這樣整個應用分為三個層次開發使應用程序的重用性和可維護性更好，而且利于分工，提高開發效率。
2.Struts標簽庫設計
Struts框架提供了一組標簽庫用于和Beans組件進行交互。其中form標簽可以嵌套商務網站中的文本輸入框、下拉列表等表單，Beans標簽為設置它的屬性提供了方便，并可以對組件的參數進行訪問。
3.配置文件設計
在Struts框架應用中最重要的要屬配置文件struts-config.xml文件的設計。通過它可以設計網站訪問的數據源、動態的表單組件、全局映射表及異常處理等。
二、基于Struts的網站設計應用
1.在集成開發環境下裝載Struts庫
該過程主要包括兩個部分，一個是裝載運行時的Struts庫，一個是裝載編輯時的Struts庫。前者目的是便于在繼承開發環境上運行應用服務器時，服務器能找到相應的Struts庫，因而需要將Struts的標簽庫文件放到指定的目錄下面。后者目的是使在進行Struts程序開發過程中不會出現編輯錯誤。
2.實現Action中央控制器
ActionServlet是Struts最核心部分，相當于中央控制器，通過org.apache.struts.action.ActionServlet類來實現，web應用程序通過它來控制頁面流程，通過傳來的參數來分配下一個頁面。
ActionServlet負責接收所有頁面提交的請求，并產生相應的響應送到請求頁面。一旦web容器接收到外部請求時，它的doPost方法將會處理來自客戶端信息，并調用RequestProcedessor對象處理該請求。其工作原理如下圖所示:
Action Servlet工作原理圖
3.組件類設計
Form Bean類負責網站的顯示內容，進行基于Struts的Form Bean開發是通過其基類ActionForm類來完成的，該類繼承于org.apache.struts.action.ActionForm類，可以自動將頁面的表單內容保存起來，并通過請求模塊進行信息傳遞。
4.配置Struts-config.xml文件
如前所述，ActionServlet是Struts的控制器，是最核心部分，這個控制器通過配置Struts-config.xml來完成。
Struts通過定義路徑參數來定義轉向Dispatch的路徑，在該文件里添加標簽，這樣實現了轉向路徑的可配置化，避免在程序中寫具體路徑，易于今后的數據維護和程序修改。
設置動態Form Bean不需要事先創建Form Bean類，直接在配置文件中定義相應的名字和每一個字段類型即可。
5.創建表單校驗器
商務網站中提供了大量的表單輸入，假如在完全輸入后才進行校驗顯然是不行的，可以采用基于頁面輸入校驗的Struts Validator來解決。Struts Validator是基于Struts來進行頁面校驗的組件，它可以完全通過配置來完成頁面的校驗，不需要寫代碼，它實現了頁面顯示層和頁面校驗層的分類，又通過配置將二者整合，整個過程是利用插件標簽來實現的。
三、構建、部署和測試Struts應用
由于jakarta項目已經為JSP平臺提供了一系列應用系統，因此使用jakarta Ant 來構建和部署Struts應用不僅使開發大型網站變得更容易，而且還具有良好得跨平臺特點，結合Junit更發揮了自動化測試功能。可以說基于Struts的網站開發應用構建了電子商務建設領域新的里程碑。
參考文獻：
[1]杜明李朝純:Struts+EJB在J2EE平臺上的設計與實現[J].計算機應用研究,2005,(03)
[2]馮相忠:基于MVC設計模式的Struts框架及其應用的研究[J].計算機技術與發展,2006,(08)
關鍵詞： 《建立主題網站》 教學設計 教學反思
一、對教材的分析與處理
（一）教材分析：（我對教材的認識與理解）
本節課是教科版《網絡技術應用（選修）》第四章《建立主題網站》的第一節課，要讓學生通過網站更好地表達自己的思想，制作出有個性、有創意、有意義的優秀網站。本節課是至關重要的一節課，是為接下來的課時做鋪墊打基礎的。
（二）教材處理：（我對教材的使用與處理）
這一章的第一、第二節分別是“規劃網站”和“網站設計”，根據信息集成的一般過程：選題立意—規劃設計—開發制作—評估測試，本節課主要完成選題立意和規劃設計中的部分工作，而本章第一節中的選擇網頁制作工具可到開發制作階段再講，所以我將第一節和第二節的主要內容進行加工重組，具體設計思路是：通過復習導入，讓學生明確建立主題網站要經歷的階段，觀摩一些優秀的主題網站，并根據自己的興趣愛好確定網站主題及網站名，之后圍繞自己的主題合理有效地規劃網站結構（含欄目設計）及首頁框架，課后根據需要收集素材，并強調注意保護知識產權，避免侵犯他人的版權。
二、對學習者的分析
學生在上學期已經嘗試利用FrontPage軟件模仿制作了一些簡單的網頁，但是并沒有經歷從主題的確定到網站的規劃到制作出有創造性的個性化的作品這樣一個過程。高一的學生有自己喜歡的網站，而且他們已有了一定的網頁制作基礎，以主題網站為平臺，可充分調動他們的積極性，激發他們的潛能，讓他們的思維能力和創新能力得到盡情的發揮。
三、教法闡述與學法指導
（一）教法闡述
基于對教材的全面分析、理解與加工，對學習者心理和知識水平的了解與分析，本節課主要以學案為支架，在“復習導入”環節，主要采用講授法，通過教師引導、學生復習回顧，來引出課題；在“探究實踐”環節，采用任務驅動教學法，先讓學生觀察，再經過師生共同分析和交流，從而確定網站主題，規劃網站結構和設計首頁框架；在“評價小結”環節，通過自評和互評，使學生形成積極主動學習和利用信息技術、參與信息作品創作的態度。當然，整個教學過程始終貫穿“賞識教育法”，希望給學生營造愉快、積極、向上的學習氛圍，讓學生愉快地學習。
（二）學法指導
把學習的主動權交給學生，以學案為支架，通過實例體驗信息集成的一般過程，通過欣賞優秀作品，激發學生的學習興趣，同時觀察、提煉和歸納學習要點，在與同學的交流中，進一步鞏固所學知識，在自主、輕松的過程中完成學習任務。
四、教學設計（對教材的設計與加工）
（一）教學目標
1.知識與技能
（1）能根據自己的興趣愛好確定網站的主題；
（2）學會根據主題合理有效地規劃設計網站；
（3）能對網站的主題、內容、創意之間的關系進行評論并闡述自己的觀點。
2.過程與方法
（1）通過學習學案中的資料，結合自己的興趣愛好，確定網站的主題，并合理有效地規劃設計網站的結構圖及首頁框架；
（2）通過師生的討論和實踐的過程，能夠深刻體會到做事要進行事前規劃的思想方法。
3.情感態度與價值觀
（1）能闡述自己的觀點，并能正確的評價他人的作品；
（2）在進行網站的選題立意、規劃設計的實踐中，使學生形成積極主動學習和利用信息技術、參與信息作品創作的態度；
（3）能夠體會到借鑒別人作品和代碼時應注意知識產權的問題。
（二）教學重難點
重點：確定網站主題、結構及首頁框架；
難點：圍繞網站的主題合理的規劃設計網站結構及首頁框架。
（三）教學過程
1.激趣導入
師：通過課前的觀察和交流，老師知道大家肯定和我一樣喜歡上網，你能向大家介紹下你經常去的網站嗎？這個網站有哪些吸引你的地方？
【設計意圖：激趣導入，拉近距離。】
學生自由回答或指名回答。
師：我們在必修中學過，網站也是信息集成的一種表現形式，首先我們來復習一下，信息集成的一般過程：選題立意—設計規劃—開發制作—評估測試。大家一定也想擁有一個屬于自己的主題網站吧，今天我們就一起來學習第四章《建立主題網站》。
【設計意圖：復習回顧，引入新課。】
2.探究實踐
（1）確定網站主題
請同學們瀏覽學案資料一中推薦的六個主題網站，同時思考：（1）你喜歡其中的哪個網站？（2）這個網站的主題是什么（如教育、音樂、公益等等）？網站名是什么（如“淘寶”、“搜狐”等）？（3）你有更好的網站推薦給大家嗎？有的話請補充在資料一下面。
【設計意圖：讓學生通過欣賞優秀的主題網站，激發創作愿望，同時能夠提煉、歸納網站的主題，并了解網站主題和網站名之間的聯系。】
指名學生發表自己的觀點。
師：根據剛才信息集成的一般步驟，我們要建立主題網站首先應該做什么？
生：確定主題。
師：資料二中列出了全美知名的十類網站主題，同桌之間互相討論，可以進一步細化并擴充，然后確定你的網站主題和主題名，這里老師有三個小小的建議：（1）選擇自己感興趣的；（2）主題定位小而精；（3）網站名形象、簡單、易記。
學生自由交流，然后確定各自的網站主題和網站名，教師巡視了解。
（板書：規劃設計主題網站）
師：好，現在請大家看看同桌的網站主題和網站名，對你是否有啟發。
根據齊魯網及山東傳媒職業學院畢業生崗位調研結果，我校畢業生在網頁設計方面適應的崗位主要有網頁頁面設計、前端網頁開發、后臺動態網頁開發等。
網頁頁面設計：主要應用Photoshop、Illustrator等圖片處理和圖形設計工具;
前端網頁開發：主要應用Dreamweaver、Notepad++、Editplus等網頁編碼工具;
后臺動態網頁開發：主要應用Mysql數據庫、PHP動態頁面開發工具等。
這些工作崗位要求學生熟悉整個網頁設計和開發的工作流程，具備所需的基本知識和操作技能，同時還要有良好的職業道德和團隊精神，以適應行業發展需求。為了進一步實現職業院校的人才培養目標，提高職業教育的教學質量，圍繞實際的網頁設計和開發的工作過程，對《網頁綜合實訓》課程進行改革和開發。
二、課程設計原則和設計依據
設計原則：以學生為主體，提高學生的學習興趣;以職業崗位任務為導向，組織教學內容;以職業崗位需求為依據，突出職業能力培養;以項目為載體，訓練學生職業崗位能力和自學能力。
設計依據：本課程以真實完整的網站開發項目為載體設計教學過程，以網站技術人員的崗位工作任務為依據，設計相應教學工作任務，以這些工作任務為載體設計學習情境。教師帶領學生在網絡機房完成網站項目的開發設計任務，學生以小組為單位開展工作任務。
三、根據崗位能力要求和專業培養目標，確定課程培養目標
1.崗位能力目標
（1）網頁頁面設計：要求學生能對網站結構進行規劃及功能設計、能利用ps等工具設計制作網頁頁面效果圖;
（2）前端網頁開發：能將網頁效果圖重構為HTML網頁、能為網頁添加常用的js特效;
（3）后臺動態網頁開發：能進行網站后臺數據庫設計;能對常用的動態頁面功能模塊進行開發。
2.職業素質目標
完成具體工作項目，要求學生能自主學習和查閱資料。通過網絡搜索資源，首先通過模仿然后舉一反三，自主分析問題、解決問題;完成整個網站開發工作項目，要求學生具備良好的職業道德，能夠團結協作共同完成工作任務，重在培養學生的團隊合作能力和愛崗敬業精神。
四、根據工作流程，基于工作任務，設計學習情境
1.設計思路
網站開發實際工作任務主要包括網站規劃設計、網站前端設計、網站后臺開發、運營與維護。網站開發過程中的重要環節為設計與開發，即網站規劃設計網站前端設計網站后臺開發。遵循實際網站開發流程，本課程主要針對這一階段設計開發一個實際的網站。
2.學習情境設計
遵循網站開發工作流程，以工作過程為導向，以項目為載體，把本課程設計成以下五大學習情境：（1）網站的整體規劃設計;（2）網頁設計與實現;（3）網頁特效設計與實現;（4）網站后臺數據庫設計;（5）網站后臺功能設計。
3.學習子情境設計
對應工作流程和能力目標，每一個情境又以工作任務為載體細分為若干個子情境，即學習任務。學習子情境要與整個項目的實際工作過程相結合，與每個工作階段的能力目標相對應。下面以第二大情境――網頁設計與實現為例，進行基于工作過程為導向的學習子情境設計與實施。
學習情境二：XX網頁設計與實現
子情境設計及主要工作任務：
（1）網頁版面設計：規劃網頁頁面內容版塊;繪制頁面布局線框圖;
（2）網頁素材的搜索及制作：根據網站主題和風格，利用網絡搜索，或利用工具軟件制作網頁素材;
（3）網頁效果圖設計與實現：利用ps完成網頁設計psd效果圖;
（4）HTML網頁重構：根據psd網頁設計圖編寫html網頁代碼。
4.考核評價設計
考核方法：本課程的考核包括平時過程考核和期末結果考核，兩者各占一定比例。
考核對象：包括小組團隊考核和個人表現考核，且側重于團隊的考核，著重培養學生的團隊協作意識。過程考核除了考核團隊協作以外，還要對學生個人表現情況進行考核，根據小組分工、工作量和完成質量等對每位學生進行考核。
關鍵詞：中國元素；茶類；網頁設計；應用
從古到今，我國的茶葉在世界范圍內都是小有盛名的，且茶文化的發展源遠流長。網站是當今網絡信息傳播的重要平臺，在最近幾年來發展迅速，作為一種新型的藝術表現方式，茶類網站的設計也隨之應運而生，并且發展勢頭迅猛，加之科學技術的日益進步，使得茶類網站頁面設計的方式也變的多種多樣。傳統文化的多元化以及藝術形式的多樣化，再加上多種思想與文化間相互碰撞，引發了設計師們對茶類網站頁面設計的關注度。
1中國元素含義及形態
1.1中國元素的含義
所謂中國元素就是人民大眾在日常的生活、生產中不斷探索、總結出來的，具有中國特色的文化成果，這種文化成果不但包含隱形的精神內涵，也包含有形的圖案、符號。由于受我們國家傳統思想的影響，目前，我們國家在設計網站時，也表現出中華文化的和諧性、包容性以及多樣性，在這樣的基礎上，設計具有中國特色的網站就更加要把握好尺度，也就是要表現出中華文化兼容并蓄的傳統，同時又要預防失去自身特色，一味的模仿他人。
1.2中國元素的主要表現形態
第一，方塊字書法，方塊字有抽象符號的作用，它自身就具備審美趣味。漢字在網站的設計中是一種符號或是一種特別的圖形，它不僅是語言信息的載體，表現出它的形狀外，還代表著文化方面的意義，比方說：行書如行云流水；草書結構簡省、畫筆連綿；楷書工妙于點畫，神韻于結體。把中華書法的藝術融入到現代化的網站設計中，能夠有利的彰顯出網頁所獨具的文化民族特色。第二，圖形。在設計網頁圖形的時候，要在傳統圖案上加以豐富的想象力，選擇獨具特色的表現形式，給瀏覽者一個新奇而又獨具特點的視覺感受。將傳統圖案里的點、面、線、色彩、紋理等融入到網站設計里，形成具有傳統特點和現代藝術相融合的審美特色，圖案的多樣性和統一、平行、尺寸比例、韻律以及節奏等特點，將這些特點融合到一個畫面中，彰顯出循序有律的藝術規律。第三，版面。通常為了引起閱讀者的注意，會在網站顯著的位置上放置關鍵的內容，例如版面的中間或是上面，并且，設計師通常會將同樣主題的內容統一放到網站頁面的同一區域里。在我們國家設計師在設計網站時通常會將版面劃分為圖形區、文本區、版權區等等。
2中國傳統元素應用于茶類網頁界面設計的可行性
網站頁面設計中，最基礎的視覺元素有色調、版式、圖片、形狀、文字，除了這些以外還有一些特有的視覺元素，比方說多媒體、動態等。網站頁面設計考慮的就是怎樣將這些元素合理的安排，呈現出一幅和諧、明了、美觀、而又統一的網站頁面，讓瀏覽者可以更加清楚、有效地了解信息同時還會給其帶來一種愉悅的感覺。全世界不同區域內用戶的審美心理存在千差萬別，就像歐洲國家他們不太喜歡色彩艷麗、花里胡哨的設計風格，而是相對喜歡一些雅靜、簡單、簡潔而又嚴謹的風格形式。韓國的用戶喜歡細膩、布局整潔、清晰的設計。與其相比，我們國家大多數的茶類網站頁面缺乏特色之處，一味的隨俗浮沉，無獨特的藝術感染力。其實，我們國家有著十分濃厚的傳統文化和豐富的藝術元素，借助豐富的想象力把這些文化、元素融合到茶類網站頁面的設計中去，相信一定可以設計出具有我們國家獨有的、特色的網站頁面作品。
3中國元素在茶類網頁設計中的應用
3.1茶類網頁版式與中國水墨元素中的“章法構圖”
茶類網站頁面設計師在設計時，第一步要做的就是進行構圖，就是最優秀的創意也必須從構圖開始，只有通過構圖形式的變化，才能將視覺語言效果呈現出來。在我們國家的傳統水墨畫中，構圖被稱之為“布局”或是“章法”，在水墨畫中是十分重視構圖的，他不是遵從歐洲國家的透視理論，相反的是具有自身特點和呈現方式的，比歐洲國家的繪畫更有隨意性，使得畫面中融入了畫家更多的思想意識。在構圖的過程里，我們國家的水墨畫是比較重視“計白當黑”，巧妙構思保留著大小、主次、輕疏不同而形成的“空白”，給觀賞者留有豐富的想象空間，也使畫面更加的獨具特色。我們在設計茶類網站頁面時也要這樣去做，將我們國家的藝術審美形式融入到設計里，讓網頁中游走著“空白”，給設計師和瀏覽者的心靈溝通提供平臺。現在茶類網站頁面設計流行簡約同意境相結合，茶類網站頁面設計可以參考我們國家傳統水墨畫的構圖原則，通過簡潔的概括水墨畫以及再應用來提高頁面設計的意境，使得網站頁面設計多元化，例如敬庭堯，他在設計個人網站時，選用的就是水墨元素的設計，它的網站將水墨的優美與頁面中的空白呈現的出神入化、惟妙惟肖。茶類網站頁面設計中主要運用水墨這種極具民族特色的視覺元素，在配備墨印、印章、水印以及宋體字，文字和圖案遙相呼應，創造出一幅完美銜接的構圖搭配，給人們瀏覽網站頁面時帶來一種書香氣韻和視覺上的沖擊。
3.2茶類網頁設計中中國傳統色彩的應用
在茶類網站頁面的藝術設計里，最重要的視覺元素就是色調，和諧的色調搭配可以產生強烈的視覺沖擊效果以及藝術的渲染力，讓人們記憶深刻。在設計里，色彩關系到所有的設計元素，是不能缺少的一部分，在茶類網站頁面設計中，吸引瀏覽者眼球以及讓其自發進入網站了解網站內容和閱讀網站內容最為關鍵的就是色彩的搭配，色彩肩負的任務是十分重要的。亞洲傳統色彩的特點是神秘而又婉轉、含蓄，在傳統色彩中包含著悠遠的歷史文化和歷史文明，蘊含著古老民族對未來幸福生活的憧憬和向往，吸引著全世界人們的關注。在我們國家的傳統色彩中，青色、黑色、赤色、白色、黃色這五種顏色分別代表了我們國家傳統文化中的東方、西方、南方、北方、中部等五個方位以及金、水、木、火、土等五行，我們國家的色彩文化和大自然、宇宙世界、哲學理論、倫理道德等許多觀念密切融合到一起，組成我們國家獨有特色的傳統色彩文化。在我們國家的歷史記載中，最早開始使用黑色、白色這兩個顏色的，還有不同深淺的赤色，而且被廣泛的運用。所謂的赤色就是我們常常說的紅色，紅色是我們國家人民最喜歡的顏色，也是日常生活中運用最廣泛的顏色，它蘊含著許多種不同的含義，有個非常貼切的詞語就是“中國紅”。我們國家茶類網站頁面設計就能夠把網站頁面的主色調設計成不同成色的紅色，用它來呈現出我們國家茶文化濃厚的歷史韻味和歷史意義。
3.3茶類網頁設計中漢文字的應用
信息的重要載體與表現方式就是文字；我們國家漢字的獨特形狀表現著我們中華民族的傳統文化特色，且它有思維導向與圖形表意的作用，是構成網站的基礎。在茶類網站頁面設計的過程中，有些設計師也許會忽視了文字排版所發揮的重要作用；現實情況是，在網站頁面所有內容中，所占比重最大、最多的就是文字信息。網站頁面中除了大段的正文描述外，像其他的，例如網站頁面標題、引導、指示信息、文字鏈接、說明圖片等內容，這些內容也不能離開文字表述。我們國家和古代印度、古代巴比倫、古代埃及四國被稱之為世界的四大文明古國；在這四個文明古國中，我們國家的文字是一直被運用的，從來沒有出現被停用的情況，一直不斷被改進，不斷被完善，一直被沿用到現在，追溯文字的發展歷程，我們國家的漢字經歷了甲骨文、金文、大篆、小篆、隸書、楷書、行書、草書等等的形式，最后在象形文字符號的基礎上演變成為我們現在所通用的方塊漢字，直到現在它依然保持著頑強的“生命力”。有個名字叫“悟空堂陶社”的網站，它就是采用我們國家象形文字的獨特之處，把“悟空堂”這三個字做成擁有十足意蘊的獨特標志，這種設計讓瀏覽者感覺像是回到了原來的自然意境中；茶類網站頁面中對細節的一些問題進行了獨特的處理，比方說字號的大小和字號字體的選擇都進行了特殊的處理，這些細節之處都充分表現出我們國家茶類網站頁面設計正在努力朝著突出本國特色的方向發展。目前，我們國家茶類網站頁面上的字體多數是選擇偶數級別的字號來決定字體的大小，像是2pt或是14pt，這樣做的好處就是頁面上多行文字的邊緣處不容易形成鋸齒狀；與此同時把行距之間的距離調大，這樣做可以改觀過去漢字在頁面上擁擠雜亂的現象，科學的調整文字版面之間的間距與節奏；最后去除了過去一味的追求像歐美國家網站一樣美觀的外表，而選擇小的文字字號，進而影響到文字信息的閱讀效果的這種做法。
4結束語
總而言之，我們國家傳統的文化元素不但是傳承技巧和智慧的語言，同時也代表著設計師們獨特創意的心聲。這就要求我們在設計茶類網站時候，站在我們國家傳統文化的基礎上，不斷的尋求新的發展和創新。在設計網站時將中國元素的圖案、形狀、意境、色調進行有機融合，以此來完成網站頁面設計的創新。
參考文獻
[1]王艷.中國傳統繪畫元素在現代平面廣告設計中的應用研究[D].西北師范大學,2014.
[2]高展.我國茶葉電子商務市場現狀分析及營銷模式研究[D].西南大學,2015.
[3]鄭莎莉.基于網絡數字媒體的茶文化推行方案設計實現[D].上海交通大學,2014.
[4]張兵文,李付青.基于云計算的茶企營銷網站安全研究[J].福建茶葉,2016(7).
[5]黃靜.網頁UI設計中“中國風”元素的應用研究[J].美術教育研究.2016(22).
[6]羅岱,王玉硯,黃靜儀.中國元素在旅游導覽系統界面設計中的應用[J].包裝工程.2016(08).
關鍵詞：網站規劃；網站設計；布局
中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2008)31-0829-03
Site Planning and Design
JI Lei
(College of Finance and Economics, Qinghai University, Xining 810001, China)
Abstract: The rapid development of Internet, a web site to promote the emergence of the website is the business or individual in the image of the show on the network platform, is here to understand the businesses or individuals a way. This paper describes the process of building the web site, site planning, principles, the layout of the website.
Key words: Site Planning; web site design; layout
1 引言
Internet已成為當今時代人們獲取信息的重要途徑，它改變了人們的生活、工作和學習的各個方面。人們可以Internet信息，交流思想，推廣科技，檢索行業信息等。它所具有的數字化、多元化、全球化、多媒體化、實時性、交互性等眾多特征使它也具有了越來越廣泛的商業用途。但是離開各種網站，Internet的眾多應用都無從談起。
2 網站規劃
在網頁設計前，首先要給網站一個準確的定位，是屬于宣傳自己產品的一個窗口，還是用來提供商務服務或者提供資訊服務性質的網站，從而確定主題與設計風格。網站名稱要切題，題材要專而精，并且要兼顧商家和客戶的利益。建設一個有影響的商業網站，從結構設計、頁面設計到時數據庫的集成，每一個環節都非常重要。
2.1 網站的基礎規劃
在Intenet中，網站成千上萬，瀏覽者常常是走馬觀花，一帶而過，只有精彩、內容極其豐富的網站，才能吸引住瀏覽者。這種結果首先要歸功于網站的規劃。獨具匠心的網站規劃就像一幢宏偉的建筑前期的規劃設計一樣，要進行認真、科學的總體規劃，之后才可以“破土動工”。網站規劃主要有兩大部分：一是規劃涉及的內容，包括每一步的目標、內容；每一步的人力安排；每一步生成的文檔。二是網站的要素，包括網站的內容、網站的功能和網站的表現形式。網站建設的基本流程如圖1。
2.1.1 明確網站設計目標
展示公司形象，公司信息和提供服務，宣傳公司產品是商業網站建設的要求。所以在設計網站時必須明確目標，從而做出切實可行的計劃。
2.1.2 迎合客戶需求
會有越來越多的人使用Internet，Internet也將成為人們生活中不可或缺的部分，越來越完善的網絡服務走進千家萬戶。我們的網站必須能滿足眾多網民的需求。
2.1.3 產品宣傳的需要
通過Internet進行產品、宣傳無疑是最理想的途徑，人們越來越習慣到Internet上查找所需要的信息，并且作為首選的途徑。宣傳單、產品介紹，這些都只是一張靜止不動的紙。而網站，在代表公司的網頁上，客戶卻能聽見公司真誠的聲音，看到友好的笑容，而且它是動態的，可以隨時加入最新的內容。這無疑接拉近公司與客戶間的距離。
2.1.4 與客戶溝通的橋梁
客戶對公司產品的意見，對公司的建議，可以通過客戶留言板即時得到并迅速反應，然后通過網站中的站長回復功能再反饋給客戶。還可以通過信息交流論壇與客戶在線交流。
2.1.5 優化工作提高效率
行業資訊提供公司最新的動態介紹，公司的一些最新決策、促銷活動等，還可以將客戶經常關心的問題在網站上，不必再為重復答復這些問題而苦惱，從而使工作更具效率。
2.1.6 和諧頁面
要將豐富的內容和多樣的形式組織成統一的頁面結構，形式和語言都必須符合頁面的內容，體現豐富的內涵。運用對比與調和，對稱與平衡，節奏與韻律以及留空白等樣式，通過文字、圖像相互之間的關系建立整體的均衡狀態，產生和諧的美感。
2.1.7 網站信息更新與維護
當訪問者與網站進行信息交互、用戶信息時，該網站才會動態顯示，才具有生命力。要把網站規劃為動態網站，具有后臺數據庫的支持和遠程維護的功能。 這樣只有當網站投入運行后才能及時地更新網頁信息。一個網站必須要保持經常性的更新，才能不斷吸引訪問者再次光臨，使潛在消費者變成客戶。如果網站一成不變，是無法獲得更多商業機會的。
2.2 網站規劃原則
在設計之前，先畫出網站結構圖，其中包括網站欄目、結構層次、鏈接內容。首頁中的各功能按鈕、內容要點、友情鏈接等都要體現出來，一定要切題，并突出重點，應把大有大段的文字換成標題性的、吸引人的文字，將單項內容交給分支頁面去表達，這才顯得頁面精煉。也就是說，首先要讓訪問者一眼應能了解到這個網站能提供什么信息，使訪問者有一個基本的認識，并且有繼續瀏覽的興趣。要細心周全，不要遺漏內容，還要為擴容留出空間。分支頁面內容要相對獨立，切忌重復，導航功能要好。網頁文件命名開頭不能使用運算符、漢字等，分支頁面的文件存放于自己單獨的文件夾中，圖形文件存放于單獨的圖形文件夾中。
2.2.1 明確建設網站的目的
建立網站之前，要有明確的目的，即所要建立的網站的作用是什么，服務的對象是哪些群體，要為瀏覽者提供怎樣的服務，只有找準了網站的定位，才可能建成一個成功的網站。
2.2.2 進行可行性分析
可行性分析就是分析是否有能力、財力建設和維護這個網站；分析網站建成以后是否有一定的經濟效益或社會效益；分析網站建設需要花費多少時間、精力、人力，性價比是否合算。
2.2.3 網站的內容設計
建設網站就要為用戶服務的，根據網站建設的目的，分析瀏覽者的需求，確定網站的內容。例如一個電子商務網站，就要根據消費者的需求、購買力、購買習慣等要素設計網站每個網頁功能，以滿足客戶的需要。
2.2.4 網站的表現形式設計
有了好的內容，還要有好的表現形式，這就是網站本身的設計。例如設計網站的CI標志、網站的文字排版、平面設計、三維立體設計、靜態無聲圖文、動態有聲影像等。
2.2.5 技術需求
提供網站建設的技術綜述。利用什么樣的工具，運用什么樣的語言。例如HTML、JavaScript、ASP等。
3 設計布局
布局就是以最適合瀏覽的方式將圖片和文字編排在網頁的不同位置，使得瀏覽者的視覺效果與使用效果達到最佳狀態。網頁的整體布局在網站設計中占據著關鍵的位置，起著主導作用。
網頁設計首先涉及到的就是網頁的編排問題。網頁作為一種版面，有文字和圖片。而文字有大有小，有標題與正文之分；圖片也有大小，有橫幅與豎條之別。文字和圖片要同時展示給瀏覽者。如果只是把它們簡單的羅列到一個頁面上，會使得頁面零亂不堪。因此必須根據內容需求，將文字和圖片按照一定的次序進行合理的編排和布局，使它們組成一個有機整體，展示給瀏覽者。
3.1 布局設計元素
網頁布局設計就是在有限的空間內，合理安排組成網頁的各種元素的位置，使頁面美觀，達到最好的視覺效果和藝術效果，把網頁要表達的信息有效地傳達給瀏覽者。網頁布局必須以網站主題和頁面內容為依據，以準確、有效的表達信息為目標，達到形式與內容的統一。一般網頁都包含頁面標題、網站標志、頁眉、導航欄、內容版塊和頁腳等部分。
3.1.1 網頁標題
每個網頁都有一個標題，用于標識網頁，指示網頁的主要內容。網頁標題顯示在瀏覽器窗口的標題欄中。在設計網頁時，網頁制作軟件一般自動為網頁文件指定“未命名”作為網頁的默認標題。顯然， 這樣的標題是毫無意義的。在設計網頁時，應該養成給網頁指定標題的習慣，使瀏覽者看到標題就能了解網頁的主題內容。
3.1.2 網站標志（LOGO）
LOGO是網站特色和內涵的集中體現。如果是企業的網站，網站標志常常采用企業的標志或者注冊商標。一個好的LOGO可以給瀏覽者留下深刻的印象，在網站和企業的宣傳推廣方面起著十分重要的作用，一看見LOGO就能聯想起該網站。
3.1.3 頁眉
頁眉指頁面的頂端，通常水平放置于導航欄上面。有些網頁的頁眉比較明顯，有些網頁則沒有明確的劃分，有的甚至沒有頁眉。通常，頁眉左邊放置LOGO，右邊往往安排網頁的服務宗旨或者廣告口號，或者放置商業廣告。頁眉是瀏覽者打開網頁首先看到的部分，一些商業網站大多作為廣告們出租，可謂黃金位置。頁眉的設計風格應該與頁面的整體風格協調一致。設計獨到的頁眉也可以像LOGO一樣，起到標識網站的作用。
3.1.4 導航欄
導航欄是網頁的重要組成元素，它的任務是幫助瀏覽者在站點內快捷查找信息。好的導航系統應該能夠引導瀏覽者盡情瀏覽網頁而不會迷失方向導航欄的形式多種多樣，可以是簡單的文字鏈接，也可以是設計精美的圖片，或者是形態多變的按鈕，還可以是擁有下拉菜單的導航系統。導航欄在頁面中的位置相對不定，一般分布在頁面上、下、左、右，在頁面上部的居多。設計自由的頁面，導航欄的放置位置比較靈活。
3.1.5 內容版塊
內容版塊是頁面的主體，往往根據內容的多少劃分為幾個欄目。每個欄目中放置內容標題的鏈接或者內容摘要，具體內容包括文字、圖像、動畫等。頁面的內容才是瀏覽者關注的根本目標。擁有豐富的內容，才能吸引眾多的瀏覽者。因此，對應內容版塊應該合理安排、精心設計。
3.1.6 頁腳
頁腳指頁面的底端部分，通常放置版權信息、聯系方法，有時也把導航欄、友情鏈接安排在頁腳位置。
3.2 布局設計的過程
布局設計的過程也就是一個創意的過程，在設計的過程中把布局設計元素合理化、有序化地應用到網頁的制作和編排上，達到點、線、面相互穿插，相互襯托。布局設計過程比起整個網站的設計要容易得多、有規律得多，它可分為以下6個階段。
3.2.1 方案設計
方案設計就是在布局設計前，對網頁的整體布局進行的構思，畫出頁面的結構草圖。在這個階段，可以借鑒他人的布局設計經驗，參考他人的布局結構吸取精華融入到自己的整體構思中。充分發揮自己的藝術想像力，結合網頁素材，進行整合創作。
3.2.2 初步設計
初步設計是在方案設計的基礎上，確定如何把功能模塊安排到頁面上。功能模塊主要指網站標志、導航欄、動態新聞、搜索、留言板、交流論壇、版權信息等。在這個階段必須遵循主次分明、突出重點、平衡協調的原則，將網站標志、導航欄等重要模塊放在最醒目的位置，然后再考慮其他模塊的排放。
3.2.3 技術設計
技術設計的主要任務是在初步設計的基礎上，進行草圖細化和方案確定，在繪制出的草圖上，具體運用頁面元素，包括網站標志、導航欄等。進一步解決各部分的技術問題，在確定了功能模塊的大致位置后，需要對網站標志、導航欄和背景圖片進行設計，然后把設計好的模塊放在初步設計中確定的位置上。
3.2.4 定案設計
將初步的頁面布局精細化、具體化，也就是一個調整的階段。如網頁的顏色搭配，文字和圖片是否搭配平衡等。
3.2.5 量化描述
量化描述就是確定各種頁面元素的具體大小。主要包括以下幾種：
網頁外形大小網頁外形大小受計算機顯示器的大小和分辨率制約。
圖片大小：圖片大小應該根據具體的布局要求確定，以像素為單位。
字體大小：指定網頁文本，如標題文字、段落文字大小。
色彩搭配：在網頁的制作過程中往往采用多種顏色搭配，包括背景顏色、文字顏色等。
網頁文件大小：初步估計網頁文件的大小，一般應該控制在500KB左右。因為網頁文件過大會影響下載速度。
3.2.6 方案實施
根據上面幾個階段確定的網頁布局方案使用網頁編輯軟件（如Dreamweaver）和圖像處理軟件（如Photoshop）進行布局設計。Internet上的網頁風格萬千。常見布局類型有同型布局、框架布局、自由式布局等。
4 結束語
網站的規劃、設計看起來很簡單，但要制作出真正有創意、精美的網站不是件容易的事情。它需要我們不斷的實踐，不斷的學習，不斷的豐富、創新網頁制作的方法，不斷完善、提高自己網站設計的能力。
參考文獻：
[1] 胡劍鋒,趙懷明,淦述衛,等.網頁制作與設計[M].北京：清華大學出版社,2004.
[3] 騰飛科技.Dreamweaver 8完美網站建設從入門到精通[M].北京：人民郵電出版社,2007.
[3] 陳笑.Dreamweaver 8實用教程[M].北京：清華大學出版社,2007.
>> 關于計算機技術與課程結合探討 淺析計算機技術與中職課程整合 淺談計算機技術與課程整合 利用網絡資源和計算機技術提升學生學習錄入課程的學習興趣 淺談計算機與計算機技術 計算機技術的應用 視頻制作中計算機技術的應用 微型計算機技術精品課程網站建設和應用探討 計算機技術和網絡技術在機房管理中的應用 機房管理中的計算機技術及網絡技術運用分析 計算機技術課程項目化教學模式的行動研究 談職校課程與計算機技術的有機結合 任務驅動在任職院校《計算機技術與應用》課程中的應用 計算機技術與藝術設計課程教學的交互關系 現代課程教學與計算機技術的有機結合 淺談工程施工管理與網絡及計算機技術關系 如何利用網絡與計算機技術創新醫院財務管理 利用網絡與計算機技術改進醫院財務管理水平 計算機技術下的網絡平臺的應用 利用網絡和計算機技術促進科學教育的協作 常見問題解答 當前所在位置：l格式，使用網站后臺自行上傳。請我校電教中心的教師幫助錄制課程的教學視頻，存儲為網站設計要求的格式，留作學生自學使用。
三、制作方法
3.1外觀設計
拋開網頁的功能暫且不談，網頁的外觀設計非常重要，它也是決定網站是否吸引人的一個重要因素。不同色彩的搭配會產生不同的效果，如果網頁的顏色搭配不合理，色彩、樣式過于復雜，學生操作麻煩，一樣會影響學生學習的心情。
在訪問網站時，色彩對人視覺的刺激，會給訪問者留下第一印象。參考了多個教學網站的設計后，在我校《計算機技術網絡課程》網站色彩的設計上，為使學生在訪問網站學習時心情愉快，沒有壓力，網站采用天空藍色為主的色調，輔以橙色，并適當降低圖片的亮度，使網站整體色彩輕快、柔和。網站的色彩符合人的視覺要求，訪問者長時間操作不易疲勞。
網站的結構、網站操作的難易程度和網站內容的豐富度，也是決定一個網站是否受歡迎的一個因素。在《計算機技術網絡課程》網站中，網頁的布局采用常見的左右兩欄的模式，兩欄中間以藍色的天空輔以學校主樓為分割，給人以干凈、開闊的感覺。
整個網頁布局縱向為課程導航，學生隨時可通過縱向導航切換訪問課程。我校計算機課程有基礎課、專業基礎課、專業課三大種類，網頁設計時采用鼠標經過時分別顯示不同的課程列表的方式顯示所有課程，供學生選擇操作。網頁橫向為內容導航，各課程的教學大綱、教學進度、授課課件、習題練習、試題樣卷等均在內容導航中顯示，具體內容隨著選擇的課程同步發生變化，方便訪問者查詢。
網頁主體部分顯示細節內容，學生選擇的課程具體內容在此處顯示。網站結構設計簡潔明了，導航和菜單明確清晰，學生通過縱橫交錯的方式，可以快速定位目標，自主學習。各課程網頁內容布局一致，訪問方法一致，頁面結構相似，學生訪問網站方便，操作簡單，節省學生熟悉網站的時間。
3.2基本技術實現
《計算機技術網絡課程》網站由多人合作完成，制作中使用多個軟件，包括：網頁制作軟件Dreamweaver、圖像處理軟件Photoshop、動畫制作軟件Flash、動態網頁制作軟件.Net 2010、數據庫制作軟件SQL Server 2008。
確定了網站的結構和具體功能后，網站進入制作階段，整個網站的制作流程如下：
在確定網站整體色彩后，設計網站外觀，用Photoshop軟件處理圖像、為網頁配色、制作網站Logo，整個《計算機技術網絡課程》網站的制作，考慮到學生訪問網頁的便捷性和學生訪問網站時使用的電腦情況，網頁寬度設計為996像素，訪問者不用左右拖動滾動條查看網頁內容。圖片設計好后可以利用Photoshop中的切片工具對圖片進行切片，保存為Web格式。也可以利用參考線分割圖片，再使用選擇工具選取圖片，在Dreamweaver中通過表格自己制作網頁。為提高網頁瀏覽的速度，圖片不宜過大，存儲時品質不宜選擇過高。
用Flash 軟件制作網站開頭動畫，根據網站的色彩設計網站中使用的動畫，考慮到網站的色彩一致性，動畫的主色彩使用天空藍色。
在Dreamweaver中設計和調整網頁結構，設計主頁、互動學習、參考書目、登陸等靜態頁面外觀，為后面動態網頁的制作打下基礎。
根據制作的網頁效果和網站建設功能要求，按照靜態網頁的外觀，在.Net 2010中完成動態網頁的制作，用SQL Server制作網站后臺數據庫。實現網站的預期功能。
四、測試
網站制作完成后，為保證其正確運行，需要對網站進行測試。測試的內容包括：檢查網站中內容是否存在錯誤，各頁面之間鏈接是否正確，網頁中的文檔、課件、視頻能否打開，網站的各部分功能是否達到預期設計要求。
測試的方法：在Windows配置好服務器和相關信息，然后訪問網站的主頁。瀏覽每一個頁面，選取不同課程查看網頁內容是否正確，后臺上傳的文件顯示是否正常，互動中心能否與學生互動交流。檢測網站的后臺功能文件管理功能。為保證網站上傳到學校的服務器也能正常使用，需要對網站進行多次測試，并請多位教師和學生訪問操作，查找網站制作的不足，進行改進。通過豐富網站的內容，進一步測試網站的功能。
五、結語
教學網站是學生通過網絡獲取信息的渠道之一，面向特定的群體，有針對性的對學生進行知識傳播和答疑解惑。在現代教育技術與計算機教育教學結合下，通過《計算機技術網絡課程》教學網站的使用，豐富了我校計算機學科的教學手段，為醫學生學習計算機知識提供便捷的途徑，便于學生有重點的學習和掌握課程知識體系。
參 考 文 獻
[1] 高建華. 教學網站制作與研究. 網絡安全技術與應用. 2006.4
1鮮花網站的網絡營銷的重要作用
目前，我國一些鮮花企業已經建立了自己的網站，但是大多網站不被人知曉，因此要通過各種手段去對網站進行營銷，隨著網絡的不斷發展，利用網絡進行營銷正成為一種潮流。網絡營銷是指借助于國際互聯網完成一系列營銷環節,達到營銷目標的過程。作為一種新的媒體,網絡具有一對一的互動特性,這是對傳統媒體的重大突破,降低了交易成本,節約了社會資源。具體到營銷機制,網絡技術掃除了橫在生產者和消費者之間的時間、空間障礙,減少了存在于二者之間的各種中間環節，鮮花網站利用網絡營銷具有重要作用[2]。
1.1有助于擴大影響力。網絡營銷不受區域遠近、規模大小、資金多少的限制，企業信息可以到全世界任何一個有寬帶設備的國家，這不僅提高了產品信息的覆蓋面，也大大降低了鮮花網站進入市場的初始成本，減少了人為歧視和市場壁壘，相對平的營銷平臺，給鮮花網站帶來了更多的公平競爭機會，同時通過網絡營銷也擴大了網站的影響力和點擊率，擴大商機。
1.2有助于鮮花網站品牌建設
網絡營銷在加強企業的網絡化建設的同時，也促使部分企業對網站進行整改，通過企業自己的網站廣泛開展宣傳、廣告、訂購、咨詢、投訴等服務，有助于提升鮮花網站品牌信譽，展示企業文明形象。網絡營銷不僅可以通過科學設計網站實現人文關懷與周到服務，提高網民對鮮花網站實力、魅力的認知和對鮮花網站品牌、產品的認同，還可以有效利用網絡媒介營造濃厚的文化氛圍，提高知名度和商業信譽，達到提升企業形象和加強企業品牌的目的。
1.3有助于鮮花網站的提升。通過網絡營銷手段，可以得到大量的信息反饋，根據反饋的信息進行網站的整改，不斷的提升網站的品味，提升網站的層次。
2鮮花網站的網絡營銷現狀
一些鮮花網站進行了大量的網絡營銷工作，但是收效甚微，大部分都存在這以下幾種問題[3]。
2.1鮮花網站認識不足。很多鮮花網站對網絡營銷的認識也停留在比較膚淺的階段，認為網絡營銷不能夠在短期內給企業帶來很大的流量或者廣泛的認知度，因此很少把網絡營銷列入到營銷計劃當中。沒有注重與網民的溝通，營銷者只對涉及到公司產品和服務的問題給與回答，對與企業產品不相關的問題則視而不見，這種急功近利的態度使得企業的“代言用戶”的信譽度不高。
2.2網站自身建設水平較差。目前，我國大多數鮮花網站的建設水平很低，無論從域名設計還是在網頁文案設計上都存在很大的差距。其次，大多數鮮花網站建設好后，內容一直是一成不變，產品信息沒有更新，企業的新聞也沒有及時，總是相同的版塊布局，自然沒有效果。
2.3網絡安全問題。安全問題是制約鮮花網站發展的關鍵因素，作為一個安全的電子商務系統，首先必須具有一個安全、可靠的通信網絡，以保證交易信息安全、迅速地傳遞，必須保證數據庫服務器絕對安全，防黑客闖入網絡盜取用戶的個人信息。另外，與世界上一些發達國家相比，我國網絡銀行和信用支付還不夠普及，個人信用體系建設也不完善，這都給網絡支付活動帶來了不便。
2.4物流水平差。網絡營銷方便、快捷，突破時域、地域限制，具有傳統營銷不可比擬的優勢，但這些優勢的體現必須通過物流來實現，它對于網絡營銷的成敗起著決定性的作用。鮮花網站通過網絡營銷主要目的是進行鮮花的交易，鮮花的銷售有很強的時間特性，因此，必須需要一個強有力的物流來支持。我國物流業存在著：物流基礎設施差、物流設備和信息網絡落后、物流配送水平差、物流配送人才短缺等問題。
3鮮花網站的網絡營銷策略
雖然，鮮花網站還存在著很大問題，但是我們要堅定信心，只有不斷的探索網絡營銷的策略才能提高鮮花網站的知名度和影響力[4]。
3.1提高認識。要加大網絡營銷的宣傳力度，使企業的管理著充分認識到網絡營銷的重要性和必要性，不能指停留在比較膚淺的階段，要把網絡營銷確立為營銷的重點。注重與網民的溝通，加強交流以網民為中心建立網站，通過不斷的摸索和改進提高網站的質量。
3.2加強自身網站建設。在網站建設中應該突出注意以下幾點：要運用藝術化的思想設計網站；對顧客的反饋要做出迅速反應；要以客戶為導向設計網站，提升客戶滿意度，提高網站的商業價值；設計完善的網絡界面；豐富站內搜索功能。從實踐中得出的結論是：網站的設計是否是客戶導向是成功的關鍵。網站的投資方向是提高顧客的滿意度，對這一方向的助力大小應該成為我們選擇網站服務項目的主要依據。
3.3加強安全體系建立。在網絡購物模式下，參加交易的買賣雙方都是普通的個體，進行的是一種“非面對面”的交易方式，不僅具有高的不確定性而且還具有匿名、難以控制和潛在的機會主義等特點，信用風險難以控制。要解決網絡信用問題，除了加強網民的信用意識，更需要鮮花網站采取有效的策略來創建一個完整的綜合保障體系。采用綜合防范的思路，從技術、管理、法規等多方面去認識和思考，提出行之有效的綜合解決辦法，解除消費者的后顧之憂。
3.3.1網絡監管。盡管網絡購物平臺有很多誠信策略發揮著重要的作用，但并非萬無一失、如果網上欺詐行為發生了，產生了欺詐后果，網站需要像網下有法律和執法人員一樣，擁有監督和執法武器。鑒于國內關于電子商務的法律法規還不健全，鮮花網站應從以下三個方面來建立網絡監督：①向注冊用戶明確必須遵守交易安全的行為條例和標準，規定怎樣的行為就視作規或者違法，會受到怎樣的處罰；②組織專職的人員負責處理網上交易糾紛和時刻監督規行為，并對其做出處理；③對遭受損失的消費者給予一定的賠償責任。通過這三種方法，可以一定程度上彌補電子商務法律不足的問題為消費者權益提供保障。
3.3.2網絡安全監督。在網絡交易中，網絡安全包括數據被非法截獲、讀取或者修改，用戶名被冒用，未經授權的用戶信息訪問網絡等。目前常用的網絡安全技術有數據加密、數字認證、防火墻技術等。網絡安全策略除了要求鮮花網站在網絡技術上不斷創新，還要在管理上動用一切力量提醒、支持和幫助消費者保障其信息安全。網站要在醒目、適當的地方，提醒消費者如何維護自己的網絡系統，如何發現網絡故障，發現之后該如何解決以及怎樣的操作是最安全的。
3.3.3國家信用管理體系的建設。我國的信用體系還不健全，假冒偽劣商品屢禁不止，坑蒙、欺詐時有發生，市場行為缺乏必要的自律和社會監督，因此必須加速培育市場，創造比較成熟和規范的社會信用環境，建立并完善相應的法律法規和認證制度。政府要對信用的監督、教育、管理，健全的網絡法律法規。有了法律保障的網絡關系才會有法律保障的信用。
3.4加強物流建設
國家應積極參照國外成型法律結合自身發展特點，制定有關網絡營銷的相關法律法規，使網絡營銷有法可依，形成規范的經營，并加強基礎設施的建設；大力提高物流的信息化水平，逐步實現物流的自動化、網絡化、智能化，從而使物流企業能夠快速高效地提供個性化服務；建立大型的現代化第三方物流企業；采用一些新思路、新方法、新技術，改善企業的物流現狀，為加強企業物流管理，提高企業物流能力；國家要充分利用各種途徑和手段來培養、引進并合理使用好一批高素質專業化的網絡及物流管理和配送方面的人才，為網絡物流管理向成熟化發展提供人才保障。
Q我準備自己創業，搞一些特產生意。但我又不知道各地都有些什幺特產?怎樣進貨方便?我想在網上先了解一下，所以麻煩各位網絡達人給我推薦些這方面比較實用的網站。
A既然是做生意，那就不僅要了解各地有哪些特產，而且還要了解這些特產的相關特性、價格、進貨渠道等方方面面。因此，我覺得全球特產網(／)和中國特產網(／)還是挺適合你的，趕快去看看吧!
裝修圖片輕松找
Q我準備裝修新房子了，至于整體裝修風格我想自己設計。目前我想找一些比較出色的室內設計圖片參考一下，麻煩給我推薦兩個這方面的網站資源吧!
A現在網上家裝圖片還是非常豐富的，當然很多都躲在相關裝修、圖庫類網站的下面。要說到專業的裝修圖片網站，家居圖片網(http：／／／)、裝修家居網(／)我感覺還是相當不錯的，你可以去看看。
國外優秀工業產品設計網站
Q我是一名準工業設計師，正在為了成為―名優秀的工業設計師而不斷努力。最近我想參考下國外的優秀工業產品設計，請問網上有這方面資源嗎?
A好的東西不在于多，而在于精。你去http：∥／看看吧。說實話，看了這個網站的全球最新工業產品設計，你也會感嘆，為什么國內的設計師們想不出如此有創意的東西來呢?
買禮品的好去處
Q每次需要給親人、朋友、同事送禮品前，我都會為購買什么禮品糾結不已。現在想找到一款合適的禮品，還真不容易。網上有那種幫忙挑禮品并能購買的網站嗎?
A現在禮品網很多，可有特色的還真不多。小編這里推薦你上淘寶禮物頻道(http：／，／)去看看，相信你以后不會再為選禮品而頭痛了。
合成照片輕松搞定
Q在我的QQ群里，有人才發出照片，馬上就有人PS出合成照片，并且Ps的非常好。我就奇怪了，就算是Ps水平再高，也沒有那幺高的效率呀，他們是不是有什么秘訣昵?A秘訣肯定是有的，在這兒我可以傳你一招，你打開／這個網站看看。點擊一個想要合成的效果，然后點“瀏覽”按鈕，將需要合成的照片上傳，幾秒鐘后一張令人驚艷的合成照片便出來了。
租房資源輕松找
【關鍵詞】網頁優化；圖像格式；圖像特效；網頁布局
網頁制作的工具很多，目前使用最為廣泛的是Dreamweaver(簡稱DW)。實際上DW僅是一個網頁元素的組織者，它把構成網頁的各文字、圖像、聲音、視頻、動畫等元素有機的組織在一起。網頁的美觀效果主要取決于文字、圖像的有機結合。在網頁制作過程中，Photoshop有著極大的作用。但很多人對Photoshop這個圖象軟件在網頁制作中對網頁元素的整合作用認識不足，沒有使這個軟件發揮其應有的作用。針對此現象，本文根據實踐經驗對Photoshop在網頁制作中圖像處理的應用進行闡述。
一、正確輸出圖像，優化網頁速度
網頁的下載速度不僅直接影響到用戶的瀏覽體驗、還關系到網頁在搜索引擎中的排名參數。因此，優化網頁、使之能快速下載是網頁制作中必須考慮的因素。優化網頁，提高下載速度的方法有很多，其中圖像的正確處理極其重要。
1.采用合適的圖像精度
網頁是提供給閱讀者在顯示器上觀看的，根據顯示器的特性，圖像的精度一般采用72dpi即可，這是屏幕分辨率，太高的分辨率并不能增強效果，反而會降低下載速度。有些圖像原始文件的尺寸很大，而在網頁中顯示的區域是有限的，很多時候設計者采用在DW中縮小圖像來實現，在DW中縮小圖像并沒有真正改變圖像的大小，下載需要較長的時間，所以在輸出圖像時，要采用合適的大小，降低輸出的精度。
2.選擇合適的顏色深度
Gif格式的圖像文件色彩深度越少文件也就越小，在肉眼可以接受的范圍內，盡量將gif文件的色彩數量降低，對圖像文件的大小進行有效的優化。如小圖標、按鈕、背景圖案等圖像文件對色彩的要求并不高，這些圖像輸出一般采用gif格式。對顏色要求不高的圖像，采用64色的圖像對比256色圖像，輸出后可以少掉一半還多的字節數，且效果完全能滿足視覺要求。每個網站這種小圖像往往會有幾百張，每張圖片都節省一些，最終可以節省很多空間。
3.輸出正確的圖像格式
不同的圖像格式由于采用的壓縮方法不同，顯示效果差不多的圖像其文件大小會有很大的差別。一般情況下色彩較少的圖片使用png-8、gif格式文件，色彩變化豐富的圖像則使用jpg格式，如果要使用在多種背景中，需要輸出為透明格式時就需要選用gif格式。[1]Jpg格式的圖片，需綜合對比壓縮品質高、中、低下的效果，盡量選擇效果好且壓縮品質較低的選項。輸出圖像時，可使用Photoshop的“存儲為web所用格式”功能來輸出，使用“存儲為web所用格式”可以壓縮約50%。
二、使用Photoshop進行網頁布局
在網站規劃建設中，網頁布局設計是其至關重要的一環，它關系到網站能否吸引更多人的眼球，直接關系到網站的點擊率。所以網頁布局設計是否美觀、規范、合理越來越受到網頁制作師的重視。
1.布局規劃
在設計網站的過程中，事先進行布局規劃也是提高網站開發效率的有效方法。設計者在設計網站的過程中需要反復與客戶進行交流、溝通、修改，而客戶更看重就是布局的效果與使用的便捷性。當布局確定后，內容的組織、程序的設計就由程序設計者完成了。避免了程序設計好后反復修改界面的復雜性。Photoshop在設計布局中還有如下優勢：
Photoshop的靈魂是圖層，每層可以放置不同的元素，圖層之間可以相互鏈接，也可單獨存放，每個圖層上的圖像位置可以隨意挪動，每個圖層上的圖像大小、色階、亮度、飽和度透明度等可單獨設置。如此靈活的功能，完全可以讓設計者隨心所欲設計而不受任何約束。
一個打開、下載速度慢的網站是沒有價值的，心理學研究表明一個網站的下載時間超過10秒，人們會自動轉向其它網站。決定下載速度的因素很多，其中網頁大小、網頁元素的優化和網絡配置是重要的因素。其中網頁大小與網頁元素的優化是設計者需要解決的，使用Photoshop設計的網頁經過裁切、整合處理后體積會小得多。
2.布局要點
網頁文檔一般為1007*600和708*800像素，分辨率為72像素。一般情況下，大型網站不要超過3屏。網站背景顏色與文件顏色要統一協調，導航字體一般用黑體，正文一般用宋體，其它字體可能會因為客戶的瀏覽器不兼容而給工作帶來麻煩。如果為增強頁面效果用到其它字體，最好在Photoshop中制作然后切分。圖文搭配要合理，圖像大小要合乎美學原則，不能太大，一般用縮略圖較好，如果要顯示更多的圖片細節，不妨給縮略圖鏈接一個大的圖片。
要精確定位網頁元素，可用對齊參考線的方法來實現，而參考線的精確定位可以借助標尺和網格來實現。網站的Logo、Banner或導航條等都是事先設計好的，有固定大小，在做這些區域時尺寸一定要按照這些元素尺寸設計，否則進入DW整合時，可能出現空邊或撐開表格的現象。
3.活用“切片”
>> 色彩在網站頁面設計中的應用探討 視覺傳達設計在網站設計中的應用 Flas設計在網站中的應用 Ajax技術在網站設計中的應用 信息圖形設計在網站界面中的應用探究 淺析flash在網站設計中的應用 數據庫技術在網站設計中的應用 動態Cache技術在網站性能設計中的應用 FLASH在網站中的應用分析 FTP在網站管理中的應用 FLASH動畫在網站制作中應用的研究探討 淺析多媒體技術在網站藝術設計中的應用 淺論項目教學法在網站設計教學中的應用 淺談Flas在網站設計與制作中的應用 數據庫設計在網站管理系統中的應用 探析網頁標準化設計在網站建設中的研究與應用 試論數據庫設計在網站開發中的應用 在網站設計中關于WEB安全字體的應用研究 SEO在網站設計中的優化策略分析 淺談用戶體驗在網站設計中的體現 常見問題解答 當前所在位置：l或者index.asp或者index.jsp等格式。雙擊index文件以后即可進入網站首頁編輯頁面，通過文件上面的“標題”輸入框可以輸入首頁標題“購物商城”。
2.6 網頁內容布局
在使用Dreamweaver8進行頁面布局設計時，通常使用表格來定位頁面中的各類元素，常用的頁面布局形式見下圖，它主要包括頂部的 Logo區、Banner區、上面的導航菜單區、中間的頁面內容區、底部的版權區、左邊的欄目區等幾個部分組成。
2.7 豐富頁面內容
可以通過插入多媒體資源的方法來進一步封面頁面內容，對應的媒體資源包括：
（1）插入Flash格式的動畫文件比如swf。
（2）插入視頻文件比如AVI、wma、rmv、brm、flash、mp4、mid、3GP等。Dreamweaver8中的視頻文件插入方法：將光標定位到頁面中需要插入視頻文件的地方，點擊主菜單“插入|媒體|插件”菜單命令。
（3）嵌入聲音文件比如wav、aif、mp3等，插入方法和插入視頻的方法類似。
2.8 添加超鏈接
在Dreamweaver 8工具中，可以加入超鏈接，比如“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內部鏈接“、”外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”、“跳轉菜單”等。
2.9 網站上傳測試
在使用Dreamweaver 8設計網站的工作完成以后，可以點擊菜單“站點|管理站點”菜單項，在站點管理器頁面中，繼續單擊“編輯”按鈕，選擇“遠程信息”，如圖所示。在對話框中依次輸人FTP主機名、主機目錄、登錄用戶名、密碼，點擊測試；然后再面板工具欄的上傳文件按鈕 ，成功上傳后即可訪問。
3 結語
在常規的網站建設過程中，Dreamweaver是現有常用、首選的設計工具，但是網站設計是一門系統學科，僅僅依賴Dreamweaver是無法全面了解網站建設的精華；但是Dreamweaver對于網站建設、網頁設計來說的確是一種入門的工具，可以滿足簡單網站設計的需要，這對于網絡技術傳播和發展具有積極的意義。
參考文獻：
[1]鄭軍.任務驅動教學法在網頁設計與制作課程教學中的應用[J].無線互聯科技，2013（05）.
[2]單永杰.項目教學法在網頁制作課程教學中的應用[J].遼寧師專學報（自然科學版），2013（01）.
[3]朱彩華.《網頁設計與制作》課程教學方法的研究與探討[J].無線互聯科技，2013（05）.
[4]楊國山，李君.Dreamweaver的幾點使用技巧[J].科協論壇（下半月），2009（07）.
