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