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