時間:2023-03-16 17:17:18
序論:速發表網結合其深厚的文秘經驗,特別為您篩選了11篇網站設計論文范文。如果您需要更多原創資料,歡迎隨時與我們的客服老師聯系,希望您能從中汲取靈感和知識!
(一)主題鮮明性。創建網站首先必須具有明確的目的和目標群體。既然是作為宣傳江西茶葉的網站,首先需要考慮廣大消費者對于江西茶葉的了解和印象。明確設計網站的主要目的是為了宣傳產品、介紹企業還是推廣電子商務?例如云南大益茶業集團官網設計,網站宣傳主題目的非常明確,宣傳和推廣大益品牌的茶文化和茶產品。
(二)信息專業性。網站的信息內容應該充分展現茶企的專業性。通過各類信息、數據向外界介紹茶企的業務范圍、性質和實力。作為江西茶企,應通過網站各類信息,向消費者和客戶宣傳江西茶文化和茶葉的優勢和獨特之處,塑造良好的品牌形象從而創造更多的商機。
(三)功能實用性。茶企網站提供的各種功能服務應符合瀏覽者實際需求并且體現企業文化。如英國著名茶葉品牌“立頓”茶中文官網中,在欄目設置上從立頓品牌詮釋、品牌歷史到立頓產品簡介、立頓廣告營銷等等提供了豐富的功能設置。
(四)設計藝術性。茶企網站設計將企業文化內涵與現代界面設計理念相結合,創造出能夠充分體現茶企獨特的企業文化理念、卓越的產品特性等視覺形象,塑造茶企良好的品牌形象。如江西“大鄣山”茶企網站首頁設計(圖1),以美麗茶園景色為背景,綠色充溢整個頁面。頁面設計豐富而單純,將受眾帶入到情景之中,極具視覺沖擊力。具有良好視覺形象設計的企業網站,不僅能達到宣傳企業、提高企業知名度的效果,而且“人性化”的設計理念也會給予用戶以視覺和心理上的雙重愉悅感和美的享受,使用戶發自內心地接受并喜歡瀏覽網站的信息,從而使企業和用戶達到了雙贏。
二、茶企網站設計中的視覺表達
企業網站的視覺設計不僅僅只是網頁的裝飾設計,更重要的是體現了企業的形象和文化。茶企網站設計中的視覺表達必須遵循基本的設計規律且符合基本的美學原理和排版原則。江西茶企網站設計的視覺表達從以下幾個方面進行分析。
(一)頁面版式設計表達。網頁版式設計主要是從網頁整體角度考慮,獲得的對于網頁界面的整體理解和感受。網頁版面設計要求整體布局一致,視覺流程流暢且主次分明,從而減少用戶在瀏覽時所產生的視覺跳動性。由于茶文化網站其訴求的重點在于傳遞企業理念,提升企業品牌。這是茶文化網站在頁面整體版式設計上著重考慮的因素。頁面整體構圖形式方面主要有三種類型:上下型、左右型和混合型。無論采用哪種類型,目的都是為了彰顯企業文化理念和品牌形象。在中國傳統文化中,飽滿、完整是形式追求上的主要選擇。如大益茶業集團中文官網頁面整體設計采用混合型版式,圖形與文字由上至下,從左到右,集中在頁面中間,使得整個頁面版式形式完整、主次分明、穩重大方,不落俗套。茶文化網站由于企業理念和品牌形象各不相同,因此在網頁版式設計上具有較強的靈活性,可以設計出多樣化的頁面版式效果。
(二)色彩元素的設計表達。色彩作為網頁中最先吸引瀏覽者視線的視覺要素,在網站設計中具有非常重要的地位。在頁面設計中,應該根據和諧統一和重點突出的原則,將不同的色彩進行組合搭配。設計江西茶企網站應充分認識和理解茶文化對于色彩的理解和詮釋,利用色彩的巧妙搭配,彰顯江西茶文化和茶產品的精神內涵。我們可以根據企業形象識別系統中的企業視覺識別系統進行標準色的選取、運用,使企業形象整體而統一。江西茶企網站應要選擇企業視覺識別系統的標準色以及輔助色進行整體頁面色彩設計構思。一般而言,我們應當先確立一種主色調以利于網站主題的表現與氣氛的烘托。然后確定與主色調相類似的輔助色,這樣有利于界面風格的統一。最后還可以選擇小面積的對比色,從而實現大面積協調與小面積對比,這樣整個頁面設計在統一和諧的基礎上會顯得更加活潑生動。例如杭州龍井茶葉集團官網中(圖2),頁面的色彩設計利用色彩的主次關系,主色調采用濃重的黑色與明黃色,傳遞出杭州龍井茶與皇家之間的歷史淵源,塑造杭州龍井茶尊貴的品質和形象。
(三)文字與圖形設計表達。文字是網站信息傳達的主要載體,可以讓訪問者方便、快捷地了解網站內容。在網頁設計中,文字的編排主要表現在字體、大小以及強弱效果的變化。江西茶企網站在文字選擇方面著重考慮文化性和功能性的結合。利用不同漢字字體,創造與企業文化相對應的視覺形象。圖形相對于單純的文字來說,信息容量更大也更具有視覺感染力和沖擊力,更能滿足用戶的情感需求。圖形化設計使得用戶與網頁之間的溝通與交流變得更人性化,更為愉悅和便捷。設計江西茶企網站,通過具有典型中國文化特征的圖片、圖標等的設計和表達來感染用戶和客戶。在大益茶業集團中文官網頁面中,大益茶的標志設計利用漢字與圖形的結合,傳遞出大益茶的企業理念和品牌形象。江西茶企中也有優秀的例證,“大鄣山”茶葉網站的標志采用書法字體(圖3),具有濃重的文化特征和視覺效果。
(四)視覺表達元素的統一性。網站視覺設計的最終目的不只是單純追求視覺感染力而是更好地表現網站的主題,因此視覺元素的統一性非常重要。一是視覺設計個元素要與主題相統一,視覺設計必須服務于網站主題的表達。江西茶企網站設計宣傳主題是對外宣傳和推廣江西茶文化和茶產品,這一主題必須貫徹在整個設計的始終。二是內容與形式要統一,即整體視覺元素和網頁內容及意境的統一。視覺表達各元素中應在內容上的內在聯系和表現形式上相呼應,并注意整體設計風格的一致性,實現視覺上和心理上的統一。
1.1網站標識
網站標識是網站視覺識別系統里的核心內容,作為一款符號圖形,其隱喻圖書館的管理理念,具有精神上的象征性?,F今國內高校圖書館多是將?;請D形進一步演變而產生的圖書館標識,且多是與圖書的形象元素有關。國外高校則會采用一些范圍更廣的元素作為設計雛形,而不僅僅只局限于“書本”這個人人皆知的元素。對于圖書館標識的設計筆者認為更應該緊扣文化、傳承以及院校和圖書館的辦學管理理念,既不應該死抓“書本”這個耳熟能詳的元素,也不應該完全拋棄圖書館這個核心而為了迎合時代潮流去追求一些形式美,畢竟在中國,儒雅、中庸這種儒家文化已經深入辦學理念,過分的張揚與外露很容易導致不必要的外界爭論。
1.2網站標準字、標準色、版面、專用字體
輔助標識的使用更進一步的加強其網站的可識別性。對于這些元素的使用,除了部分外聯的論文數據庫外,應該深入實施于網站內的每一個網頁。在這一點上,國內很多高校圖書館的網站做得很差,因為其館內圖書目錄數據庫幾乎都是外包與社會中各數據公司進行設計,并且在設計時,公司、圖書館、校園網絡中心三者之間沒有很好的交流,這就致使設計出的數據庫頁面與圖書館主頁之間有著很多不相符,甚至完全背道而馳的設計元素。這就使得用戶在使用時,心理上會有一定的不確定性,很大程度上降低了網站的實用性。
2網站結構
高校圖書館網站的使用應該有明確的對象性,這就可以得出讀者在使用時需要什么樣的服務?;蛘哒f什么樣的服務可以更好地滿足讀者。目前,國內高校圖書館主頁為“館情介紹”、“數字資源”、“讀者服務”三大模塊是各圖書館的對于網站結構上的共同認識。對國內排名靠前的28所大高校的圖書館進行調查,發現其主頁的大部分空間都被這三大主題下的若干二級欄目占據著。主頁設有“本館介紹”“、館長致辭”“、歷史沿革”“、部門介紹”“、規章制度”“、開放時間”等傳統欄目的達19所(占67.19%),主頁“服務項目(或服務指南)”欄目下由“借閱服務”“、教學與培訓”“、代查代檢”“、定題服務”“、課題查新”“、文獻傳遞”“、新書通報”“、薦購圖書”等排出長長隊伍的達25所(占89.13%)。上述這些欄目的主要功能僅僅是用于介紹和展示圖書館本身,這些信息對于一個新的用戶而言,的確有一定的意義,但是新生占大學在校生的比例畢竟有限,對于那些已經熟悉圖書館情況以及使用方法的用戶而言,可以說沒有任何意義了。目前,高校學生對于圖書館網站的使用主要包括兩個方面:館藏圖書查詢借閱與電子數據庫查閱。因此,在進行網站設計時應該牢牢把握這兩個模塊,將其放在主頁的醒目位置,而不是用更多的篇幅去介紹圖書館的自身情況。同時,作為圖書館本身應該對其辦館理念進行相對的調整,圖書館作為一個服務性機構,其首要功效是服務于高校師生,應該充分考慮本校師生對其欄目設置和內容的需要。
3用戶體驗
現代設計的風格已經從純功能性逐步走向了體驗設計。產品在設計上越來越豐富、細化,體現一種人情味和個性。一方面要求產品功能齊全、高效,適于人的操作使用;另一方面又要滿足人們的審美和認知精神需要。對于網站的設計,更應該注重用戶體驗的一面。
3.1視覺體驗
對于一個網頁,其中信息的傳遞幾乎都是由視覺進行傳遞的,其中色彩、圖形的使用至關重要。在色彩使用中應該盡量避免藍色字體與白色背景的搭配以及中國傳統的白底黑字的運用,這兩種搭配在電子信息的瀏覽中就并不合理,長時間的凝視會造成使用者眼疲勞,信息的搜索能力下降。而圖書館的主要適用人群就是長時間進行文獻資料查詢的在校師生。同時一個頁面中也不應該有超過三種的字體顏色,過多的字體顏色也會造成是使用的疲勞與信息的混淆。
3.2操作體驗
習慣用法在網頁設計中至關重要,一個好的網頁操作順序應該照顧其使用者的習慣。例如,在進行圖書檢索的時候,人們的習慣是對書名進行檢索,而部分圖書館的默認狀態是對書刊號經行檢索,這個設計就是不符合使用者習慣的,很大程度上造成了使用者的不便。確保每個鏈接都有效,對于國內高校的網站有這樣子的通病,并不是每個人鏈接下面都是有效的內容,很多都是為了達到一種氣勢而制造的空鏈接,對于這種鏈接的使用,會很大程度上降低使用者對網站的好感度,可能致使讀者再也不會去瀏覽這方面的鏈接。
3.3交流體驗
目前,國內高校圖書館網站開通論壇與留言簿的很少,多數只是留有一個電子郵箱以作為和讀者的互動工具,很多時候讀者所發的關于圖書館使用問題的郵件并不能得到回復,使這個電子郵箱形同虛設。在圖書館網站上建立簡易的論壇與留言,并安排專人進行定期管理維護,以更好地和讀者經行互動。
創新點一:網站內容覆蓋全面,縱觀現在各大瀏覽器中展示的網址,琳瑯滿目,類別多,每個類別中包含的其他網站有比較多,但是實現功能卻極為相似。給人的感覺就像一盤散沙。家庭網可以更好的將類別匯集,通過自己的需要,用戶花費的時間不是在尋找那個網站上,而是直奔主題,直接確定自己的需要。創新點二:涉及的用戶年齡分布面廣。家庭網不僅僅可以滿足現代年輕人基本的上網需求,更增加了青年人和中老年人對上網的需求。通過對中國網民年齡的走向分析,不難發現,青年人和中老年人使用網絡的時間正在快速增長,如果能夠把這個群體吸引到我們網站,相信一定可以有很高的點擊率。創新點三:網上尋求知識的人越來越多。家庭網中包括對青年人學習的指導并且對少年人上網的時間加以限制,對中年人日常生活需要包括熱點新聞、養生暢談,美食,對孕婦等特殊人群懷孕期間的養胎常識、寶寶起名。媽媽日記等,老年人活到老學到老,可以參加老年人培訓,學習自己喜愛的知識,在閑暇之余可以利用家庭網專門為老人提供的游戲,視頻,廣場舞以及戲劇等,豐富自己的生活。創新點四:宣傳有新意,網站設計有寓意,能夠很好的吸引眼球。好電商就是我,我就是家庭網。真正做到一網在手,全天無憂。不管你是經常上網的網蟲還是不善于玩電腦的中老年人,還是想要尋求知識的孩子或者是苦于沒時間監督孩子的爸爸媽媽,你都可以使用家庭網。
1.2家庭網網站功能模塊
(1)角色世界模塊旨在給家人之間的提供一個更加方便的平臺。希望家人之間可以更好的交流。此模塊特色就是悄悄話,一方面使他們的生活更加豐富,另一方面老人也成為中國網民組成中不可小覷的力量。
(2)夕陽紅模塊旨在為那些想玩電腦,卻不知“從何玩起”退休在家的老人的空余時間提供更加豐富多彩的生活。有了家庭網之后,他們可以在夕陽紅模塊中更好的利用時間和消磨時間。養生模塊中包含各種的養生的方法;美食模塊則是為喜歡烹飪的媽媽們準備的。熱點聚焦模塊可以提供最熱點的新聞。老年課堂模塊中真正可以幫助老年人實現中國的那句老話“活到老,學到老”,可以參加老年人培訓,學習自己喜愛的知識。設置模塊中主要的創新在于滿足老人的需要,包括設置字體的大小,以及語音播放等。
(3)青少年模塊旨在給青少年打造更好的網絡環境,幫助青少年更好的利用網絡去生活和學習。小學生和中學生模塊一方面可以提高孩子自主學習的能力,另一方面可以加強父母對于孩子學習的輔導。掌控時間模塊可以方便孩子的自我約束以及父母對孩子的監督。
(4)設置模塊用于對全局的設置上,歷史記錄模塊方便再次查找,登錄時間的限制,以及模式轉換。模式轉換是這個模塊中的特色??梢愿玫淖尷夏耆说惹袚Q不同的皮膚,針對不同的大小以及每位用戶不同的喜好,去設置自己喜歡的格調主題。
(5)孕婦模塊主要是針對于孕婦日常保健知識的搜索。在這個模塊中孕婦可以獲得更全面的信息。寶寶起名模塊,方便孕婦對于當下寶寶起名難題的解決;孕期營養模塊解決孕婦及產婦補充營養的細節以及小竅門。懷孕監督為孕婦日常生活及產檢時間進行細致的提醒;媽媽日記模塊是方便媽媽記錄孩子珍貴的的點滴成長。
2網站運營分析
2.1財務分析
財務統計方面該網站開通多方網上支付平臺,包括支付寶、銀聯、微信支付、全國聯保等,給客戶帶來最大方便。網上支付是為商家和銀行之間建立起連接,實現了第三方的監管和技術保障的作業,讓消費者更放心的消費、金融機構到商家的在線貨幣支持、現金流轉、資金清算、查詢統計等流程。
2.2未來規劃
對于一個剛剛起步的網站來說,最為重要的是提高信息的質量和豐富程度。家庭網未來的服務對象依舊是以家庭為單位,同時滿足特殊人群的日常服務需求,在之前的基礎上不斷改進,加強與各個網站之間的合作,網羅更加全面的信息,并且做到信息及時更新,在符合一切法律和制度的前提條件下,盡可能的滿足所有用戶的需求,爭取在市場上占據穩定的份額。未來我們還會增加電話咨詢服務以及上門服務,當您遇到任何問題的時候都可以撥打我們的熱線電話,會有專業人士為您解答等。
2.3安全管理問題
家庭網涵蓋方面廣,種類多。所以,管理者要加強保密觀念,提高自身素質,增強責任心,健全規章制度。在網絡商品交易過程中,要保證交易的有效性,保密性、完整性和不可否認性。
2網站設計分析
文字、圖形、色彩是展示網站內容的重要組成部分,是構成網站傳達信息不可或缺的手段,同時也是用戶對網站第一印象和整體風格關注的主要內部分。要想設計出符合人性化需求的網站,只有多為用戶著想,認真地以用戶的切身體會出發去完成網站的整體設計。當然,在設計過程中需要考慮的因素很多,用戶群因素和界面因素是首要考慮的兩個方面。
3網頁制作
3.1選擇合適的網頁設計軟件當前能使用的網頁設計類軟件很多,而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說,初學者最常使用是Frontpage和Dreamweaver,Frontpage是微軟公司出品的一款網頁制作入門級軟件,FrontPage使用方便簡單,會用Word就能做網頁,所見即所得是其特點,該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器,利用它可以輕而易舉地制作出充滿動感的網頁。此外,制作網站還要用到邊緣性軟件,如photoshop、flash等,網頁設計過程中可根據自己的需要靈活運用這些軟件。
3.2選擇網頁內容前期的框架設計好后,就要為這個網站選擇內容了。網頁內容影響著網站的成敗,所以我們要多花一些心思在內容制作上。內容選擇要選有新意的、獨特的,這些可以從圖書、報紙、互聯網等信息媒介搜集素材,素材通常分為三類一一文字、圖片、影像。素材準備得越多越好,再從這些素材中粗中取細,以備制作網站時可以隨時拿來使用??傊W頁內容是網站的根本,如果內容空洞,頁面制作的再怎么精美,仍然不會留住訪問者。
3.3運用網頁設計中的色彩不同的色彩搭配產生不同的效果,反映出不同網頁的文化內涵。因為它能產生強烈的視覺沖擊,所以確定網頁的色彩是相當重要的一步。在網頁的色彩設計上,除了要表現心理和感情聯想之外,還要考慮色彩的對比明暗、輕重、冷暖、調和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值,使網頁更有效和準確地把信息傳達給我們的視覺。
怎么樣的企業網站才算成功?時代財富顧問公司在為眾多企業設計網站的過程中,總結出了一套完整的、有較高參考價值的《企業網站評定標準》,期望以此引起企業界對自身網站的重視,使企業網站真正成為企業宣傳、管理、營銷的有效工具。
企業網站定義:主要為了外界了解企業自身、樹立良好企業形象、并適當提供一定服務的網站。根據行業特性的差別,以及企業的建站目的和主要目標群體的不同,大致可以把企業網站分為:
基本信息型:主要面向客戶、業界人士或者普通瀏覽者,以介紹企業的基本資料、幫助樹立企業形象為主;也可以適當提供行業內的新聞或者知識信息。這種類型網站通常也被形象的比喻為企業的"WEBCatalog"。
電子商務型:主要面向供應商、客戶或者企業產品(服務)的消費群體,以提供某種直屬于企業業務范圍的服務或交易、或者為業務服務的服務或者交易為主;這樣的網站可以說是正處于電子商務化的一個中間階段,由于行業特色和企業投入的深度廣度的不同,其電子商務化程度可能處于從比較初級的服務支持、產品列表到比較高級的網上支付的其中某一階段。通常這種類型可以形象的稱為"網上XX企業"。例如,網上銀行、網上酒店等。
多媒體廣告型:主要面向客戶或者企業產品(服務)的消費群體,以宣傳企業的核心品牌形象或者主要產品(服務)為主。這種類型無論從目的上還是實際表現手法上相對于普通網站而言更像一個平面廣告或者電視廣告,因此用"多媒體廣告"來稱呼這種類型的網站更貼切一點。
在實際應用中,很多網站往往不能簡單的歸為某一種類型,無論是建站目的還是表現形式都可能涵蓋了兩種或兩種以上類型;對于這種企業網站,可以按上述類型的區別劃分為不同的部分,每一個部分都基本上可以認為是一個較為完整的網站類型。注意:由于互聯網公司的特殊性,在這里不包含互聯網的信息提供商或者服務提供商的網站。
企業網站第一原則:目的性Intension必須有明確合理的建站目的和目標群體
任何一個網站,必須首先具有明確的目的和目標群體。網站是面對客戶、供應商、消費者還是全部?主要目的是為了介紹企業、宣傳某種產品還是為了試驗電子商務?如果目的不是唯一的,還應該清楚的列出不同目的的輕重關系。建站包括類型的選擇、內容功能的籌備、界面設計等各個方面都受到目的性的直接影響,因此目的性是一切原則的基礎。
建站的目的應該是經過成熟考慮的,包含幾大要素:
目的應該是定義明確的,而不是籠統的說要做一個平臺、要搞電子商務,應該清楚主要希望誰來瀏覽,具體要做到哪些內容,提供怎樣的服務,達到什么效果。
在當前的資源環境下能夠實現的,而不能脫離了自身的人力、物力、互聯網基礎以及整個外部環境等因素盲目制訂目標,尤其是對外部環境的考量通常容易被忽略,結果只能成為美好的一相情愿。
如果目標比較龐大,應該充分考慮各部分的輕重關系和實現的難易度,想要一步登天的做法通常會導致投入過大且缺少頭緒,不如分清主次循序漸進。
在充分考慮了目的和目標群體的特點以后,再來選擇建站類型,并相應的安排適當的信息內容和功能服務。顯然如果目標群體的互聯網基礎薄弱,建立電子商務型的網站就是個失誤。在信息內容和功能服務的安排上,還應該避免大而全的十全大補丸式、貧乏空洞的八股文式、以及選材偏離主題的常見錯誤。
企業網站第二原則:專業性Specialization信息內容應該充分展現企業的專業特性
對外介紹企業自身,最主要的目的是向外界介紹企業的業務范圍、性質和實力,從而創造更多的商機。在這里包括:
應該完整無誤的表述了企業的業務范圍(產品、服務)及主次關系
應該齊備的介紹企業的地址、性質、聯系方式
提供企業的年度報表將有助于瀏覽者了解企業的經營狀況、方針和實力
如果是上市企業,提供企業的股票市值或者到專門財經網站的鏈接將有助于瀏覽者了解企業的實力
如果提供行業內的信息服務,則這些信息服務應具備以下特性:
全面性:對所在行業的相關知識、信息的涵蓋范圍應該全面,盡管內容本身不必做得百分百全面
專業性:所提供的信息應該是專業的、有說服力的
時效性:所提供的信息必須至少是沒有失效的,這保證了信息是有用的
獨創性:具有原創性、獨創性的內容更能引起得到重視和認可,有助于提升瀏覽者對企業本身的印象
所提供的信息是容易檢索的
如果企業的客戶、潛在客戶包含不同語系的,應該提供相應的語言版本,至少應該提供通用的英語版本
企業網站第三原則:實用性Utility功能服務應該是切合實際需求的
網站提供的功能服務應該是切合瀏覽者實際需求的且符合企業特點的。例如網上銀行提供免費電子郵件和個人主頁空間就既不符合瀏覽者對網上銀行網站的需求也不是銀行的優勢,這樣的功能服務提供不但會削弱瀏覽者對網站的整體印象,還浪費了企業的資源投入,有弊無利。
網站提供的功能服務必須保證質量,這包括:
每個服務必須有定義清晰的流程,每個步驟需要什么條件、產生什么結果、由誰來操作、如何實現等都應該是清晰無誤的。
實現功能服務的程序必須是正確的、健壯的(防錯的)、能夠及時響應的、能夠應付預想的同時請求服務數峰值的。
需要人工操作的功能服務應該設有常備人員和相應責權制度。
用戶操作的每一個步驟(無論正確與否)完成后應該被提示當前處于什么狀態。
服務成功遞交以后的響應時間通常不應超過整個服務周期的10%。
當功能較多的時候應該清楚的定義相互之間的輕重關系,并在界面上和服務響應上加以體現。
層次性:
條理清晰的結構,表現為網站的板塊劃分的合理性,這里需要注意:
板塊的劃分應該有充分的依據并且是容易理解的。
不同板塊的內容盡量做到沒有交叉重復內容,共性較多的內容應盡量劃分到同一板塊。
在最表層盡量減少劃分的板塊數量,通??刂圃?~6之間比較合適。
劃分后的結構層次不宜過深,通常不超過5層為佳。
在安排層次的時候要充分考慮用戶操作,比較常用的信息內容、功能服務應該盡量放到更淺的層次以減少用戶點擊次數。
信息內容的獲取和功能服務的過程都應該盡量將所需要進行的步驟控制在3~5步以內,不得不需要更多的步驟的時候應該有明確的提示。
一致性:
頁面整體設計風格的一致性:整體頁面布局和用圖用色風格前后一致。
界面元素的命名的一致性:同樣的元素應該用同樣的命名;同類元素命名滿足一致性,做到即使某個元素的表述不清楚也能從上下文推斷其義。
功能一致性:完成同樣的功能應該盡量使用同樣的元素。
元素風格一致性:界面元素的美觀風格、擺放位置在同一個界面和不同界面之間都應該是一致的。
精簡性:
每個界面調出的時間應該在可以接受范圍之內,當必須耗用較長的時間時應該有明確提示并最好有進度顯示。
當不同的方式能夠達到相同或近似的效果時,總是應該選取令客戶訪問或使用更簡單快捷的方式(在開發資源差別可忽略的情況下),例如盡量減少客戶端插件的使用。
主要界面盡量不超過瀏覽器高度的200%。
大量信息內容盡量不超過瀏覽器高度的500%,如果超過,應該使用頁內定位或者進行分頁。
命名應該是簡潔的、定義清晰的、易明且不易相互混淆的;對于目標群體而言,盡量不使用較為生僻的詞語,如果一定要,則應給出容易理解的解釋。應該具有明確的導航條和網站地圖提供快速導航操作。
錯誤或者無效的鏈接是界面設計的大忌之一。
主要的信息應該放在突出的位置上,常用的功能則應該放到容易操作的位置上。
針對目標群體的需要應充分考慮瀏覽器兼容性、字體兼容性和插件流行程度等。
對于專業的術語、復雜的操作等有直接的容易理解的幫助。
簡單有效的個性化有助于增強界面的易操作性。
在風格允許的情況下,可以適當增強交互操作的趣味性和吸引力。
企業網站第五原則:藝術性Artwork網頁創作本身已經成了一種獨特的藝術
網頁創作從某種意義上來說可以稱為"eyeballwork",要達到吸引眼球的目的,再結合界面設計的相關原理,形成了一種獨特的藝術,這使得企業網站的設計應該滿足:
遵循基本的圖形設計原則,符合基本美學原理和排版原則。
對于主題和次要對象的處理符合排版原理。
全站的設計作為一個整體,應該具有整體的一致性。
整體視覺效果特點鮮明:
頁面版式結構
用色
線條和構圖
配圖的精細、美觀程度
元素風格
整體氣氛表達
字體選用
整體設計應該很好的體現企業CI。
整體風格同企業形象相符合,適于目標對象的特點。
企業網站第六原則:性能Performance網站正常的訪問性能
訪問速度,取決于服務器接入方式和接入帶寬、擺放地點、硬件性能和頁面數據量、網絡擁塞程度等多方因素。如果目標群體不止本地,則還應考慮地理因素造成的性能下降。
可容納的最大同時請求數,取決于服務器性能、程序消耗資源和網絡擁塞程度等因素。
穩定性:平均無錯運行時間。
程序性能:
響應請求并運行得出結果的平均時間
錯誤的檢測和攔截
擴展性
安全性:
關鍵數據的保護,例如用戶數據等
功能服務的正常提供。
網站的防攻擊能力
對異常災害的恢復能力
企業網站第七原則:常維護更新Maintenance網站的最大特點是它總是不斷變化的
網站的不斷更新是其具有生命力的源泉之一。對于三種類型網站而言,更新的重要性通常為基本信息型>多媒體廣告型>電子商務型。網站更新指標包括:
信息維護頻度
信息更新數量*質量/時間比
改版頻度
影響維護的一個重要元素是網站界面和功能開發所選用的技術。
企業網站第八原則:發揮作用Knownandused網站必須被訪問和使用才有價值
再好的網站,如果沒有人訪問和使用也是毫無價值的。
域名設計是企業網站的重要元素:
域名應該盡量容易理解和記憶,并且盡量簡短;當難以簡短的時候,寧愿放棄無意義或者難以理解的字符數字組合而選用稍長一點的域名。
域名設計應充分考慮目標群體的特點,例如如果要做到國際化,域名包含漢語拼音顯然是不可取的。
域名應該盡量有意義并反映網站實質作用,一定要做到不可有歧義。
企業網站本身應該就是企業CI的一部分:
應該出現在企業常備的名片、Catalog、信封里。
應該出現在企業的各種廣告里。
登陸搜索引擎是一種行之有效的推廣方法,在常用大型搜索引擎登錄,設計更準確和全面的關鍵詞,可以增加被正確檢索的機會。
與同類或者相關類型企業網站結為聯盟或者結成伙伴關系也有利于網站的有針對性的推廣。
結合企業本身的宣傳推廣活動和促銷活動加強網站上的宣傳和利用。
企業網站可以針對其目標群體特點采用一些其他的推廣方法,例如座談會等。作用比較突出的甚至包含品牌形象的網站也可以采用單獨廣告投入的方式進行宣傳,例如網上銀行、網上酒店等。
企業網站第九原則:反教條Anti-dogmatism原則是為目的服務而不應成為教條
氣象預報:服務型氣象門戶網站設計與建設研究文/魯靜中國的門戶網站正處于以用戶體驗和服務質量為主導的發展時期,加強網站的服務質量建設是當前的工作重心。氣象門戶網站既是相關氣象部門對外交流和形象宣傳的平臺,也是氣象信息、使公眾獲得所需數據的重要渠道。本文對目前的服務型氣象門戶網站進行思考,總結其特點,提出服務型氣象門戶網站的功能模型和設計特點,升級服務方式,更好地為公眾服務。摘要三天、七天等短期長期的國內外各大城市天氣預報查詢,氣溫變化曲線圖,24-48小時降水量預報,以及數值預報形勢等專家用圖。短時天氣警報,空氣污染氣象條件預報、旅游氣象預報,pm值、紫外線、環境等方面的天氣指數預報。氣象要素實況:環境預報、降雨量實況、溫度實況、衛星云圖、雷達圖、自動站資料、遙感資料,雷達回波圖、全省主要城市天氣實況——包括氣象觀測站點的氣溫、降水、能見度、風向風速、氣壓等實時氣象要素查詢。氣象歷史資料:提供氣象檢測和預測站點歷史上任意時段和日期的最高、最低氣溫、降水量、平均溫度等氣象要素。月度或年度氣候信息:包括氣溫距平、降水百分率等氣候分析與月預測產品,全國主要城市歷史氣候背景資料。
(2)公眾指導教育服務。
定期更新一下熱點專題,對廣大民眾進行氣象科技、環境氣象、旅游氣象、氣象與健康、氣象與農業和養殖業等方面的科普。并提供科普書籍、影像的下載。
(3)管理信息模塊。
給民眾提供氣象系統內各級單位的信息資料,包括單位基本情況介紹、機構組成、領導組織、聯系電話、地址等。同時也對氣象部門進行簡訊報道,國家、省及氣象部門防災減災政策、工作的最新動態,氣象部門關于防災減災和公眾服務的管理工作介紹等。
(4)新聞模塊。
集中各種氣象新聞,包括防災減災、科研教育、科技服務、政策法規、文明建設、神州氣象、臺站風貌、氣象科普等人文欄目。
(5)互動模塊。
評價留言板:實現訪客與網站工作人員的交流,收集群眾的反饋,順應市場發展的規律,改進產品,提高服務。還可以開設意見信箱、咨詢投訴、在線訪談、微信微博接口、網上調查和投票等功能。
2頁面設計
網站設計的基本原則是重點突出,條理清楚,層次清晰,簡潔干練。布局上要簡單,不要有太多、太大的動畫和廣告,內容上要主次分明,言簡意賅。(1)首頁設計要簡單出彩。
首頁是網站的門面,也是最重要的部分,將熱點消息和留言放到醒目位置,利于調動公眾的積極性,及時反饋對服務的意見和建議,不斷的改進服務產品、提高服務質量。
(2)標志鮮明。
一個成功的網站需要有自己的標準,也就是大家所說的Logo。Logo是站點特色和內涵的集中體現,因此要設計的有特色,讓用戶印象深刻,見到就能想起。
(3)色彩雅致舒適。
網站給人的第一印象來自色彩視覺,確定網站的色彩基調相當重要。色彩要用于網站的標志、標題、主菜單和主色塊,給人整體統一的感覺。字體色也要便于閱讀??梢詫χ黧w或重要消息運用強烈的對比色,但整體的原則是淡雅宜人。
3常用技術
目前的服務型門戶網站有很多是采用ASP+SQL+IIS的建站模式,具有技術成熟、管理簡單、源代碼通俗易懂、維護方便的特點。網站通過Dreamweaver、FrontPage等網頁編輯開發工具進行開發;結合Java開發語言和Javascript或VBscript開發腳本進行功能模塊的實現,網頁外觀可以通過Flash和Photoshop進行美化和設計;網站后臺數據庫模塊則可以使用C#或C++語言進行開發,提供Oracle或SQL數據庫的接口,實現數據的快速便捷存取與檢索。
1.1什么是電子商城
電子商城指的是通過互聯網進行的大型的商品電子交易平臺,其主要功能是通過電子商城對客戶進行準確的、快捷的產品銷售。在電子商城上我們能夠購買到任何需要的產品,還能夠通過快遞送貨上門。電子商城的出現帶動了互聯網、物流和銀行的發展。比較著名的網站有淘寶網、京東商城、聚美優品、當當網等,這類商城的在整個電子商城中都是代表性的品牌。隨著時代的發展,電子商城正在逐漸的走向品牌化、規?;图瘓F化。
1.2什么是SSH2
SSH2是Struts2、Spring、Hibernate的縮寫,是在JavaEE平臺中比較流行的技術框架開發平臺。
1.2.1Struts2
Struts2指的是WebWork的基礎上發展而來的全新的技術框架,隨著WEB技術的不斷進步和發展,Struts1的技術框架已經不能夠滿足發展的需要,其中很多的缺陷也逐漸的顯現。Struts2并不是Struts1的延伸和發展,他的關鍵技術凸顯在他的組建功能上,我們可以將他的組件分為控制器組件、視圖組件和模型組件。
1.2.2Spring
Spring框架的出現為企業級系統的開發起到了簡化的作用,Spring是一個輕量級的IoC和AOP的容器框架。其中包含著六個基本的模塊,并且每一個模塊中都有著一個對應的JAR文件,Spring框架多數都存在于JavaEE多層服務器之中,對不同的開發環境有很強的適應能力。
1.2.3Hibernate
Hibernate是一個將對象與關系相互轉化的映射工具,在JavaEE的應用程序內,將數據源利用二維表的方式進行儲存,是一種關系型的數據庫系統,還能夠使用面向對象編程,使用對象對實體進行描述,能夠妥善的解決面向對象的應用程序,以及面向關系數據的數據庫之間出現的不匹配的問題。
2電子商城用戶需求進行分析
電子商城要滿足顧客的基本需要,對于普通的操作,比如:用戶名的注冊、修改、對個人信息的填寫、賬戶登錄。注銷等都屬于最基本的還做,還要對產品要進行詳細的分類,能夠對商品查看詳情,對商品添加購物車,以及對訂單的管理和物流的跟蹤。然后,也要滿足網站的管理人員的工作需要,對工作人員信息的登錄,對用戶信息的檢索、查看,對商品進行管理,對用戶的訂單進行管理等功能。
3如何利用SSH2對電子商城進行設計
3.1用戶注冊界面
在用戶的注冊模塊中,要在WEBROOT文件夾中建立一個JSP文件,這個文件中導入Struts2的標簽庫,在利用Struts2框架技書創建一個form表單。根據用戶的需要對其頁面進行注冊以及對注冊的信息進行處理,用戶在注冊界面中填寫了信息,進行提交后,Action接收到了用戶的信息,并對其中的數據進行分析整理,再進行結果的反饋。
3.2產品顯示界面
在使用Struts2對網站進行設計時,要將Action中的數據信息進行提取,再將信息傳遞到頁面中,在Action中獲取到的數據,需要以某種方式進行保存。這種模式下的網站會在操作訪問JSP頁面的時候,對Action的文件進行數據信息的獲取,再通過Struts2進行數據的顯示。3.3用戶購物車模塊現階段很多的電子商城的購物車是通過Cookie進行實現的,這種方式雖然有優點,但是也有著很多的缺點,比如:安全性低,有效期短等。我們可以試著采用Session的方式對購物城進行設計,能夠提升購物車的安全性能,對訂單的添加或者刪除也比較方便,還能夠對總金額進行一鍵計算。
4結語
隨著經濟的發展,人們的生活水平逐漸的提高,對生活質量的要求也越來越高,傳統的商場已經不能滿足人們對商品的需求了。但是要做好一個電子商城,首先就要做到吸引顧客,要滿足顧客的需求,利用SSH2技術框架對電子商城網站進行設計,在滿足用戶基本需求的同時,更能夠對網站進行優化,方便顧客對商品的選擇,更多的客戶選擇了電子商城,也能夠提升電子商城的根本利益。
作者:劉錢 單位:公安海警學院
參考文獻:
[1]陳興強.消費者對零售商線下信任向線上信任轉移的影響因素研究[D].西南財經大學,2012.
近年來,網絡技術發展迅猛,迅速滲入到社會生活的各個領域當中,深刻地影響著各行各業的發展路線。在這其中,互聯網的出現與崛起,對茶企產生了顯著的沖擊。茶企紛紛意識到,唯有迎合互聯網的發展大勢,抓住互聯網中蘊含的豐富商機,才能在激烈的市場競爭中站穩腳跟,通過互聯網創造更好的營銷效果和更大的收益。在互聯網營銷中,茶企網站起到了營銷門戶的作用,可以最為直接、最為全面地展示茶企的全部產品、企業文化和發展軌跡,可以說是茶企網絡營銷的大本營和重要基地。因此,有必要通過良好的茶企網站設計策略,挖掘茶企網站中蘊含的營銷潛力,提升茶企的營銷價值,擴大茶企的營銷前景。
1茶企網站設計的現狀與改進方向
近年來,隨著企業網站營銷效果的集中體現,茶企對企業網站設計工作越來越重視,并投入了大量的人力、物力與財力,取得了豐碩的網站建設成果。毫不夸張地說,現在中國境內的茶企,無論大小,基本都擁有自己的網站以及網站維護隊伍,這是茶企順應時展的體現,也是茶企積極借力互聯網的體現。但客觀來看,由于網站設計經驗與專業人才的限制,不少茶企在網站設計中仍然暴露出一些明顯的問題。一方面,由于企業管理層懂網絡的人不多,對網站設計缺乏規劃,導致網站雖然設計出來了,但是存在內容混亂、與營銷脫節、更新不及時甚至癱瘓的情況,對茶企的網絡營銷造成了非常不利的影響。另一方面,不少茶企在企業網站的定位上存在搖擺不定、含混不清的情況,在企業網站中的內容缺乏質量,沒有意義,在產品欄目擺放的產品內容單一、介紹不夠詳細,甚至一些茶企完全不知道應當在企業網站當中放什么內容,內容的僅僅是隨意為之,這些都限制了茶企優勢功能的發揮。此外,茶企尤其是中小茶企由于缺乏專業的網站建設人才,在網站設計方面方法簡單,往往是用風格單一的模板直接制作,難免落入大眾化、單調化的泥潭,使得網站的魅力大幅削弱,甚至在一定程度上損害了企業在地面營銷中塑造的高端形象。與高端的企業網站設計案例對比可以發現,以上都是茶企在網站設計中需要改進的方向。及時改進、及時通過網站設計提升網站營銷效果,是茶企長遠發展的必然要求。
2營銷視角下茶企網站設計原則
企業網站設計的最終目的,是為了幫助企業進行展示和營銷,不重視營銷效果的企業網站設計,將喪失企業網站設計最核心的功能,對企業的營銷乃至長遠發展不利。從營銷視角來看,茶企網站設計應當遵循以下一些原則:
2.1明確的設計目的
在茶企的網站設計之初,就應當對網站設計的目的做出明確的規劃。因為網站所能實現的功能是非常多的,可以進行展品展示,可以進行信息,也可以直接在網頁中實現成交,也可以在線和企業客服人員進行交流,而企業在網站設計之初,就應當將企業網站設計需要達到的功能明確下來,方便網站設計人員有的放矢,選擇性價比最為合適的網站設計方式。一般來說,展示產品信息和企業咨詢的網站,所需要的費用更少,適合小型茶企,而能夠在線完成支付功能的企業網站,所需的費用較多,適合較大型的茶企。只有在明確了網站設計目的的前提下,茶企的網站設計工作才能實現最高的性價比。
2.2專業的設計方式
茶企網站設計的專業性,具體包括頁面布局的專業性、欄目設置的專業性、信息展示的專業性、圖片植入的專業性、產品展示的專業性、在線交流的專業性等內容。當前消費者對于互聯網的理解越來越深刻,對于互聯網中品質較高的網站的瀏覽非常多,這就無形中拔高了消費者對企業網站的審美能力,而企業網站的專業性就是非常影響消費者對于企業形象的一個因素。往往專業性越強的企業網站,更加能給消費者傳達一種嚴肅、認真、踏實、積極的企業文化與企業形象,這對企業的營銷來說,其影響是巨大的。茶企的網站設計專業性,看似不起眼,實則在無形之中,影響了一大批的潛在消費者,必須引起茶企的重視。2.3實用的功能布置當前,一般的企業網站都可以實現信息、產品展示、內容查詢等基本功能,也正是這些基本功能,讓消費者在企業網站中駐足并瀏覽相關信息。對茶企網站來說,網站中的功能布置除了要具有專業性,更重要的是要有實用性。即茶企網站中所提供的功能,能夠讓消費者更加方便地使用,如消費者在眾多的信息中找不到所需信息時,可以使用頁面頂部的查詢功能快速定位信息位置,又如消費者對企業有意見建議時,可以通過留言功能或者在線客服功能,與企業實現便捷的信息溝通。茶企中的功能布置,要以消費者為基本主體,讓消費者用起來簡單、方便,提升消費者對于企業網站的好感度。
2.4詳細的產品展示
對茶企來說,其基本的利潤來源是茶葉產品的銷售利潤,而產品能否銷售以及銷售量的多少,在很大程度上決定了企業的發展現狀以及生存狀況。因此,從營銷視角來看,茶企最核心的功能,應當是產品展示與宣傳。一方面,茶企必須對企業的所有茶葉產品進行全面展示,包括產品圖片、產品資格證、產品加工原理、產品生產流程、產品中運用的先進技術等等,讓消費者全面了解每一款茶葉產品,提升企業網站對產品展示的綜合效果;另一方面,要突出自身產品的優勢點,在與其他類型產品以及同類型不同企業的產品的對比中,凸顯自己的優勢,給消費者以深刻的影響,提升消費者購買欲望。
3營銷視角下茶企網站設計策略
從營銷視角來看,茶企網站的設計應當將重點放在風格的渲染、信息的提供以及在線溝通的實現等方面。這些都是可以幫助茶企網站最大限度地增加產品好感度、企業文化影響力的內容,是非常有助于茶企網站營銷效果的提升。
3.1茶企網站風格的渲染
茶葉產品是一類特殊的產品,尤其對中國人來說,茶葉產品中蘊含著豐富的傳統茶文化、傳統中國文化內涵,抓住茶葉產品的這一特殊文化內涵,在茶企網站上進行集中渲染,可以顯著增加茶企網站給人帶來的文化感染力,在消費者心中建立良好的第一印象,展現出茶企“用心做事、富有內涵”的形象感。茶企網站風格的渲染,首先要做好的是網站背景的設計,應當運用富有中國茶文化韻味的圖案元素,以模糊、含蓄的構圖方式植入網站背景當中,作為網站的風格“底色”,傳達茶葉產品的文化背景,讓消費者初次到訪即被網站濃厚的中國茶文化風格所吸引,對茶企產生文化層面的認同感。其次,茶企網站的欄目框、文字風格等,也要和網站的茶文化背景圖案相符合,讓風格的渲染面面俱到,讓網站的細節設計都融入風格當中產生良好的化學反應,如欄目框可以采用“樹枝圖案”的設計風格,文字可以采用具有中國書法韻味的毛筆字,欄目邊框可以適當布置一些茶葉葉片元素等,這些都可以幫助網站細節設計融入茶企網站的茶文化風格,塑造完整的茶企網站茶文化氛圍,吸引訪客的關注。當然,茶企網站風格的渲染適度即可,不可過于追求完美反而畫蛇添足,網站的信息以及產品展示仍然是更重要的。
3.2茶企網站信息的提供
茶企網站中的新聞信息、產品信息、行業信息、營銷信息等,是茶企網站的核心內容,也是顧客到訪茶企網站的核心信息訴求,這是茶企網站設計的重中之重。具體來說,一方面,茶企網站設計要做到信息的全面性,即和茶企相關的、和企業產品相關的信息,要盡可能全部到茶企網站當中,充實網站的信息儲備,并采用適當的布局和排布方式,結合網站的搜索功能,向顧客充分展示,使消費者可以全面了解茶企的相關信息內容,感受到企業的“真實感”和“網站誠意”,這將非常有助于顧客建立對企業的良好印象;另一方面,茶企網站設計要做到信息提供的精準性,即了解什么樣的信息才是顧客真正想知道的,而什么樣的信息通常是被顧客一眼帶過的,顧客關注的信息主要集中在產品信息方面,因而茶企網站設計應當在茶品信息的介紹方面做到位,對產品進行科學分類,將產品信息與產品圖片準確鏈接或者配套展示,總之要讓顧客在對某種產品產生了解欲望后,可以通過最為直接的方式迅速了解產品的全部信息以及突出優勢,這將可以有效增加茶企產品的宣傳效果以及成交率。
3.3茶企網站在線的溝通
隨著互聯網的發展以及人們對網站要求的提高,企業相對“靜態”的頁面已經無法滿足消費者了解企業產品和服務的需求,在線客服功能的植入,已經成為了大部分企業網站的選擇。對茶企網站來說,在線客服功能的植入更是必不可少。因為缺乏在線銷售功能可以通過鏈接的方式引導顧客進入企業在電商平臺的店鋪,而在線溝通的功能,只能通過植入在線客服功能來實現,留言的方式溝通效果較差、效率較低,基本很少有顧客選擇留言,在線客服功能更加容易被消費者接受和選擇。在線客服功能的植入方式較多,可以是植入到網站邊側,也可以設計成懸浮式的移動提示框,但必須遵循醒目、便捷、不影響顧客瀏覽頁面的原則。這樣消費者在有問題或者產生咨詢意愿時,可以第一時間通過在線客服鏈接打開聊天框,和客服人員進行交流,非常容易達成購買。而在茶企網站背后,企業也必須配備專門的客服人員,在工作時段內及時回復顧客的問題,讓顧客第一時間獲取想要知道的產品信息、優惠情況、購買途徑等。對茶企這種以銷售茶葉產品作為主要利潤來源的企業來說,企業網站的營銷必須有專業的在線客服功能作為支撐,這樣將有效提升顧客在瀏覽網站之后的成交率。
4結語
在互聯網時代,企業網站是企業營銷的重要陣地,萬萬不可忽視。茶企在營銷過程中,也必須重視企業網站的科學設計,從營銷視角探討科學的企業網站設計方式,通過良好的網站設計策略,最大限度地通過企業網站引流,提升顧客對企業形象、企業產品的認可度、好感度,提升企業網站的綜合營銷效果。從營銷角度來看,目前茶企尤其是中小茶企在網站設計方面暴露出的問題不小,阻礙了企業網站營銷功能的發揮。在未來,茶企應當重視網站建設人才的引進,適當增加網站建設資金的投入,積極吸收營銷實力強大的企業的網絡營銷經驗,增強自身企業網站的營銷實力、營銷效果,以企業網站為良好窗口,實現企業經濟效益與綜合實力的提升。
作者:方嬙 單位:天津職業技術師范大學
參考文獻
[1]張旭誠.基于營銷視角下企業網站的設計[J].東方企業文化,2014(4):220.
[2]姜德,李冬艷.企業網站設計內容第一的原則[J].承德石油高等??茖W校學報,2014(5):83-86.
[3]張浩宇.企業網站設計的原則[J].內蒙古科技與經濟,2008(1):55-56.
1.2開發工具的選用及介紹
ASP的優勢:
ActiveServerPages:“動態服務器網頁”,一般簡稱為“ASP”,ASP之所以能受到大家的重視與使用的原因,主要在于所產生的執行結果都是標準的HTML格式,而且這些程序是在網絡服務端中執行,使用一般的瀏覽器(如IE或Netscape)都可以正確地獲得ASP的“執行”結果,并且將這ASP執行的結果直接在瀏覽器中“瀏覽”,不像VBScript或javascript是在客戶端(Client)的瀏覽器上執行,若使用VBScript來設計程序,客戶端(Client)在IE瀏覽器中可以顯示程序執行的結果,可是,客戶端(Client)若使用Netscape瀏覽器就無法顯示VBScript的執行結果。
ASP的特點:
任何開發工具皆可發展ASP
只要使用一般的文書編輯程序,如Windows記事本,就可以編輯。當然,其他網頁發展工具,例如,FrontPageExpress、FrontPage等也都可以;不過還是建議你用記事本來寫,既省錢又方便,若是使用那些所見即所得的網頁編輯來寫ASP,可能會發生一些意想不到的離奇狀態。
通吃各家瀏覽由于ASP程序是在網絡服務器端中執行,執行結果所產生的HTML文件適用于不同的瀏覽器。
語言相容性高
ASP與所有的ActiveXScript語言都相容,除了可結合HTML,VBScript、JavaScript、ActiveX服務器組件來設計外,并可經由“plug-In(外掛組件模組)的方式,使用其他廠商(ThirdParty)所提供的語言。
隱密安全性高
如果我們在瀏覽器中直接查看網頁的原始代碼,就只能看到HTML文件,原始的ASP程序代碼是看不到的!這是因杰ASP程序先于網站服務(WebServer)端執行后,將結果轉換成標準HTML文件,再傳送到客戶端(Client)的瀏覽器上,因此,我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。
易于操控數據庫
ASP可以輕易地通過ODBC(OpenDatabaseConnectivity)驅動程序連接各種不同的數據庫,例如:Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可將“文本文件”或是”Excel”文件當成數據庫用。
面向對象學習容易
ASP具備有面向對象(Object-Oriented)功能,學習容易,ASP提供了五種方便能力強大的內建對象:Request、Response、Sever、Application以及Session,同時,若使用ASP內建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網頁之間暫時保存必要的信息。
ASP的六大內部對象
對象名稱功能描述
RequestResponseServerSessionApplicationObjectContext從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內的用戶信息,該信息僅可被該用戶訪問在一個ASP-Application中讓不同的客戶端共享信息可以用來配合MicrosoftTransaction服務器進行分布式事務處理
所以我選擇了ASP結合Frontpage架構長沙市工商職業中專學校網站
第二章網站總體分析與設計
2.1網站系統分析
根據前面的設計思想進行分析,按照系統開發的基本觀點對網站進行分解,從內容上可對網站作如下劃分:
l學校風采通過學校概括、教師風采、校園之星及部分圖片等內容來展現。
l優點特色通過新聞、生動活潑的教育教學欄目來展現。
l信息通過公告欄、信息查詢等欄目來實現,內容有招生政策、
活動安排等。
l部分校務根據校務的公開程度與參與人數的多少,特選擇圖書管
理、評優、考試查分、家校聯系四大校務在網上實現。
2.2主頁設計
網站主頁采用靜、動相結合的方式,即靜態的主畫面和動態的圖片相結合,體現學校的勃勃生氣,靜態主頁方式介紹學校風采、優點特色、信息,對于四大校務,就得利用ASP與數據庫結合的技術建立數據庫查詢管理系統,采用交互式的動態的web畫面來實現。
主頁結構圖
注:帶下劃線的表示是鏈接方式
2.3數據庫設計
采用的數據庫是MicrosoftAccess,擬建立teach.mdb庫文件,包含如下幾個表文件:
allmessage留言信息表
Libbooks圖書信息表
Libcategories圖書類別信息表
Libemps圖書館用戶信息表;
stud學生信息表
第三章詳細設計
3.1家長學校聯絡簿
3.1.1功能:
利用SQL語法過濾特定的家長留言意見,讓老師可以針對某位特定學生家長所發表的意見作出獨立的回答,同時,家長在發表個人意見時,若認為意見內容涉及敏感的話題或是意見內容涉及私人隱私,都可用“悄悄話”的方式發言,這些“悄悄話”將不會被顯示出來讓大家看到,當然,老師擁有管理的能力,只要以密碼登錄管理模式,就可以進行各個學生家長的單獨意見回復,而且還能看到家長們所留下的“悄悄話”。
3.1.2組成構造
共分成六大部分:
1,意見留言結果網頁guest.asp:用來顯示家長發言與老師回復內容,同時還具備一般模式與管理模式兩種顯示方法。
2,家長發言表單網頁addmsg.asp:讓學生家長填寫發言內容并選擇發言性質。
3,家長發言數據處理ASP程序add.asp:處理家長發表的意見數據,同時將這些意見數據記錄起來并將網頁顯示轉向至意見留言結果網頁。
4,老師回復表單網頁teachans.asp:讓老師針對某位特定學生家長所發表的意見作出獨立的回答。
5,老師回復數據處理ASP程序anssave.asp:處理老師回復的數據內容,同時將這些意見數據起來并將網頁顯示轉向至意見留言結果網頁。
6,數據表文件allmessage:用來儲存家長發言數據與老師回復數據的Access類型數據庫文件。
“數據表文件”負責存放家長發言數據與老師回復內容的數據記錄,為Access類型的庫文件,將它定名為:“message.mdb”。
下圖為家庭聯絡簿的組成與流程圖:
老師回復
家長留言
讀入寫入
寫入
3.1.3數據庫結構設計
數據庫文件”teach.mdb“中的數據表”allmessage“的欄目設置,如下圖:
字段名字段類型
3.1.4界面設計與重點、難點代碼的設計
數據庫與留言顯示程序網頁
家長發言與老師回復的內容數據全部儲存在數據庫中,要在網頁中顯示目前的家長發言與老師回復數據,必須先進行數據庫的鏈接與打開,要鏈接數據庫我們必須使用ADO對象群的Connection對象;而要打開數據庫則必須使用ADO對象群的Recordset對象,程序:
setcn=server.createobject("adodb.connection")
cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"
setrs=server.createobject("adodb.recordset")
sql="select*fromallmessageorderby留言時間desc"
rs.opensql,cn,1,1
Recordset對象是負責瀏覽與操作從數據庫取出來的數據,Connection對象只負責與數據庫進行鏈接的動作,并不能使用數據庫內的數據,因此必須建立一個可以存取數據庫數據的Recordset對象,
使用RS.Open方法存取”teach.mdb”數據庫
RS.OpenSQL,CN,1,1
使用open方法來打開數據表或執行Select指令參數設置如下:
1,參數一(SOURCE):為欲打開的數據表或SQL指令。
2,參數二(ActionConnection):指定一個已打開的數據庫對象,將此參數設為鏈接我們已經建立好的Connection對象“CN”。
3,參數三(CursorType):指定Recordset的打開類型,1為可讀寫且可自由移動。
4,參數四(LockType):指定鎖定類型,1為只讀。
數據排序與SQL指令
1.Select指令的篩選語句:
格式:Select…From
在SQL語言中:“Select”數據表“中選取某些“欄位”的數據.
2.如果要選取的數據表數據包含了一個以上的欄位,則我們可以利用“,”逗號來欄位名稱隔開。
3.如果要選取的數據表數據包含了全部的欄位,則可以利用萬用字符“*”來代表全部的欄位。
可排序數據的Select指令
1.當我們希望被選取出來的數據記錄數據能夠依據某個或某幾個欄位的內容來排序時,只要將這些排序依據的欄位擺放在“OrderBy“保留字之后,然后將這處排序的語句連接在”Select…From“后面就行了。
2.“OrderBy“默認的排序方式是“由小排到大”,但若是希望排序方式是“由大排到小”,則我們可在欄位名稱后再加上“Desc“保留字!將排序方式改為”由大排到小“。
在“顯示留言意見”網頁中的打開數據庫ASP程序中的語句:
SELECT*Fromallmessageorderby留言日期Desc
功能為:從數據表“allmessage“中取出所有欄位的數據,并將取出的數據記錄內容依照”留言日期“欄位使用的”由大排到小“排序方式進行排序。
留言顯示網頁的管理模式
“顯示留言意見”的網頁就必須具備顯示模式選擇的功能,當顯示模式在一般情況時要能顯示家長們的一般性發言,同時還得將“悄悄話“的發言隱藏起來。當老師以密碼登錄成為管理模式時,則必須將一般性發言與悄悄話發言的數據全部顯示出來,同時還得讓老師們可以針對某位特定學生家長所發表的意見作出獨立的回答。
這兩個情況是通過密碼登錄管理模式的ASP程序實現的:
<formmethod="post">
<%ifsession("checkedit")="yes"then%>
<inputtype="hidden"value="yes"name="goexit">
<inputtype="submit"value="離開管理模式">
<%else%>
密碼:<inputtype="password"name="password"size="4"maxlength="4">  <inputtype="submit"value="教師管理">
<%endif%>
</form>
在這段網頁語句中,利用Session對象來記錄目前的工作模式。當我們第一次進入“顯示留言意見”網頁的時候,我們所見的網頁畫面一定是一般!因為Session尚未被建立,因此它的“變量”值一定不會是“yes”,所以網頁中會出現一個輸入密碼進入“教師管理”模式的欄位,只有當我們輸入密碼按下“教師管理”的按鈕組織上發ASP程序中的進入管理模式語句后,Session對象才會被建立,同時,“checkedit“Session對象變量值被設置為“yes“,所以我們就進入了能將一般性發言與悄悄話發言的數據全部顯示出來,同時還讓教師們可以針對某位特定學生家長所發表的意見作出獨立回答的管理模式頁面。
留言顯示網頁的分頁
當家長的發言與老師回復的數據筆數太多時,一次要將全部的數據內容顯示在網頁中,等待網頁下載的時間太長了,因此采用固定筆數分頁瀏覽方式來顯示網頁。
要進行分頁顯示,得先知道目前有多少筆的留言數據,而留言數據筆數可以通過Recordset對象的“Recordcount“(記錄個數)屬性得知,我們將每10筆數據為一單位分頁顯示:
count=rs.recordcount
ifcount/10>(count\10)then
totalpage=(count\10)+1
elsetotalpage=(count\10)
endif
“/”為浮點數除法,“\”為整數除法。
跳頁選擇的ASP程序語句
所有的發言數據采用固定筆數分頁瀏覽的方式來顯示后,還要提供一個跳頁鏈接顯示的功能,讓瀏覽者可以選擇希望瀏覽的頁次進得瀏覽,ASP程序語句:
pagecount=0
rs.movefirst
ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))
ifpagecount<=0thenpagecount=1
ifpagecount>totalpagethenpagecount=totalpage
rs.move(pagecount-1)*10
發言表單網頁制作
insetu3
表單的參數
表單的Action參數:Action參數是用來指定Server端處理此一表單數據內容的程序,此處表單處理ASP程序為“add.asp“,
表單的Mothed參數:要將表單傳送至Server端的方式有兩種,設置值分別為GET及POST,若設置為POST,則瀏覽器會等Server端來讀取數據,若設置為GET,則當我們按下送出按鈕時,瀏覽器會立即將表單中的數據內傳送出去。利用POST方法,在傳送的數據上將不受限制,利用GET方法傳送的數據量則大約只有2K左右。
留言處理程序
要將家長發言數據作后續處理及將這些數據內容存入數據庫,須利用添加數據記錄的InsertInto指令,然后再寫入數據庫文件中:
Insetinto指令語句格式:
Insertinto數據表名(欄目名)values(欄目值)
sql="insertintoallmessage(家長姓名,留言主題,聯絡信箱,留言內容,私人公開,留言時間,班級)values("
sql=sql&"''''"&parent&"'''',"
sql=sql&"''''"&subject&"'''',"
sql=sql&"''''"&email&"'''',"
sql=sql&"''''"&memo&"'''',"
sql=sql&"''''"&personal&"'''',"
sql=sql&"''''"&now&"'''',"
sql=sql&"''''"&bj&"'''')"
cn.executesql
回復表單程序網頁
必須讓老師們可以針對某位特定學生家長所發表的意見作出獨立的回答,
使用Select…From…Where篩選語句
sql="select*fromallmessagewhere(編號="&ID&")"
rs.opensql,cn,1,3
然后將特定的家長發言數據放在表單,方法是將數據庫中的數據取出來,然后放在表單欄位中:
“家長姓名“欄位網頁語句標簽
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家長姓名")%><font></td>
“留言主題“欄位網頁語句標簽
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主題")%></font></td>
“留言內容“欄位網頁語句標簽
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言內容")%><font></td>
老師在回復欄位中所填入的數據,必須送給處理老師回復數據的ASP程序”anssave.asp”來記錄以及處理這些回復數據。當老師填寫好回復發言的數據后按下“送出回復”按鈕后,表單中的數據內容就會以“POST”的方式由SEVER端讀取,然后將數據內容交由處理老師回復數據的ASP程序“anssave.asp”來將數據內容寫入數據庫。
3.2網上圖書館
網上圖書館將學校圖書館圖書放到網絡上供人借閱,這樣不僅方便了校內的學生與教職員工使用圖書館的資源,還為圖書館管理員提供了一種簡便地管理圖書館的方法.
3.2.1功能
網上圖書館系統可以進行圖書的出借和歸還.還可以在系統中按照多種字段對圖書進行查找,還可以瀏覽某個種類的所有圖書.該應用程序也為圖書館管理員提供了一些功能,如添加、編輯以及刪除圖書等,或者在分類層次結構中添加新的種類。
3.2.2系統的層次結構
下圖的每個方框代表校園圖書館網站中的一個頁面。除了只包含HTML的Search頁面外,其他的均為ASP頁面。因為每個圖書的頁面都不同,所以大多數的頁面實際上都是多頁面。
3.2.3數據庫設計
本系統共使用3個數據表:
LibBooks表包含與圖書有關的所有數據。該表中的字段內容的圖書的通用信息。另外,對于已經出借的圖書,該表中還包含借閱該圖書的用戶的ID號,以及圖書的狀態。
表視圖如下:
字段名意義字段類型字段名意義字段類型
bookid書號(主鍵)數字(nonull)status狀態文本
title書名文本checkedoutto用戶id數字
author著者文本reservedby用戶學號數字
Subject主題文本description描述文本
IsbnIsbn號文本keywords關鍵字文本
LibCategories表包含Library中的所有類別,在訪問者瀏覽圖書列表時將會用到這些類別。每個類別都可以作為另外類別的父類別。有一個特殊的類別,Top-Level,沒有出現在類別列表中,但是可以作為其他任何類別的父類別。
字段名意義字段類型
Categoryname類別文本(noll)
parentcategory父類別文本(noll)
LibEmps表包含可以訪問圖書館網站的用戶信息。該表包含一些通用的信息字段,比如用于進入圖書館的用戶密碼等。
字段名意義字段類型字段名意義字段類型
empid用戶id(主鍵nonull)數字password用戶密碼文本
Empname用戶姓名文本manager管理員代號數字
emailaddress用戶郵箱文本
圖書館數據庫的數據關系如圖9-22所示。其中表LibEmps和表LibCategories與表LibBooks之間都是一對多的關系。每個雇員都可以借閱多本圖書,每個類別都可以包含多本圖書。
3.2.3界面設計與重點代碼的設計
網上圖書館系統有兩種用戶,一是管理員。另一種是只允許使用圖書館系統,而沒有管理功能的一般用戶。訪問者進入網站,首先要進行登錄,如下圖所示。登錄頁面(index.asp)
訪問者輸入E-mail地址和密碼來登錄,然后單擊“登錄”按鈕。輸入的數據提交后與數據庫中的用戶表進行匹配。
須創建一個記錄來保存基于訪問者登錄的用戶信息
setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_
&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_
&"Password=''''"&Request.Form("Password")&"''''")
ifRSFindEmp.EOFthen
TheMessage="密碼或email地址不對."
else
Session("EmpID")=RSFindEmp("EmpID")
Session("Manager")=RSFindEmp("Manager")
Response.Redirect"../yk.htm"
endif
表單域EmailAddress和Password用于Where了句中來獲取一個記錄。如果訪問者輸入了一個無效的用戶名,則記錄集中將不會返回匹配的記錄。我們可以通過查看EOF標記來判斷一個記錄集是否為空。為空,則訪問者將被拒絕進入該系統。不為空,則訪問者的EmpID值和Manager值將從記錄集中返回。寫入Session變量,變量將在整個網站的所有網頁中都是有效的。這些變量的存在與否及其取值將用于確定是否允許進入一個特定的網頁,同時也用于訪問者進行書目的歸還和借閱操作。
圖書館菜單頁面
圖書館菜單頁面包含指向其他4個頁面的鏈接:管理頁面、搜索頁面、圖書列表頁面和主頁面。還有一個可顯示用戶所借書籍的按紐。如果訪問者是圖書館管理員,則菜單界面如圖所示。如果訪問者不是圖書館管理員,則看到如圖所示的界面。非管理員的訪問者的界面上沒有指向管理員菜單頁面的鏈接。
實現辦法:訪問者登錄時在登錄頁面上的創建的會話變量Session用于從數據庫中獲取訪問者的有關信息,表示它是否是管理員。如果值為1,就表明訪問者是一個管理員,則用如下代碼寫入一個指向管理員頁面的鏈接:
<%IfSession("Manager")=1then%>
<AHREF="../html/management_menu.asp">管理員菜單</A>
<%endif%>
通過按紐B1是否為空來判斷要不要顯示用戶所借圖書,利用一個記錄集來獲取訪問者已經借出了的所有圖書的列表。
ifNOTisempty(Request.Form("B1"))then
setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_
&"CheckedOutTo="&Session("EmpID"))
endif
再用循環語句將所借書以表格形式顯示出來。
<tableborder=1width="90%">
<%ifNOTisempty(Request.Form("B1"))then
DoUntilRSBooks.EOF%>
<TR>
<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>
<%RSBooks.MoveNext
loop
endif
%>
</table>
循環將遍歷Rsbooks記錄集中的每個記錄,直到該記錄集結束:
該網站中的所有ASP頁面都會在訪問者訪問之前對其進行登錄檢查。這樣就可以避免訪問者通過輸入某個頁面地址然后在沒有登錄的情況下直接進入該頁面的情況發生。此外,每個管理頁面都要確認訪問者是管理員。
管理菜單頁面
管理菜單頁面有一個HTML表單,根據選擇的按鈕的不同,可以進行5種不同的操作:圖書的歸還、圖書的編輯、圖書的刪除、圖書的添加和類別的添加。不管選擇了哪一個按鈕,該表單都提交人其自身進行處理。
要進行圖書的歸還、圖書的編輯、圖書的刪除三種操作,須先進行搜索,找到該書后,由圖書Book.asp返回一個鏈接:
<%IfSession("Manager")=1then%>
<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理員菜單</A>
<%endif%>
而管理者頁面通過下列語句
<%=request.querystring("title")%>
<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>
這樣就將所找到的書的書號BookID、書名Title傳遞管理者頁面。再進行所須操作。共有3個不同的銨紐,可以進行3種操作。若單擊“修改”鈕:
則重定向到編輯圖書頁面,同時把Bookid傳遞給該頁面。
Response.Redirect"./edit_book.asp?BOOKID="&request("BOOKID1")
將其他的情況需要建立到數據庫的連接:
setconn=server.createobject("adodb.connection")
Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")
ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then
conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")
endif
if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then
conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")
endif
頁面中的添加新的種類部分包含一個文本控件和一個選擇控件。其中選擇控件是用所有已經存在的類別列表進行填充的,包括特殊類別Toplevel,該類別表明當前類別是處于類別層次結構中的最頂層。代碼如下:
先用一個記錄集來填充父類別選擇控件:
setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")
再用下列循環語句:
<%
DoUntilRSCategories.EOF
%>
<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>
<%
RSCategories.MoveNext
Loop
%>
遍歷RSCategories記錄集中的每個記錄,并作為一個選項添加到列表中,而記錄集中CategoryName同時作為顯示值和傳遞值:
本頁面還包含一個指向添加圖書頁面的鏈接。
搜索結果頁面
搜索頁面的代碼獲取與訪問者查找規則相匹配的圖書,然后將這些圖書顯示給訪問者。
搜索頁面上的表單包含一個選擇控件和一個文本控件。選擇控件中的選項是用可搜索的字段填充的:
需要用一個記錄集來保存與訪問者的查找規則相匹配的記錄:
setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_
&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")
注意:,符號%表示的是一個廣義搜索。這一點類似于ACCESS中的符號*。
然后將所找到的書以表格形式顯示出來。代碼如下:
<%DoUntilRSBooks.EOF%>
<TRVALIGN="top"ALIGN="left">
<TDWIDTH=40%height="20"><B>書名:</B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>
<tdwidth=20%height="20"><B>著者:</B><%Response.WriteRSBooks("Author")%></td>
<tdwidth=30%height="20"><B>主題:</B><%Response.WriteRSBooks("Subject")%></td>
<%RSBooks.MoveNext
Loop%>
圖書頁面
圖書頁面的代碼顯示圖書的有關信息,以及管理圖書的出借操作。
該頁面通過Querystring傳遞BookID
ifisempty(Request.QueryString("BookID"))then
Response.Redirect"./search.html"
endif
如果其中不存在,則訪問者將被重定向到搜索頁面:
如果同時傳遞表單中包含的變量Action不為空,則表明訪問者正借閱該圖書:
ifNotisempty(Request.QueryString("Action"))then
在這種情況下,需要將圖書狀態改為Checkout,同時需要將Checkedoutto字段修改為該訪問者:
conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_
&"CheckedOutTo="&Session("EmpID")&"whereBookID="_
&Request.QueryString("BookID")
Response.Redirect"./library_menu.asp"
endif
然后將該訪問者重定到圖書館菜單頁面:
下一步,利用圖書的狀態來確定不同的鏈接
未借出時鏈接如下:
ifRSBooks("status")="Available"then
LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_
&Request.QueryString("BookID")&""">借這本書</A>"
如果圖書已經借出,就創建一個不同的消息,并將鏈接設置為指向Librarymenu頁面:
LinkText="<AHREF=""../html/library_menu.asp"">圖書已出借,返回主菜單。</A>"
最后根據是否是管理員,顯示管理員菜單鏈接。
<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理員菜單</A><%endif%>
3.3網上評優投票系統
3.3.1功能:
能實現全校性的評選,快捷、公平,且有效,不允許做票。
3.3.2組成構造
這個系統由3個部分組成——投票頁面vote.htm,處理投票結果的腳本,顯示投票頁面。
3.3.3數據表的設計:
3.3.4界面設計與重點、難點代碼設計
投票頁面
該頁面是一個純HTML文件,它讓用戶選擇自己想選舉的候選人,并填寫自己的詳細資料,以確認投票的有效性。頁面顯示如圖所示。
表單處理腳本
在vote.htm中各項數據都填寫完畢后,單擊確定投票按鈕,表單的數據就被提交,
本次評優共有4個候選人,但只能選兩個。故用復選框。
投票的有效性通過是否是本校學生,且是否投過票來判斷。
ifrequest("passno")<>""then
sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"
setrs=cn.execute(sql)
ifrs.eofthen%>
<h2align=center><%response.write"你無權投票"%></h2>
本設計允許少選,不允許多選。通過判斷Vote投票界面傳遞過來的復選按紐值的長度看是否多選。
vo=request("cand")
iflen(vo)>4then%>
<h2align=center><%response.write"多選了,無效"%></h2>
然后根據所投的票將對應候選人的投票結果字段加1,同時將該投票人的已投字段置為1。
sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"
cn.execute(sqq)
ifinstr(vo,"1")then
cn.execute("updatestudsetresult=result+1wherename=''''李寧''''")
endif
ifinstr(vo,"2")then
cn.execute("updatestudsetresult=result+1wherename=''''楊蘭''''")
endif
ifinstr(vo,"3")then
cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")
endif
ifinstr(vo,"4")then
cn.execute("updatestudsetresult=result+1wherename=''''段啟文''''")
endif%>
顯示當前投票情況show.asp
由于投票處理頁面已經完成了絕大部分的工作,所以顯示結果頁面就很簡單了,其功能是從Stud表文件中讀取候選人所得票數,顯示在頁面上。
頁面顯示如圖
值得注意的代碼主要有以下幾處:
該頁面有自動刷新功能,使在線用戶可以盡快的看到最新的選舉情況。我們這里設定每隔30秒鐘自動刷新一次。
<metahttp-equiv="refresh"content="10;URL=show.asp">
顯示投票時,我們采用了while循環,把候選人及其得票數,整齊地顯示在一個表格中,這種技術在數據庫查詢結果的顯示中也經常用到。代碼如下:
<%whilenoths.eof%>
<tr>
<tdwidth="100%"><center>
<fontcolor="#8000ff"><big>
<%=hs("name")&""&hs("result")&"票"%>
</big></font>
</center>
</td>
</tr>
<%hs.movenext%>
<%wend%>
3.4達級考試在線查分系統與計數器的制作
3.4.1功能:
它提供了在線查看成績??忌梢栽诰W上使用這一系統,通過輸入準考證編號來查詢達級考試的結果。
3.4.2數據表的設計
與評優系統共用STUd表,表設計同上。
3.4.3界面設計與重點難點代碼的設計
該模塊需要查詢者輸入準考證號后來查看結果。若ID1不為空時,表示有表單輸入,開始查詢數據庫。使用SELECT的SQL指令查詢數據庫的數據。先設定SQL指令,查詢ID符合準考證編號Request.Form("ID1")的數據,下個“Execute”指令,即可開始執行存取、查詢數據的動作了。并將查詢結果儲存到Recordsets組件RS中。
IFRequest.Form("ID1")<>""THEN
SetConn=Server.CreateObject("ADODB.Connection")
Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")
SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"
SetRS=Conn.Execute(SQL)
若考試通過,則顯示考試的結果,包括姓名、準考證編號、總分和考試結果,分別由RecordSets組件的RS(0)、RS(1)、RS(2)、RS(3)得到。FS.Field.Count表示RecordSets組件的域的總數,由“forI=0toRS.Fields.count-1”,取得RS(I)各域的數據。配合<Table>表格的HTML語法,將結果填入表格的各單元格中。若還有下一個數據,就使用RS.MoveNext移到下一個位置。
3.4.4頁面訪問計數器的制作
利用文件處理組件FILESYSTEM的強大功能來制作,比用Application對象計數器要好,Application計數器當有20分鐘沒有人連上該網頁或關機時,計數器會被歸零。而文件計數器卻不會因時間而消失。我用Count.txt存放訪問人次。代碼如下:
whichfile=server.mappath("pic\count.txt")
setmyfile=server.createobject("scripting.filesystemobject")創建一個
setthisfile=myfile.opentextfile(whichfile)組件對象
visit=thisfile.readline
thisfile.close讀取計數器數據文件Count.txt中的計數數據
visit=visit+1記錄自加一次
length=len(visit)
fori=1tolength
response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"將記錄的數據用圖片顯示出來
next
setthisfile=myfile.createtextfile(whichfile,1)將新計數數據寫入文件thisfile.writeline(visit)
setmyfile=nothing
數字圖片我利用PHOTOSHOP中的文字特效制作了9個立方數字:
等
四.系統的使用說明與安裝
4.1運行環境要求
Windows98
PersonalWebServer3.0(PWS)
Microsoft?Access2000(9.0.2812)
4.2安裝設置
A.將本網站拷貝到硬盤上的某一目錄下,如:拷貝至c:\y1下。
B.運行PWS,將默認的Web站點主目錄設置為該目錄,如上例應為c:\y1;
具體步驟:
a.選擇“高級”項;
b.單擊“編輯屬性”按鈕,在出現的“編輯屬性”對話框中的“目錄”項中填入“c:\y1”,其他不變,確定;
C.設置啟動默認文檔為:yy.asp
致謝
通過這次畢業設計,使我感到高科技、新知識的力量。這次畢業設計過程中,得到了長沙市工商職業中專學校的大力支持,給我提供了舒適的工作學習環境,也得到了科大老師、教授的精心指導,在此表示衷心的感謝!
五.參考文獻
2營銷型網站的設計與開發
2.1總體定位
營銷型網站絕對不是把url地址靜態化或者純靜態頁面處理,在營銷型網站的設計之初需先進行網站的總體定位,理清以下問題:主要解決網站究竟要達到什么目的?靠什么賺錢?網站的目標受眾是誰,他們有什么特征?網站的核心優勢是什么?只有先明確目的、方向、策略、風格,然后圍繞策略規劃網站,我們才能贏得客戶,贏得商戰!北京吉祥閣紅木家具有限公司的網站建設目的是擴大知名度,讓全國各地的客戶都能夠通過網絡大致了解本公司的產品,幫助客戶確立初步選購意向。公司管理人員一方面通過線下溝通的方式,在客戶無法親臨現場的情況下,讓客戶通過網絡瀏覽客戶,另一方面,公司管理人員也要通過網站挖掘訪問過本公司的潛在客戶,并利用線下方式進行開發聯系。公司的客戶群是具有高端購買力的人群,因其品味的特殊性,故本網站的要求至少要做到結構清晰明了,界面美觀,操作方便,產品圖像精致、清晰,后臺客戶管理方便等特點。
2.2結構規劃
網站的總體定位完成后,需進行網站的結構規劃。在這一步驟上,設計者應重點考慮邏輯關系,確保最終的網站是符合用戶的邏輯思維并能夠引導用戶完成所需操作。即用戶會關注什么?我們想讓用戶了解什么,用戶登陸網站后你期望他們的操作順序是什么?如何培養用戶聯系客服或者拿起電話的意識??紤]到有意向購買高檔紅木家具的客戶最關心產品的款式和質量,北京吉祥閣紅木家具有限公司的網站規劃時要求有合理的網站欄目結構,即網站目錄存在于任一網頁中(可采用框架結構),使用戶在任一網頁中都可方便地切換到自己感興趣的其他網頁中,使其獲取信息更便捷。
2.3視覺布局
在開始動手設計網站之前,還需要確定網站的基本色和輔助色,然后根據網站結構圖畫出首頁DEMO框架圖和所有內頁DEMO框架。本網站可采用大氣的藍色或護眼的草綠色,網站首頁中采用動態的方式展示出本公司展廳的格局的內容,讓用戶在網上即可以感受到實景。
2.4后臺規劃
一個網站要運營成功離不開良好地后臺設計,后臺規劃時主要考慮公司管理人員管理網站的便捷性與數據統計的方便性,即要從操作的體驗方面來規劃,如何更利用于操作人員使用、讓他們用起來更舒服更快速,尤其要考慮前后臺的匹配。本網站后臺主要需對產品參數介紹、圖片、訪問量、客戶IP、IP所在地,客戶留言、聯系方式等進行管理。
2.5內容規劃
網站結構規劃的重點是欄目或目錄,而網站的真正靈魂與核心是網站的內容,一個好的網站可以提高產品的銷售力。本網站需要設計如下內容:公司介紹相關、公司品牌相關、公司產品相關、公司新聞相關、行業信息相關、客戶溝通等內容。此外,還要做好網站的搜索優化,其一是搜索引擎優化的關鍵字策略規劃,其二是網站SEO的相關功能。
企業網站應該專注于企業本身、企業產品、品牌、渠道、促銷、服務、成功案例等核心內容,提高網站的專業性及其對于目標訪客的吸引力,從而令因偶然因素進入的非目標訪客感到無趣。企業網站不應分散精力在與企業主業無關的信息上,如果企業是一家大型集團并采取多角化經營的戰略,則應該為各項戰略業務單元制作獨立網站或分站點,保證各個業務單元的網站精確面向和深入服務各自的目標訪客。
2)利用定向投放的網絡廣告
直接獲得目標訪客。比如谷歌、百度、搜狗、必應等搜索引擎服務商均提供“關鍵詞匹配”廣告服務,即根據檢索者所使用的搜索關鍵詞在搜索結果中匹配網絡廣告;主流搜索引擎服務商和門戶網站通常也都提供在其廣告聯盟會員網站投放的定向廣告,其原理是根據會員網站的欄目和網頁內容來展示較高相關性的網絡廣告;還有在門戶網站的相關欄目、高相關度的專業網站投放的定向廣告等等。企業可以利用多種形式的定向網絡廣告來直接吸引目標訪客訪問其網站。
3)利用身份認證程序
在訪客希望使用企業網站的較高成本的服務或閱讀較高價值的信息時,啟用身份認證程序從而過濾掉非目標訪客,保證價值資源為企業的現有顧客、具有較高轉化可能性的潛在顧客所享用。身份認證的內容可以是:要求提供已經注冊的用戶名和密碼、所持企業產品的序列號、購買意向等等。
2兼顧價值描述與專業描述
企業網站在對其產品進行描述時需要兼顧價值描述與專業描述:既要照顧到對該類產品并不是很熟悉的訪客,也要考慮到專業訪客對于產品性能參數全面了解的需要,這一點無論是對于產業市場還是大眾消費品市場都是有意義的。目前,很多企業網站的產品介紹頁面是以企業為中心,告知產品的參量;而不是以客戶為中心,展現產品的價值,疏于強調其產品能夠給客戶帶來什么利益。從客戶的角度出發,可以從如下幾方面著手發掘產品價值:
1)關注具體和特殊的客戶需求
依據市場調研的結果或是牢靠的商業經驗,企業網站應該針對客戶的具體甚至特殊的需求擺出相應的利益點。
2)節省金錢
其一是指企業產品與同類產品相比具有價格優勢;其二指企業產品一物多用能節省另購它物的開銷。企業可以渲染“節省金錢”這一直接的利益著眼點。
3)節約時間、精力
這是多數情形下都被消費者重視的產品功效。
4)增加財富
強調企業產品能在某些方面協助個人或公司開源節流。
5)簡單易用
易操作性是幾乎所有高科技產品和多數其它產品的發展趨勢。
6)規避風險
其實“風險”的含義在生活中遠比人們通常理解的要豐富得多,包括某些直觀的避免冒險的產品如投資分析軟件、安全防護產品等,這方面的價值描述能使訪問者充分感到企業產品的有用性。
7)充實生動的數據
用通俗的數據說話能讓訪問者更覺可信。
3提供高效的站內搜索
前面“追求有意義的訪問量”和“兼顧價值描述與專業描述”的著眼點是企業網站應該向誰提供、提供什么內容的問題;“提供高效的站內搜索”將要解決的問題是訪客如何才能找到這些內容。當企業網站的信息含量很大很豐富的時候,提供一個高效的站內搜索功能就更加有必要,能夠增強企業網站的用戶友好性、提高訪問粘度。根據企業網站類型、產品或服務種類等的不同,站內搜索的對象可以是文章內容、產品信息、價格信息、經銷商名址等等;搜索的形式可以是關鍵詞檢索、分類目錄式檢索、復合式檢索等。我們以一個產品搜索案例來說明高效站內搜索的特征:消費電子類產品的站內搜索,“電子連鎖店”在其網站里制作了其全部產品各自的推介頁面,其消費電子產品的搜索界面見。其產品搜索兼顧了產品類別、價位、品牌和產品特征,能夠適應有各種需求的訪客的檢索要求,其檢索涵蓋面廣且分類合理。其“按產品特征”搜索的關鍵詞容錯能力較強,比如無論是輸入“8G”、“8GB”“8G內存”、“8G存儲”,反饋的搜索結果均無遺漏相關產品的問題。訪客搜索后呈現的結果頁面仍然包含以上搜索界面,以方便訪客進一步或重新查找稱心的產品。訪客點擊搜索結果頁面里的某項產品之后,直接進入包含產品詳細信息的最終頁面,從網站首頁面開始搜索到抵達產品最終頁面只有三層頁面、只經過兩輪點擊。這樣的搜索界面簡潔、便捷而又有個性化,能夠保證訪問者迅速找到滿意的產品款式。
4設置FAQ
前面幾點已經幫助企業網站的目標訪客找到了其所需的、有價值的網站內容,那么,如果訪客有某些內容有疑問怎么辦?在聯系網站客服之前,或是在非工作時間里訪客可以先去瀏覽一下企業網站的FAQ欄目,有可能答案已經在那里了。FAQ幫助企業節省服務資源,也便利了訪客在任何時間獲取現成的答案,一般來說是企業網站必備的欄目。簡單的FAQ匯總通常是一個網頁,上面按照被客戶問及的頻率或是問題的重要性對各個問題進行排序,點擊問題的鏈接則會在問題下方顯示其答案,或是將頁面切換至問題答案處;如果需要提交新問題則需要向專用咨詢郵箱發信或是通過咨詢郵件平臺等來提交,如果問題具有普遍性則會在被回答之后添加至匯總網頁中去。復雜的FAQ系統則往往是企業網站論壇體系的一個組成部分,它首先提供針對FAQ數據庫的搜索,訪客因而可以首先自助搜索問題及其答案;被整理進數據庫的問題都具有相當的典型性,其答案往往詳細而有實用性,有時甚至圖文并茂;在檔問題均設有統一的編號,便于迅速定位和被引用提及。如果找不到問題或者其答案并不能令人滿意,則訪客有若干種獲取更好答案的主要途徑,比如立即在論壇上發表帖子提問、發送普通郵件或站內郵件給企業服務人員或是論壇的版主等、聯系在線客服等等。在這一FAQ系統中,回復訪客疑問的不一定是企業的客服人員或技術人員,也有可能是由企業組織起來的企業產品的忠實消費者、具備相關素質的消費者或業內人士,其團結和激勵機制可以是FAQ系統的積分兌獎、購買產品的特殊折扣、兼職津貼等等。
5建立網際信任
我們已經向目標訪客提供了有價值的內容以及找到特定內容的有效手段,也初步解答了訪客的各類疑問,現在的問題是:如何才能讓訪客相信企業、相信網站上的內容?一方面,互聯網為消費者提供了足不出戶即可了解、比較或者購買自己所需商品的便利;另一方面,“瀏覽網頁”的方式又限制了消費者之于商品的直觀性,企業的誠信也不容易為訪客感知和接受。訪客對企業網站內容的信任是該網站的商業價值得以實現的前提。現實生活中消費者在購買商品之前一般都會確認商品的質量、品牌及銷售商的口碑、售后服務保障、商品配送等一系列問題,并常常會向已購買該產品的人士進行咨詢;對產品的了解、對賣方言行舉止的評價和信任程度,以及已購買人士所提供的參考意見,都對消費者做出購買決策有著重要的影響。這些因素對企業網站建立網際信任有什么啟示呢?怎樣才能建立起訪客對企業網站的信任?以下幾點至關重要:
1)人性化企業網站
許多企業網站花費大量版面介紹企業的實力、文化、榮譽、行業地位等等,力圖營造一個強大的生意形象;有些網站在各個地方使用人稱“我們”———“我們公司的宗旨”、“我們的目標”、“我們的成績”等等,然而訪問者卻在瀏覽過程中看不到一個具體實在的人。其實,企業網站可以利用一些時機或站點欄目公布某些員工的姓名(如英文名)、職責、工作聯系方式,甚至是簡單的自我介紹,從而把企業的團隊展現出來。進一步,如果機會合適,員工簡介中可以附上員工們在企業經營領域里的經歷、體會等方面的文章,甚至上傳員工照片。另外,敘述企業成長歷程時可以提一下企業曾經的小失誤,當然更為重要的是企業對失誤積極快速的響應和更正。這樣一來,企業網站的可信度和親和力都會大大提升。
2)提供相應證據
在一些關乎購買決策的重要方面,企業網站可以通過展示相關證據來努力獲得訪客的信任。這些方面可以是:關于產品性能和質量的、關于物流交貨期的、關于售后服務的、關于渠道網絡的等等。比如,假設企業在網站上聲稱其產品出口美國和西歐市場,則有必要同時把產品獲得的美國和西歐市場的認證證書展示出來,如果內容需要保密則可以以較低像素展示并告知訪客可以進一步聯系企業以獲取證書細節;如果企業聲稱其物流交貨期短,則可以將企業較大的產能、倉儲空間和與知名物流企業的合作展示出來;如果企業聲稱其售后服務周到和便捷,則可以將企業的售后服務政策和眾多的售后服務網點信息展示出來等等。