摘要：通過典雅的風(fēng)格設(shè)計提供給潛在讀者高質(zhì)量的信息。希望我們從事品牌設(shè)計與推廣、平面設(shè)計、數(shù)字媒體等藝術(shù)設(shè)計領(lǐng)域中的師生，把握前臺基本語言編寫規(guī)則，能夠搶先占領(lǐng)網(wǎng)站設(shè)計的寬廣市場，通過對企事業(yè)單位和部門職能的調(diào)研，充分發(fā)揮自己的創(chuàng)作才能，在不久的將來使更多賞心悅目的網(wǎng)站呈現(xiàn)在世人面前。
　　關(guān)鍵詞：網(wǎng)站，前臺，代碼，設(shè)計，市場
　　
　　當(dāng)今社會，計算機的應(yīng)用已經(jīng)普及在各個領(lǐng)域之中，隨著中國網(wǎng)絡(luò)經(jīng)濟的迅猛發(fā)展，網(wǎng)民數(shù)量的急劇增長，越來越多的企、事業(yè)單位已經(jīng)意識到建立網(wǎng)站的重要性。所謂網(wǎng)站，相當(dāng)于各單位或部門在網(wǎng)絡(luò)世界的門臉，是展示給社會各階層的又一重要形象。世界各地的人們隨時隨地通過訪問網(wǎng)站，了解有關(guān)企業(yè)動向，產(chǎn)品新特性等。在廣大企業(yè)極力追逐企業(yè)上網(wǎng)的熱潮下，網(wǎng)絡(luò)文化已日趨走向成熟，已成為各企事業(yè)單位對于自身宣傳、推廣必不可少的有效工具之一。但是很多單位和部門對于網(wǎng)絡(luò)的認識趨于淺薄，重視程度也不夠，不能充分利用當(dāng)前極好的網(wǎng)絡(luò)市場環(huán)境將自己的企業(yè)、產(chǎn)品或部門職能進行大面積推廣與宣傳，使自己的企業(yè)迅速溶入世界經(jīng)濟環(huán)境中。
　　我們知道，一個好的網(wǎng)站，起碼需要具備樣式美觀，功能齊全等特性，從而能夠奪人眼球，準確恰當(dāng)?shù)慕o予社會各界以嶄新的形象，體現(xiàn)自身的獨特氣質(zhì)與價值。然而從技術(shù)角度來講，優(yōu)秀的互動網(wǎng)站需要具備很深的計算機程序編寫技能才能實現(xiàn)，大多為JAVA,ASP,.NET,JSP,PHP等等的語言來編寫，藝術(shù)設(shè)計專業(yè)的學(xué)生對此技術(shù)的學(xué)習(xí)有著一定的局限性，而此類語言編寫者大多不曾接受系統(tǒng)專業(yè)的藝術(shù)設(shè)計培訓(xùn)，多數(shù)靠現(xiàn)成模板的編寫與修改形成網(wǎng)站，因此，網(wǎng)站的功能可能比較齊全，但從設(shè)計風(fēng)格上能否真正體現(xiàn)甲方的形象氣質(zhì)，在視覺感觀上能否被瀏覽者所接受從而產(chǎn)生廣泛的影響等方面往往不盡如人意，而這方面，恰恰是所有甲方在建設(shè)網(wǎng)站時最先考慮的問題，解決網(wǎng)站設(shè)計的風(fēng)格，樣式的美觀程度，如何與甲方部門的企業(yè)形象識別相吻合，同VI設(shè)計一樣，藝術(shù)設(shè)計領(lǐng)域的這些視覺設(shè)計師，必然仍是甲方的首選人員，設(shè)想，如果能夠解決基礎(chǔ)的語言程序，即代碼編寫問題，那么網(wǎng)站設(shè)計將成為設(shè)計類院校的又一個重要課題。
　　從設(shè)計藝術(shù)教學(xué)及現(xiàn)狀來看，品牌推廣是一門涵蓋面較大的重要學(xué)科，其推廣渠道中眾所周知的就是視覺識別系統(tǒng)，而網(wǎng)站作為企業(yè)及各單位推廣的重要手段之一，其點擊率的提高是從事網(wǎng)站設(shè)計者的根本目的，為使網(wǎng)站提高人氣，尤其是在網(wǎng)絡(luò)用戶群如此龐大的市場中脫穎而出，最重要的就是網(wǎng)站的總體設(shè)計，這里面首要的就是視覺設(shè)計。在品牌推廣的相關(guān)子課程中，我們曾學(xué)到很多可以應(yīng)用于網(wǎng)站設(shè)計的具體知識，如VI導(dǎo)入，我們知道，一個企業(yè)的標識和標準色彩映托了企業(yè)的文化屬性及其性格，圍繞標識和限定的標準色彩，以及標識的輔助圖形和企業(yè)可選用的配色方案展開設(shè)計，必然也應(yīng)該是網(wǎng)站設(shè)計風(fēng)格的一個出發(fā)點，同時他也拓寬了我們畢業(yè)生從事VI視覺識別系統(tǒng)設(shè)計的一個應(yīng)用領(lǐng)域。比如說老昌食品的標志和標準色彩為赭石色，航天公司的標志和標準色彩為藍白色調(diào)，那么我們做網(wǎng)站時肯定不會把老昌食品主色調(diào)設(shè)計為藍色，也不能把航天公司設(shè)計為赭石色，在沒有特別要求時，網(wǎng)站頁面上的背景和底圖大多應(yīng)該選用標識的延展圖形，而不是與企業(yè)不靠邊的其它圖片，以此確保網(wǎng)站與企業(yè)形象定位的一個統(tǒng)一，由此可見，網(wǎng)站首頁的美觀程度，是否能夠抓住瀏覽者視線，肯定與我們平面設(shè)計者的專業(yè)功底有直接聯(lián)系。
　　目前，在很多中小型企業(yè)甚至是大型企業(yè)中，企業(yè)上網(wǎng)的概念僅僅局限在做個網(wǎng)站，宣傳一下產(chǎn)品，有的只是通過收發(fā)電子郵件來聯(lián)系客戶。這些問題的存在歸根結(jié)底源自目前整個提供網(wǎng)絡(luò)服務(wù)的行業(yè)缺少專業(yè)的企業(yè)信息化顧問公司及專業(yè)的網(wǎng)絡(luò)形象策劃設(shè)計公司。企業(yè)斥資建立網(wǎng)站，花費財力宣傳網(wǎng)站，但是點擊率不夠，效果不好，自我推廣意識不強，當(dāng)問及企業(yè)在上網(wǎng)方面資金投入的主要用途時，網(wǎng)站建設(shè)高居榜首，其次為網(wǎng)站推廣和網(wǎng)站維護。毫無疑問，絕大多數(shù)部門非常看好互聯(lián)網(wǎng)的作用，并且已感受到上網(wǎng)及網(wǎng)站推廣對于自身發(fā)展的必要性和重要性。但目前通過網(wǎng)站自我推廣意識還尚未普及。企業(yè)的網(wǎng)絡(luò)品牌與企業(yè)的實際品牌形象不相符，不能在消費者中及對外聯(lián)絡(luò)中恰當(dāng)傳遞企業(yè)品牌的形象及價值。不少企業(yè)網(wǎng)站制作缺少整體、系列的策劃設(shè)計過程，實質(zhì)內(nèi)容不多；包裝色彩過重等等問題，都嚴重影響了網(wǎng)站的人氣。
　　如今市場上提供網(wǎng)絡(luò)服務(wù)的公司越來越多，由于進入網(wǎng)絡(luò)市場門檻較低，各公司的技術(shù)水平及服務(wù)質(zhì)量也參差不齊，缺少真正能夠為企業(yè)全程策劃量身定做的專業(yè)網(wǎng)絡(luò)品牌策劃及設(shè)計機構(gòu)，所以我們必須培養(yǎng)一批優(yōu)秀的網(wǎng)絡(luò)策劃設(shè)計人員，能夠為企業(yè)提供全程策劃與設(shè)計，能夠伴隨企業(yè)信息化建設(shè)的整個過程，為其出據(jù)階段性的指導(dǎo)性方案，對現(xiàn)有網(wǎng)絡(luò)資源實時進行調(diào)整及布局，讓網(wǎng)絡(luò)能夠在企業(yè)各個部門、領(lǐng)域發(fā)揮作用。這應(yīng)該是所有開設(shè)品牌設(shè)計與推廣的藝術(shù)類院校應(yīng)該重視的課題。
　　這幾年，網(wǎng)絡(luò)正在呈現(xiàn)出一副良好的發(fā)展態(tài)勢，可以說是一個很好的契機，我們國內(nèi)很多企業(yè)已經(jīng)走出國門，并且取得了很大的成功，在國外建立了完善的營銷體系，網(wǎng)絡(luò)營銷體系也已經(jīng)成為一個重要的組成部分。很多企業(yè)包括不少大型企業(yè)尚未引進自己的網(wǎng)絡(luò)建設(shè)方面的人才，很多大型企業(yè)雖然已經(jīng)意識到建立網(wǎng)絡(luò)品牌、網(wǎng)絡(luò)營銷機制的重要性及迫切性，但在本地區(qū)卻很難找到與之已有的品牌相匹配的網(wǎng)絡(luò)品牌策劃合作對象，不少企業(yè)不得到國外去招標，選擇與國外的策劃設(shè)計機構(gòu)進行合作，當(dāng)世界已進入信息網(wǎng)絡(luò)時代的今天，將會有越來越多的企業(yè)需要建立適于自己的網(wǎng)絡(luò)品牌。
　　那么究竟我們應(yīng)該如何開展網(wǎng)站設(shè)計人員的培養(yǎng)工作呢？讓我們就此問題展開初步的探討，經(jīng)過調(diào)查研究，網(wǎng)站設(shè)計在藝術(shù)設(shè)計的教學(xué)領(lǐng)域中還是存在著廣闊的市場的。
　　那么，是不是能設(shè)計出漂亮的LOGO和色彩就可以放心大膽的做網(wǎng)站了呢？事實上，是與不是之間只隔了一道面紗，我們這就將它揭開。正如很多編程人員所講，你們（平面設(shè)計師）做出的頁面效果圖的確非常美觀漂亮，也很時尚，但大多不實用，很難用計算機語言編寫出來，這是因為設(shè)計師在做效果圖時沒有掌握編程的潛規(guī)則，這就是阻攔我們從事網(wǎng)絡(luò)設(shè)計的面紗。受過平面設(shè)計專業(yè)培訓(xùn)的學(xué)生都知道版式設(shè)計，這是程序員所不懂的，而版式設(shè)計中最基本的排版方式----網(wǎng)格，就是揭開這一面紗的有效工具，看到這里游人可能會有恍然大悟的感覺，因為回想一下，163、搜狐、新浪、雅虎等幾乎所有的網(wǎng)站都是，甚至只能是網(wǎng)格的排列方法，這與網(wǎng)頁搭建的兩種手段，即表格布局和DIV+CSS布局有關(guān)，他幾乎注定了網(wǎng)頁將以網(wǎng)格的排版方式來呈現(xiàn)，而網(wǎng)頁版式中的暗格會顯得更加機械化，較為明顯易于區(qū)分其它版塊的內(nèi)容，不能像平日里做版式設(shè)計那般隨意，也就是說，只要遵循這種排版方式，就會使后期程序代碼的編寫較為容易，有助于后期維護和深入的進行動態(tài)開發(fā)，所以我認為，我們了解到網(wǎng)格排版的方式和網(wǎng)頁布局的相關(guān)特征，兩者間的內(nèi)在的必然聯(lián)系，便可以嘗試頁面設(shè)計。另一方面，網(wǎng)站的最大功能要屬各種頁面與特效的鏈接功能，程序員可以利用技術(shù)完成各種特效代碼的編寫，可是鏈接中，子頁面的樣貌、與首頁的主次關(guān)系、色彩關(guān)系、鏈接圖標的樣式和出現(xiàn)的位置、瀏覽者習(xí)慣接受的閱讀順序也涉及到視覺設(shè)計領(lǐng)域的范疇，即視覺流程問題，對平面專業(yè)的師生來講，視覺流程也算是份內(nèi)之事。
　　
　　網(wǎng)站建設(shè)可粗略分為網(wǎng)站前臺建設(shè)和后臺建設(shè)。所謂后臺，指的是通過ASP，JAVA，。NET語言等軟件編寫而成，是網(wǎng)站掌控人員發(fā)布消息、傳載內(nèi)容的工具，這里涉及著語言樹、高數(shù)、以及計算機外語等很多學(xué)科，所謂前臺則正是我們能夠解決的網(wǎng)站形象、功能板塊的設(shè)計與分配布局，以及基礎(chǔ)的頁面鏈接關(guān)系等內(nèi)容，這里同樣涉及到代碼編寫，不過卻不像后臺對計算機技術(shù)要求那般嚴格和復(fù)雜。目前，大家所了解的網(wǎng)頁設(shè)計三劍客，就能輕松解決這一難題。其中如photoshopCS、Flash等軟件已經(jīng)是我們從事視覺設(shè)計的學(xué)生的拿手好戲，而另外Dreamweaver更是可以將前者設(shè)計出的靜態(tài)頁面活靈活現(xiàn)的應(yīng)用于Inter網(wǎng)上，它和我們熟練使用的平面排版軟件類似，可以在工作區(qū)盡情的將設(shè)計師的創(chuàng)意編排出來，而這一軟件的強大之處正是藝術(shù)類學(xué)生學(xué)做網(wǎng)站的頭號敵人——代碼編寫，Dreamweaver能夠?qū)⒃O(shè)計師在頁面中設(shè)計編排的圖文，自動生成代碼，我們只需要像使用Photoshop一樣修改網(wǎng)站面貌，代碼便可隨之生成和改變，兩者并不矛盾，我們可以用這個軟件制作出無數(shù)個頁面，包括網(wǎng)站形象頁、網(wǎng)站首頁以及網(wǎng)站子頁等文件，并給頁面與頁面之間、頁面中的文字和圖形之間等網(wǎng)站中所涵蓋的一切內(nèi)容設(shè)置超級鏈接，最終將站點內(nèi)的所有文件上傳至服務(wù)器即可被瀏覽者所訪問。例：
　　這是我們在IE瀏覽器中看到的吉林藝術(shù)學(xué)院的網(wǎng)站首頁，其實質(zhì)內(nèi)容為下圖編寫的代碼所示（部分）：這是由專業(yè)的語言程序代碼編寫人員所制，然而Dreamweaver制作的網(wǎng)頁文件可以在編輯的同時自動生成代碼，設(shè)計者可以通過代碼修改編寫，或者直接修改圖文來制作網(wǎng)頁，如圖：通過拆分這一命令我們可以看到，當(dāng)選中網(wǎng)頁中的部分內(nèi)容時，工作區(qū)上半部分的代碼中相應(yīng)的內(nèi)容也被同時選中，我們只需對工作區(qū)下半部分的網(wǎng)站內(nèi)容中的圖形或文字進行修改，代碼便會隨之更改，這一強大的功能使學(xué)生們順利通過了網(wǎng)站設(shè)計中代碼編寫的這一難題。當(dāng)然，一些基礎(chǔ)的ASP語言和HTML語言的學(xué)習(xí)也是必不可少的，這些相對制作后臺的整套程序而言可謂容易很多，學(xué)生通過老師講解或是自學(xué)亦可完成。Dreamweaver制作的文件可以保存為多種格式，同時支持Flash等格式文件及動畫的插入鏈接，基本上能夠獨立完成網(wǎng)站中頁面形象風(fēng)貌的設(shè)計，以及根據(jù)其甲方要求體現(xiàn)的功能和內(nèi)容，對版面進行合理的布局，即我們所說的版式設(shè)計。在Dreamweaver中，我們還可以通過簡單的編寫形成語言文字以及圖片的顯示效果，使網(wǎng)站具有動態(tài)效果，瀏覽起來更加生動，也能更好的、更完整的將網(wǎng)站中的內(nèi)容展示給各地網(wǎng)民群眾。由此可見，我們通過對學(xué)生進行前臺制作軟件的培訓(xùn)，便可使學(xué)生能夠戰(zhàn)勝從事網(wǎng)站設(shè)計時的技術(shù)困難。
　　那么通過培訓(xùn)以后，技術(shù)的問題得到初步解決，接下來就是如何使網(wǎng)站的樣式更容易為人所接受，這是我們設(shè)計者的看家本領(lǐng)，網(wǎng)站設(shè)計區(qū)別于其他領(lǐng)域的設(shè)計，它大多數(shù)是靜態(tài)與動態(tài)的內(nèi)容相結(jié)合，可供設(shè)計師運用的設(shè)計語言也變得異常豐富，下面是在做網(wǎng)站時應(yīng)該注意的一些問題，一個好的網(wǎng)站最重要的一點就是界面的簡單、樸素。初期制作者們很容易掉入這樣一個陷阱，即把所有可能用到的網(wǎng)頁技巧，例如：框架、表格、字體、GIF動畫等等都用上，這當(dāng)然是好的，但如果多了的話就會讓你的訪問者眼花繚亂，不知所措，也不會給他們留下很深的印象。記住，只是因為你可以創(chuàng)建一個效果，但并不意味著你必須創(chuàng)建這個效果。先問一問你自己：我在網(wǎng)頁上加入這個技術(shù)有什么價值？是否能更好的向訪問者表達我的主題？當(dāng)然簡單的真正含義并不是遲鈍和乏味。許多人會被網(wǎng)站多余的奇特效果所迷惑，而忽視了信息的有效性。保持簡單的真正含義就是：想一想如何使自己網(wǎng)站的信息與你的訪問者所期待和所需要的一樣。應(yīng)該把技術(shù)和效果用在適當(dāng)?shù)牡胤�，用在有效信息上，讓訪問者關(guān)注他們想關(guān)注的東西。其次，要了解你的讀者。你越了解你的讀者，你的網(wǎng)站影響力就會越大。你的讀者是否有個慢貓？那你最好應(yīng)當(dāng)特別的注意網(wǎng)頁的大小；他們希望聽到音樂片斷嗎？你就要想想網(wǎng)頁上的音樂格式。你的讀者是企業(yè)職員？那么血紅色和黑色最好不要選擇；或者他們是骨灰級游戲玩家？你就要避免用柔和的顏色和圖案了。對一個好的網(wǎng)站來說，清晰的導(dǎo)航也是最起碼的標準。應(yīng)該讓訪問者知道自己當(dāng)時在網(wǎng)站中的位置，并且愉快的通過你的指引而遍覽你的網(wǎng)站。例如，你可以做到的一件事情就是：“下一步”的選擇數(shù)目盡量少，以便人們不會迷失在長長的選擇項目列表中。另外平衡是一個好網(wǎng)站設(shè)計的重要部分。文本和圖像之間的平衡。除非內(nèi)容決定了這是個完全文本或者完全圖像的網(wǎng)站，你需要用直覺和審美觀來作判斷，以便其中的一個不會淹沒另外一個。下載時間和頁面內(nèi)容之間也需要平衡。當(dāng)然你希望有個漂亮的頁面，但你也必須平衡你的頁面內(nèi)容，因為你的很多訪問者正在通過modem閱讀它。難道你網(wǎng)站的圖片真的值得等待那么久嗎？背景和前景之間的平衡也很關(guān)鍵，我們能在白紙上畫出美麗的圖案，網(wǎng)頁上，如果能制作出漂亮的結(jié)構(gòu)和背景是很令人激動的。但也容易使你的內(nèi)容淹沒在你的背景里面……。
　　由此可見，解決以上問題，絕對不是學(xué)好幾個軟件可以搞定的事情，在網(wǎng)站設(shè)計過程中，我們知道大多數(shù)成熟的程序員都能隨心所欲的去編寫和完成設(shè)計師所制定的各種要求及樣貌，那么反過來，設(shè)計師要想能夠熟練的、恰當(dāng)?shù)陌凑丈鲜龅仍O(shè)計方面的專業(yè)技巧制作網(wǎng)頁時，理當(dāng)對程序編寫的“實用性”作出比較規(guī)范的考慮，在網(wǎng)站設(shè)計中，特別是前臺設(shè)計中，有很多方法可以既滿足設(shè)計師的設(shè)計需要，又符合后期程序員的編寫要求，較為重要的就是CSS，CSS又稱為層疊樣式表，主要用來規(guī)范文本、鏈接、圖片等的設(shè)計規(guī)格，包括字號、字體、行高、內(nèi)外邊距、內(nèi)外填充、背景顏色或圖片、初始狀態(tài)與鼠標滑過的樣式，鼠標點擊與訪問以后的狀態(tài)、表格邊框及樣式等等應(yīng)該為設(shè)計師所掌握的設(shè)計語言（如下圖）。
　　這些看似較為復(fù)雜，仔細觀察不難發(fā)現(xiàn)，”a.”表示CSS命令此時針對于鏈接，baizi是此樣式的名字為“白字”，大括號中為此樣式的具體內(nèi)容，如：“font-size”為字號，“color”為字體顏色等等，即使不會輸入也沒問題，因為你在軟件中敲擊空格鍵，會自動彈出代碼提示列表，用鼠標選擇你要定義的內(nèi)容即可（如下圖）。當(dāng)然，這些完全可以在可視化的操作界面中進行創(chuàng)作，只是熟練以后，用代碼編寫更為方便，設(shè)計視圖與日常設(shè)計軟件類似，此處略。
　　進一步遇到HTML語言編寫困難時，為了簡練代碼排列編寫，方便維護，我們還會涉及到DIV+CSS來創(chuàng)建網(wǎng)頁布局，大大分擔(dān)了設(shè)計者的工作重任，掌握了這些方法后，便可以實現(xiàn)與網(wǎng)站后臺開發(fā)程序的對接，學(xué)生此時完全可以運用在校期間所掌握的專業(yè)知識，例如視覺傳達設(shè)計中關(guān)于企業(yè)標準圖形、圖形外延應(yīng)用與擴展、企業(yè)理念、企業(yè)標準色彩等，這些同時也正是網(wǎng)站開發(fā)設(shè)計的重要元素和創(chuàng)意來源，如果不是我們視覺傳達專業(yè)設(shè)計師在做這些視覺設(shè)計，請問應(yīng)該是誰呢？因此，我們得到一個有待繼續(xù)探討的結(jié)論：網(wǎng)站的策劃與設(shè)計思維，是我們應(yīng)該關(guān)注并有能力承擔(dān)的一個項目。
　　互聯(lián)網(wǎng)幾經(jīng)升級至今天，已經(jīng)不再想過去那樣慢的可憐，它的速度、信息量、可靠性、技術(shù)安全性等各方面已經(jīng)在健康成長，這已經(jīng)為我們搭建了好的就業(yè)平臺，網(wǎng)站策劃師，網(wǎng)頁設(shè)計師，前臺美工，頁面維護與網(wǎng)站改版再設(shè)計等多種多樣的職位等著我們?nèi)�實踐，優(yōu)秀的設(shè)計師甚至完全可以自主經(jīng)營自己的網(wǎng)站，類似于購物，淘寶等此類的站點完全可以自主經(jīng)營買賣，自負盈虧。網(wǎng)上購物，網(wǎng)上咨詢等服務(wù)類的網(wǎng)站都有機會成為你自主創(chuàng)業(yè)的機遇�？傊�，一個好站點的定義：通過典雅的風(fēng)格設(shè)計提供給潛在讀者高質(zhì)量的信息。希望我們從事品牌設(shè)計與推廣、平面設(shè)計、數(shù)字媒體等藝術(shù)設(shè)計領(lǐng)域中的師生，能夠搶先占領(lǐng)網(wǎng)站設(shè)計的寬廣市場，通過對企事業(yè)單位和部門職能的調(diào)研，充分發(fā)揮自己的創(chuàng)作才能，在不久的將來使更多賞心悅目的網(wǎng)站呈現(xiàn)在世人面前，從而為使大大小小的企事業(yè)單位通過網(wǎng)絡(luò)來展現(xiàn)自己的品貌和理念，而做出自己應(yīng)有的貢獻。<本文是作者近階段因工作需要而涉足網(wǎng)站設(shè)計時的一些心得體會，無參考文獻，僅代表個人觀點，虔誠期待您的批評指正>