時間:2023-03-22 17:40:10
序論:寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感,挖掘那些隱藏在內心深處的真相,好投稿為您帶來了七篇網站設計論文范文,愿它們成為您寫作過程中的靈感催化劑,助力您的創作。
茶企網站視覺設計是以互聯網作為載體,以互聯網技術和數字交互技術為基礎,依照客戶和消費者的相關需求設計,同時遵循藝術設計規律,實現商業目的與功能統一,是商業功能和視覺藝術的統一。設計具有江西文化特征的茶企網站,需要把握以下設計原則:
(一)主題鮮明性。創建網站首先必須具有明確的目的和目標群體。既然是作為宣傳江西茶葉的網站,首先需要考慮廣大消費者對于江西茶葉的了解和印象。明確設計網站的主要目的是為了宣傳產品、介紹企業還是推廣電子商務?例如云南大益茶業集團官網設計,網站宣傳主題目的非常明確,宣傳和推廣大益品牌的茶文化和茶產品。
(二)信息專業性。網站的信息內容應該充分展現茶企的專業性。通過各類信息、數據向外界介紹茶企的業務范圍、性質和實力。作為江西茶企,應通過網站各類信息,向消費者和客戶宣傳江西茶文化和茶葉的優勢和獨特之處,塑造良好的品牌形象從而創造更多的商機。
(三)功能實用性。茶企網站提供的各種功能服務應符合瀏覽者實際需求并且體現企業文化。如英國著名茶葉品牌“立頓”茶中文官網中,在欄目設置上從立頓品牌詮釋、品牌歷史到立頓產品簡介、立頓廣告營銷等等提供了豐富的功能設置。
(四)設計藝術性。茶企網站設計將企業文化內涵與現代界面設計理念相結合,創造出能夠充分體現茶企獨特的企業文化理念、卓越的產品特性等視覺形象,塑造茶企良好的品牌形象。如江西“大鄣山”茶企網站首頁設計(圖1),以美麗茶園景色為背景,綠色充溢整個頁面。頁面設計豐富而單純,將受眾帶入到情景之中,極具視覺沖擊力。具有良好視覺形象設計的企業網站,不僅能達到宣傳企業、提高企業知名度的效果,而且“人性化”的設計理念也會給予用戶以視覺和心理上的雙重愉悅感和美的享受,使用戶發自內心地接受并喜歡瀏覽網站的信息,從而使企業和用戶達到了雙贏。
二、茶企網站設計中的視覺表達
企業網站的視覺設計不僅僅只是網頁的裝飾設計,更重要的是體現了企業的形象和文化。茶企網站設計中的視覺表達必須遵循基本的設計規律且符合基本的美學原理和排版原則。江西茶企網站設計的視覺表達從以下幾個方面進行分析。
(一)頁面版式設計表達。網頁版式設計主要是從網頁整體角度考慮,獲得的對于網頁界面的整體理解和感受。網頁版面設計要求整體布局一致,視覺流程流暢且主次分明,從而減少用戶在瀏覽時所產生的視覺跳動性。由于茶文化網站其訴求的重點在于傳遞企業理念,提升企業品牌。這是茶文化網站在頁面整體版式設計上著重考慮的因素。頁面整體構圖形式方面主要有三種類型:上下型、左右型和混合型。無論采用哪種類型,目的都是為了彰顯企業文化理念和品牌形象。在中國傳統文化中,飽滿、完整是形式追求上的主要選擇。如大益茶業集團中文官網頁面整體設計采用混合型版式,圖形與文字由上至下,從左到右,集中在頁面中間,使得整個頁面版式形式完整、主次分明、穩重大方,不落俗套。茶文化網站由于企業理念和品牌形象各不相同,因此在網頁版式設計上具有較強的靈活性,可以設計出多樣化的頁面版式效果。
(二)色彩元素的設計表達。色彩作為網頁中最先吸引瀏覽者視線的視覺要素,在網站設計中具有非常重要的地位。在頁面設計中,應該根據和諧統一和重點突出的原則,將不同的色彩進行組合搭配。設計江西茶企網站應充分認識和理解茶文化對于色彩的理解和詮釋,利用色彩的巧妙搭配,彰顯江西茶文化和茶產品的精神內涵。我們可以根據企業形象識別系統中的企業視覺識別系統進行標準色的選取、運用,使企業形象整體而統一。江西茶企網站應要選擇企業視覺識別系統的標準色以及輔助色進行整體頁面色彩設計構思。一般而言,我們應當先確立一種主色調以利于網站主題的表現與氣氛的烘托。然后確定與主色調相類似的輔助色,這樣有利于界面風格的統一。最后還可以選擇小面積的對比色,從而實現大面積協調與小面積對比,這樣整個頁面設計在統一和諧的基礎上會顯得更加活潑生動。例如杭州龍井茶葉集團官網中(圖2),頁面的色彩設計利用色彩的主次關系,主色調采用濃重的黑色與明黃色,傳遞出杭州龍井茶與皇家之間的歷史淵源,塑造杭州龍井茶尊貴的品質和形象。
(三)文字與圖形設計表達。文字是網站信息傳達的主要載體,可以讓訪問者方便、快捷地了解網站內容。在網頁設計中,文字的編排主要表現在字體、大小以及強弱效果的變化。江西茶企網站在文字選擇方面著重考慮文化性和功能性的結合。利用不同漢字字體,創造與企業文化相對應的視覺形象。圖形相對于單純的文字來說,信息容量更大也更具有視覺感染力和沖擊力,更能滿足用戶的情感需求。圖形化設計使得用戶與網頁之間的溝通與交流變得更人性化,更為愉悅和便捷。設計江西茶企網站,通過具有典型中國文化特征的圖片、圖標等的設計和表達來感染用戶和客戶。在大益茶業集團中文官網頁面中,大益茶的標志設計利用漢字與圖形的結合,傳遞出大益茶的企業理念和品牌形象。江西茶企中也有優秀的例證,“大鄣山”茶葉網站的標志采用書法字體(圖3),具有濃重的文化特征和視覺效果。
(四)視覺表達元素的統一性。網站視覺設計的最終目的不只是單純追求視覺感染力而是更好地表現網站的主題,因此視覺元素的統一性非常重要。一是視覺設計個元素要與主題相統一,視覺設計必須服務于網站主題的表達。江西茶企網站設計宣傳主題是對外宣傳和推廣江西茶文化和茶產品,這一主題必須貫徹在整個設計的始終。二是內容與形式要統一,即整體視覺元素和網頁內容及意境的統一。視覺表達各元素中應在內容上的內在聯系和表現形式上相呼應,并注意整體設計風格的一致性,實現視覺上和心理上的統一。
三、結語
互聯網作為連接世界各地計算機的全球性信息化網絡,它的傳輸內容是非常豐富的,涉及到全球的各個領域,是人們了解世界、掌握信息的主要渠道之一。網站作為信息時代基層的一個重要窗口,是院務公開、公正、服務職工、惠及民生的重要手段。辦好網站,對于保障職工合法權益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。
2網站設計分析
文字、圖形、色彩是展示網站內容的重要組成部分,是構成網站傳達信息不可或缺的手段,同時也是用戶對網站第一印象和整體風格關注的主要內部分。要想設計出符合人性化需求的網站,只有多為用戶著想,認真地以用戶的切身體會出發去完成網站的整體設計。當然,在設計過程中需要考慮的因素很多,用戶群因素和界面因素是首要考慮的兩個方面。
3網頁制作
3.1選擇合適的網頁設計軟件當前能使用的網頁設計類軟件很多,而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說,初學者最常使用是Frontpage和Dreamweaver,Frontpage是微軟公司出品的一款網頁制作入門級軟件,FrontPage使用方便簡單,會用Word就能做網頁,所見即所得是其特點,該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器,利用它可以輕而易舉地制作出充滿動感的網頁。此外,制作網站還要用到邊緣性軟件,如photoshop、flash等,網頁設計過程中可根據自己的需要靈活運用這些軟件。
3.2選擇網頁內容前期的框架設計好后,就要為這個網站選擇內容了。網頁內容影響著網站的成敗,所以我們要多花一些心思在內容制作上。內容選擇要選有新意的、獨特的,這些可以從圖書、報紙、互聯網等信息媒介搜集素材,素材通常分為三類一一文字、圖片、影像。素材準備得越多越好,再從這些素材中粗中取細,以備制作網站時可以隨時拿來使用??傊?,網頁內容是網站的根本,如果內容空洞,頁面制作的再怎么精美,仍然不會留住訪問者。
3.3運用網頁設計中的色彩不同的色彩搭配產生不同的效果,反映出不同網頁的文化內涵。因為它能產生強烈的視覺沖擊,所以確定網頁的色彩是相當重要的一步。在網頁的色彩設計上,除了要表現心理和感情聯想之外,還要考慮色彩的對比明暗、輕重、冷暖、調和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值,使網頁更有效和準確地把信息傳達給我們的視覺。
4結語
[關鍵詞]企業網站網站設計誤區
當今計算機網絡技術飛速發展,網絡化和全球化成為不可抗拒的世界潮流。網站(Website)簡單地說是一種通訊工具,人們可以通過網站來自己想要公開的資訊,或者利用網站來提供相關的網絡服務。目前許多企業都擁有自己的網站,他們利用網站來開展電子商務與客戶互動來往,產品資訊、招聘等等。但同時有些企業在網站的設計中出現了一些設計誤區,可能會造成低效的品牌宣傳、混亂的業務信息溝通等問題。本文列舉出企業網站設計的六個誤區以及正確的解決方法。希望企業能盡快走出誤區最大限度地利用網站宣傳、溝通、獲取利潤。
誤區一:設計主題不明確。對于企業網站來說,必須具有明確的主題和目標群體。要清楚網站是面對客戶、供應商、消費者還是全部,主要目的是為了介紹企業、宣傳產品還是為了實現電子商務。許多企業對此沒有明確的主題,只是把公司產品、業務簡介、公司促銷活動等信息貼在公司網站上。這樣的做法充其量只是多個電子公告板而已,根本沒有發揮網絡的互動功能。其實,網站架設應由網絡營銷角度出發。換句話說,是否可以透過網絡在現有營銷通路以外,提供一個企業與消費者之間直接接觸與溝通的渠道,提供企業另一種銷售模式機會。因此,傳統產業要的網站,應該由營銷主管角度優先思索。第二個角度就是從管理角度去思索,例如公司在全省擁有許多營業網點或分公司,各種網點之間的公文傳遞或資源分配是否可以透過網站,以提高經營績效。
誤區二:色彩運用不和諧。色彩是藝術表現的要素之一,它是光刺激眼睛再傳導到大腦中樞而產生的一種感覺。在網頁設計中,根據和諧、均衡和重點突出的原則,將不同的色彩進行組合、搭配來構成美麗的頁面。國內網站在設計中并不注重色彩方面的和諧表達,網頁顏色數量過多、互不相干的兩種色彩放在一起、搭配不協調,缺乏統一的風格。在色彩的運用過程中,還應注意的一個問題是:由于國家和種族的不同,宗教和信仰的不同,生活的地理位置、文化修養的差異,不同的人群對色彩的喜惡程度有著很大差異。所以在企業網站設計中要考慮主要讀者群的背景和構成而不能盲目運用色彩。
誤區三:多媒體表現形式過多。網頁中使用圖片、動畫、聲音我們無可厚非,這也體現了網絡交互性的一個方面,但問題是在網頁中胡亂地加入一些互不相干的圖片動畫和聲音,會擾亂瀏覽者的閱讀視線,影響瀏覽者的心情,而最終導致離開!同時由于有些用戶不一定安裝相應的電腦軟件,有些圖像或其他文件可能無法正常顯示,也就無法達到預期的效果。特別是企業在經營自己的在線商務,企業網站最重要的任務就是銷售產品或服務,其他任何脫離這個基本原則的東西都是不合適的。所以企業的網頁不需要太多圖片和動畫,因為要看漂亮的圖片和動畫,客戶自然有合適網站可以上,不必浪費客戶下載的時間與金錢。
誤區四:瀏覽器和顯示器不兼容。雖然IE瀏覽器用戶占據絕對多數,但是,也不能因此忽視其他瀏覽器的用戶。特別是有國外用戶的企業,國外市場上其他類型的瀏覽器還有著比較大的市場份額。另外,并非每個用戶都使用800*600小字體的顯示模式,不要自以為是地為用戶建議“最佳顯示模式”。所以在設計的時候一定要考慮到不同分辨率下的狀況,爭取都能做到好的效果。誤區五:傳輸、更新速度過慢。頁面下載速度是網站留住訪問者的關鍵因素。如果不能讓每個頁面都保持較快的下載速度,至少應該確保主頁速度盡可能快。而我們一部分企業網站的設計從速度上來看是失敗的,耐心的等待半天才看到最后劃著紅叉的圖片--圖片鏈接下載失敗,只能刷新,這又要等一段時間。測試一下企業網站的下載速度,尤其是如果網站首頁圖片比較多的話,當然注意清除電腦中瀏覽器的緩存。另外,影響網站速度的因素有很多,其中除了技術方面,就是主體圖片,因此再次強調一定要保證圖片使用的度!同樣如果一個企業網站的資料一個月才更新一次,很多瀏覽者將對此失去興趣,也會使企業失去更多可能的客戶。當然資料更新與維護需要成本,因為我們不是在做一個入口網站或專業網站,不需要每天更新;如果能做到每周更新或每兩周更新,并在網站上注明更新時間或預告下次更新時間,將有助于告知客戶何時可以上網來取得最新資訊。另外所謂活網站的“活”,也是指需具備與客戶互動機制,例如郵件列表系統、留言板或客服系統等,當然不需樣樣功能都具備。必須針對網站的定位,選擇適合的機制;同時對于客戶所提意見的處理,也需及時,不能讓客戶對網站失去信心。
誤區六:疏忽網站安全問題。很多企業網站具有了完善的導航功能,清晰的文字,漂亮的頁面但卻忽視了網站的安全問題。因為很多企業網站的目的是為了用于進行電子政務或電子商務,因此網站的安全就更加顯得重要。為了設計和管理一個有效、可靠的網站商業服務,必須事先制定一套全面的網站服務安全策略。安全策略將應用于所有網站服務系統、數據庫、內容、電腦平臺、軟件以及網絡,它們的作用是處理、交互或者提供對服務的訪問途徑。提高網站的安全,抵抗黑客非法入侵,避免企業信息泄漏給企業帶來的損失是目前電子商務網站建設中的重要一環。
參考文獻:
1題庫網站設計開發工具的介紹及分析
隨著計算機技術的快速發展,開發工具也日益多樣化,其中最具代表性的主要包括CGI,PHP,Python,ruby,ASP和JSP等。CGI(CommonGatewayInterface)由于其極佳的跨平臺性能,幾乎成為早期動態網頁的唯一的實現方式,但是對開發人員的技術要求高以及嚴重的可拓展性等問題[1]。ASP(動態服務器頁面ActiveServePage)由微軟公司開發的代替CGI的一種應用,簡單方便的實現了數據庫與其他程序的交互。由于其語言相容性高,隱秘安全性好,易于學習。但是其運行方式為逐行解釋,運行效率低,缺乏有效的跨平臺能力,只能運行于微軟的服務器產品上[2]。PHP(HypertextPreprocessor,超文本預處理器)是一種通用的開源腳本,吸收了C語言,Java等的特點。由于其開源免費模式,快捷高效的運行方式,跨平臺兼容的形式得到廣泛的使用,但是由于缺乏規模支持,多層結構支持和不統一的數據庫接口提供的缺點,使得其更適合于小型商務站點[3]。Ruby是由日本人開發的一種面向對象程序設計的腳本語言,以其優雅的語言,不需要注釋就可以讀懂以及減少編程時候不必要的瑣碎時間的宗旨,更加注重人性化的特點橫掃日本,快速發展[4]。JAVA服務器頁面(JavaServerPages)是由SunMicrosystems公司倡導、許多公司參與一起建立的一種動態技術標準.通過在傳統的頁面HTML文件中插入Java程序片段構成JSP網頁。開發軟件JSP具有如下特點:(1)系統的多平臺支持;相比于ASP,JSP具有更為廣泛的的平臺支持性,基本上所有平臺的任意環境中可以進行開發。(2)將內容的顯示與生成分離;這樣既有助于保護網站的安全,又可以保證任何基于HTML的WEB瀏覽器的完全可用性。(3)代碼的安全性和隱秘性;由于JSP頁面是基于Java語言為內置腳本語言,包含有Java技術的所有優勢,包括良好存儲管理與安全性[5],JSP的特點如圖1所示。
2網站系統內容與結構設計
材料成形題庫網站設計的主要目的是對課程內容進行簡介,對教學大綱進行分析,對主要知識點進行強調,對習題進行搜集和解答,對教學進度進行反饋。按照系統開發的基本觀點對網站進行分析,將設計庫簡化為邏輯設計和效果設計兩部分。
2.1題庫網站設計邏輯
在進行邏輯設計之前,需要明確網站內容上的要求。從內容上可以將網站劃分為:(1)教學大綱講解區:對于材料成形課程進行詳細的講解;(2)習題搜集和解答區:對于材料成形課程的習題進行搜集,同時公布詳細的習題解答過程;(3)教學進度與反饋區:主要實現教師與學生之間信息交流與反饋。學生可以通過本區對課程內容,習題難點進行提問;老師可以通過本區域進行課程時間調整的相關通知;可以通過本區對學生的問題進行解答。對于本題庫的主要操作包括查詢、修改和刪除數據。其中數據查詢是題庫的主要功能,為了快捷的實現與教材同步,本題庫采用了基于章節為分類的直接查詢模式。在該模式下系統會將內容一章節的形式直接顯示,用戶可直接選擇所需要的章節,查找相應的知識點下的習題,在完成相應習題的訓練后,可以直接對照習題詳解進行鞏固。及時的補充相關習題,修改以及刪除相應習題詳解內容,需要對數據進行刪除邏輯設置,主要包括刪除習題、刪除留言、刪除習題詳解三個部分。系統會自動刪除所有與該數據相關的數據,實現了相應數據的刪除。
2.2題庫網站設計效果
對于本習題庫主要采用靜、動相結合的方式,顧名思義采用靜態的主畫面和動態圖片相結合,以清新簡潔的方式表達了材料成形課程的簡潔明了的特點。靜態的主頁面的組成主要包括(1)課程簡介,主要包括培養計劃,學分與周學時,任課教師信息,中英文的課程簡介組成;(2)教學大綱,主要介紹了課程的基本要求、基本內容以及每一章的重難點以及指導教材的分析;(3)主要知識點,由上課教師完成主要包括本課程中每一章所需要掌握的知識點的詳解;(4)教學進度,實現了教學安排的快速反饋,對于每一節課所的教學內容進行詳細列舉,提供給學生進行預習和復習。動態網頁主要包括(1)校園風采展示,通過制作了本校內部校園風景和學習氛圍的短片制作,充分展現為了本校的教學基本設施,教學氛圍,針對非本校的訪問這,對學校的整體有一個系統的了解;(2)各章習題及其詳解,網站中的習題及其詳解主要有八章組成,用戶可以直接點擊相應的章節,獲取每一章的習題與其相應的詳細解答。根據上述的要求,最后得到的題庫效果圖如圖2和圖3所示。
3總結與展望
從“靜態”逐步轉變為“動態”,動態網站的設計技術也隨之發展成熟起來介紹了動態網頁的一些特點以及日前在
動態網頁設計中應用相當)‘一泛的開發環境—ASP,以如何建立基于IIS的ASP動態網站為中心,簡要介紹了動態
商業網站設計的趨勢,并以實例分析比較直觀地展示了ASP在動態網頁設計中的優越性
關鍵詞:動態網站;物件導向;表單;腳本語A
1引言
目前呈兒何增長的互聯網站中,有相當一部分仍固守“靜態“,無形中已大大落后于時代的步伐.所謂“靜態”指的就是網站的網頁內容“固定不變“,當用戶瀏覽器通過互聯網的HTTP(HypertextTransportProtocx>1)協議向WEB服務器清求提供網頁內容時,服務器僅僅是將原已設計好的靜態HTML文檔傳送給用戶瀏覽器.其頁面的內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF''''89A格式的動態圖片,若網站維護者要更新網頁的內容,就必須手動地來更新其所有的HTML文檔.“靜態”網站的致命弱點就是不易維護,為了不斷更新網頁內容所做的工作量是巨大的.
隨著網站信息量的不斷增大,靜態網站逐漸沒落,動態網站已經成熟起來,它的“交互性”少自動更新”、“因時因人而變”等諸多優良特性無疑很好地適應了信息時代的要求.能夠使網站“動態化”的技術較多,目前比較流行和成熟的是ASP技術.
2基于ASP的動態網站建設概述
2.1“動態”的概念
所謂“動態”,并不是指那兒個放在網頁上的GIF動態圖片,在這里筆者為動態頁面的概念制定了以下兒條規則:
1)“交互性”,即網頁會根據用戶的要求和選擇而動態改變和響應,將瀏覽器作為客戶端界面,這將是今后WEB發展的大勢所趨.
2)“自動更新”,即無須手動地更新HTML文檔,便會自動生成新的頁面,可以大大節省工作量.
3)“因時因人而變”,即當不同的時問、不同的人訪問同一網址時會產生不同的頁面.
2.2ASP的概念及特點
MicrosoftActiveS。二Pages即我們所稱的ASP,其實是一套微軟開發的服務器端腳本環境,ASP內含于IIS3.0和4.0之中,通過ASP我們可以結合HTML網頁,ASP指令和ActiveX元件建立動態、交互目_高效的WEB服務器應用程序.有了ASP你就不必擔心客戶的瀏覽器是否能運行你所編寫的代碼,因為所有的程序都將在服務器端執行,包括所有嵌在普通HTML中的腳本程序.當程序執行完畢后,服務器僅將執行的結果返回給客戶瀏覽器,這樣也就減輕了客戶端瀏覽器的負擔,大大提高了交互的速度.以下羅列了ActiveS。
二Pages所獨具的一些特點:
1)使用VBScriptJScript等簡單易懂的腳本語言,結合HTML代碼,即可快速地完成網站的應用程序.
2)無須Compile編譯,容易編寫,可在服務器端直接執行.
3)使用普通的文本編輯器,如Window、的記事本,即可進行編輯設計.
4)與瀏覽器無關(Br+wserIn<lepen<lenoe),用戶端只要使用可執行HTML碼的瀏覽器,即可瀏覽Active
S。二Pages所設計的網頁內容.ActiveS。二Pages所使用的腳本語言(VBSoriptJsoript)均在WEB服務器端執
行,用戶端的瀏覽器不需要能夠執行這些腳本語言,如圖1所示.
用戶端瀏覽器IE或NS1r1''''1''''1''''潔求11而1''''III]子
WEB服務器ActiveServerP
5)ActiveS。二Pages能與任何AotiveXscripting語言相容.除了可使用VBSoript或JSoript語言來設計外,還通過plug-in的方式,使用由第三方所提供的其他腳本語言,譬如REXX,Perl,Tol等.腳本引擎是處理腳本程序的COM(ComponentObjectModel)物件.
6)ActiveS。二Pages的源程序,不會被傳到客戶瀏覽器,因而可以避免所寫的源程序被他人票J竊,也提高了程序的安全性.
7)可使用服務器端的腳本來產生客戶端的腳本.
8)物件導向(Obje<,一(>riented).
9)AotiveXS。二Components(AotiveX服務器元件)具有無限可擴充性.可以使用VisualBasic,JavaVisualC++,Cobol等編程語言來編寫你所需要的AotiveXS。二Component.
2.3ASP技術流行的原因
如果你是個人網站的維護者,使用的是免費主頁空問,那么絕大多數情況下你只能使用Java,JavaScript和最新的DHTML技術.DHTML就是當網頁從WEB服務器下載后無須再經過服務器的處理,而在瀏覽器中直接動態地更新網頁的內容排版樣式、動畫.
或許對于一個個人網站來說,充分運用DHTML技術足以令網頁栩栩如生,動感十足.然而對于建立商業網站的企業而言,僅僅擁有DHTML是遠遠不夠的.因為僅僅發生在客戶瀏覽器端的動態效果是無法滿足商業網站大量信息查詢,客戶咨詢,資源交互等“動態”需求的.因此作為商業網站的設計者,必須要設計出更具實用性和交互性的“動態”網站.由于絕大多數商業網站都具有大量的數據和信息,而建網的初衷也就是在于方便客戶查詢企業資料,方便同客戶的交流,及時獲得信息反饋.那么,就必然會面臨如何讓使用者在瀏覽器界面中,通過互聯網或內聯網(Intran川查詢WEB數據庫的資料,甚至輸入、更新和刪除WEB服務器上的資料.
目前)匕種常用的“動態”網站設計方法有:CGI(CommonGatc}vayInterlace),IDC(InternetDatabaseConnec-tor),ActiveXDataOhje川ADO),相比較而言ADO具有容易使用、開發執行快速、消耗系統資源較少和占用磁盤空問小等優點.根據許多從事網站設計工作多年的專家的經驗,ADO和ASP的結合可以高效快速地使網站“動態化”,使得網站便于管理和維護,從長遠來看這對搭檔也勢必成為今后一段時問內“動態’''''WEB的核心技術,因此ASP技術在動態網站設計中的流行也成為了一種必然.
3實例
以下通過兒段源代碼很好地說明了ASP的簡潔、靈活、迅速、多變的特性.
建立一個自動監測瀏覽時問并根據不同時段動態顯示不同頁面內容的ASP程序,用記事本書寫該源代碼,存為[estl.asp:
<html>
<ho<ly>
<F01}TCOLOR=“Green">
<%If''''T油e<#12:00:00#An<1T油e>=#00:00:00#Then%>
早上好,今天天氣不賴啊!
<%E1seIf''''T油e<#19:00:00#An<1T油e>=#12:00:00#Then%>
下午好!
<%Else%>
哈u}!今晚你有沒有去IRC聊天!
<%EndIf%>
</ho<ly>
</html>
將testl.asp保存在WEB服務器的虛擬目錄(如:aspsamp/)下,并在瀏覽器中用HTTP的方式進行瀏覽,如:yourcx>mpu[二二e/aspsamp/test1.asp.
雖然,這只是一個非常簡單的實例,而A_這一功能完全可以通過javascript完成,但是不難發現使用ASP要比javascript簡潔迅速得多,而A_運用此法,完全可以輕而易舉地令你的網頁在不同的時段展示不同的風格,此例中的“Time"實際上是一個VBScript內置的顯示系統當前時問的函數,由于系統默認的腳本語言是VBSeript,因此在ASP命令中調用該函數時,腳本引擎會自動將其轉換成當前的系統時問.接下來是給testl.
asp添加一點色彩,在<holy>標識中添加“bgcx>lor=“<%=hgc%>””即變為<bodybgcx>lor=“<%=bgc%
>”>,并在<holy>標記前添加如下語句:
<%If''''T油e<#12:00:00#An<1T油e>=#00:00:00#Then
bg}}=“silver"
E1seIf''''T汕e<#19:00:00#An<1T油e>=#12:00:00#Then
hg(一“navy
Else
bg}}=“re<1"
En<1且
%>
如此一來,當用戶在不同的時段訪問該頁面時,將會看到不同的頁面背景色.我們可以做的事情還有很
多,譬如想知道在凌晨至十二點之問瀏覽該頁面的客戶的姓名,并向客戶問好,那么下面的這段程序將能助你達成心愿.首先你需要在頁面中設置表單,將以下HTML代碼剪貼到“<%IfTime<#12:00:00#An<1Time>=#00:00:00#Then%>”之后:
歡迎光臨我的主頁,清填寫以下信息:<FORMMETHOD="POST"ACTION="testl.asp">
<P>FirstName:<INPUTNAME="fname"SIZE="48">
<P>LastName:<INPUTNAME=“lname"SIZE=“48">
<P>Title:<INPUTNAME=“title"TYPE=RADIO、4LUE="mr">Mr.
<INPUTNAME=“title"TYPE=RADIO、4LUE="ms">Ms.
<P><INPUTTYPE=SUBMIT><INPUTTYPE=RESET>
</FOR1Vl>
然后在以上HTML代碼后面添加如下ASP命令:
<%title=request.form(“title")
iftitle="mr"then
%>
歡迎您Mr.<%=二qu艦.拓mi(+.二;request.form((name)%>.
<%elseiftitle="ms"then%>
歡迎您Ms.<%=二qu艦.拓mi(+.二;request.form((name)%>.<%else%>
<B><Fontcola</font></B>
<%endif%>
保存文件testl.
12:00:00之問的話,>r=blue>歡迎您<%=二que從.長)mi(+.二e;)&+;&二明es[.長)mi(“玩二e;request.form((name)&&request.form(lname%>
asp,并在瀏覽器中以HTTP方式進行瀏覽,如果此時的系統時問在凌晨0:00:00和中
這其實是一個在Internet和Intranet上常見的功能,即當用戶在瀏覽器端填寫完表單后,通過調用一個通用網關程序將用戶數據傳送到服務器,由服務器進行處理后再將結果返還給客戶瀏覽器.過去為了實現這樣的功能必須編寫一個獨立于HTML之外的CGI程序,并通過HTML進行調用,撇開CGI編寫復雜等缺點不談,CGI的執行效
率也是一個大問題,每一個表單(form)均須執行一個可執行文檔,當多人同時上線使用時,多個文檔同時執行,將大大降低WEB服務器的執行速度,如今ASP提供了與HTML完全相融的編程環境,顯然要比使用CGI便捷得多.
“風格”是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素。風格是有人性的,不管是色彩、技術、文字、布局,還是交互方式,只要能由此讓瀏覽者明確分辨出這是本網站獨有的,這就形成了網站的“風格”。一般都要求:清純簡潔,主題鮮明,內容編排得當合理、有一定的藝術感,美觀、實用,相關鏈接正常,能體現網站的基本功能,可以從以下幾個方面來為網站設計一個獨特的風格。
1.網站標志(LOGO)
LOGO是指網站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如:網站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。
2.網站色彩
網站給人的第一印象來自視覺沖擊,不同的色彩搭配產生不同的效果,并可能影響到訪問者的情緒。顏色搭配是體現風格的關鍵?!皹藴噬省笔侵改荏w現網站形象和延伸內涵的色彩,要用于網站的標志、標題、主菜單和主色塊,給人以整體統一的感覺。至于其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。例如IBM的深藍色,肯德基的紅色條型。一般來說,一個網站的標準色彩不超過3種,太多則讓人眼花繚亂。適合于網頁標準色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。一般以白色和黑色的背景網頁最好做,顏色搭配最方便;亮色與暗色配合,最容易突出畫面,如黑與白,紅與黑,黃與紫;而近似的顏色的搭配,能給一種柔和的感覺,如墨藍與淡藍,深綠與淺綠。最好能給主頁定一個主色調,不要搞得花花綠綠的。
3.設計網站字體
和標準色彩一樣,標準字體是指用于標志、標題、主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格,可以根據需要選擇一些特別字體。制作者可以根據自己網站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,他看到的只能是亂碼,那么辛苦的設計制作便付之東流了。
4.使用精煉有效的語言
現代生活節奏加快,人們往往沒有時間看大塊文章。為了節約時間,在單位時間內獲取最大量的信息,人們需要精練的信息,即信息精品,要用信息語言來表達信息內容。所謂信息語言是指以下公式:信息=基本事實+數據描述+專家觀點。
信息語言摒棄一切廣告性詞句、文學性修飾詞句,不歡迎一切關于意義、重要性的過分渲染。盡量采用數字說話,歡迎定量描述,反對過多的定性描述,特別是無法形成準確概念的定性描述。用信息語言描述,任何信息都應該有出處,有時間,分類準確。當然,應當滿足信息的時效性、準確性、完整性、精練性等固有的特點。在此特別注意的是,不要出現錯別字、病句。
5.設計網站宣傳語
網站的宣傳語也可以說是網站的精神、主題與中心,或者是網站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站,進行對外宣傳,可以收到比較好的結果。
二、網站設計的色彩搭配
打開一個網站,給用戶留下第一印象的既不是網站的豐富內容,也不是網站合理的版面布局,而是網站的色彩。色彩對人的視覺效果非常明顯,一個網站設計成功與否,在某種程度上取決與設計者對色彩的運用和搭配,因此專業人士把色彩制作成色系表,根據這些色系讓網站也有其自身的色系,網站的色系是瀏覽者整體的視覺觀感,若一個網站色系能有一致性,不僅會使網站看起來美觀,更能讓瀏覽者對內容不易混淆,增加了瀏覽的簡潔與方便。而網站的色系更能襯托出網站的主題,若色系能與主題合理搭配,將會增加瀏覽者的易讀性。網站的色系包含了網頁的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當就算完美,還要配合每個內容,及網站主題。1.網頁的底色
網頁的底色是整個網站風格的重要指針。舉例來說,以黑色作為背景顏色的網頁,因黑色本對人的視覺上會造成黯淡的感覺,若是拿來用作活潑的兒童網站,就是不適合了。因為小孩子是天真無邪的、活潑的、有朝氣的,與黑色的沉穩、黯淡,很難聯想在一起。當然,每個人的審美觀不同,可能也會對顏色的代表性看法不同,但既然網站不是只寫給自己看的,就應該要注意到大部分人可能會有的觀點,然后以眾人居多的觀點出發,來設計網頁。
2.文字字型
文字字型上的設計,最好的網站是以所有瀏覽者都能看到的字型為主。常會看到有許多網站要求瀏覽者須自行下載某種字型,才能達到最佳瀏覽效果,這是種非常奇怪的行為。畢竟瀏覽者只是來找資料或是來看網站的內容,不可能會因為這種“為達最佳瀏覽效果”,而自行下載所需要的字型。當所要求的字型若不下載,并不會影響到網站內容上的瀏覽與不便,那么對瀏覽者的要求就微乎其微不可能發生任何作用。這么一來,對于網頁設計者來說,無非是非常可惜的,因為當初的設計風格卻未能讓瀏覽者一窺全貌,豈不是白費心思的嗎?
3.圖片的色系
以色彩學簡單的區分,色系可分為冷色系與暖色系,再詳細一點的區分,又可分出各種顏色的色系,而色系的區分,就在于主觀瀏覽意識上的差異了。如何將圖片的色系與網站整體色系相對應,就是比較困難的地方了。要繪制一張圖并非易事,要繪制一張符合自己網頁風格的圖,更是困難重重。大部分的網頁制作者,并不大可能駕輕就熟的使用影像處理軟件或繪圖軟件,于是乎,網頁素材的網站就開始盛行了。當然,不會使用繪圖軟件并不代表網頁就不能設計的很出色,若是能將網絡上的素材資源妥善利用,網站也是可以走出自己的風格的。而該怎么選擇適合自己網站的圖片,就是門很大的學問了。
以圖片內容來說,能切合網站主題最好,若不能,也別差異太多。以顏色來說,若一個網頁是藍色的底色,但整個網頁的圖片卻亂七八糟,各種顏色紛紛出籠,更糟的是,藍色是屬于冷色系的顏色,若以藍色為底的網頁,卻盡都是大紅色、橘色的圖片,那將會使整張網頁看起來就像垃圾堆,雜亂無章。所以,可以簡單的歸納出,網頁與圖檔的顏色,色系一致或是視覺效果一致,將會使網頁看起來更為美觀且有自己的風格。
4.網頁的顏色
網頁的顏色,并非單一就圖文件、文字顏色、或是底色為主,而是以瀏覽者的角度來觀看,整體網頁看上去是偏向哪種色系。常常見到許多網站雖然色系搭配的很好,但卻是沒有自己的風格。以目前流行的柔色系、粉色系網站來說,就是失了自己獨到的風格。因為使用粉色系的網站,不外乎都有相同的特點,文字顏色淺,底色也以淺色系為主,這樣除了沒有自己的風格外,看起來既不大方也難登大雅之堂。以各大搜尋網站來說,根本不會做這樣的設計,因為文字顏色淡,加上底色淺,對瀏覽者來說,閱讀上非常吃力,所以這樣的設計風格也應盡量避免。一個有自己風格,且閱讀起來舒適大方的網頁,并不可能一次就寫好,而是需要經過不厭其煩的修正、調色,才能達到最佳瀏覽效果的。
三、網頁的美化設計
1.使用CSS優化網頁外觀
使用CSS來獲得對整個站點所有WEB頁面的外觀控制。設置頁邊空白,頁面填充,邊界,顏色和背景。對任意網頁元素設置字體大小及改變字體外觀。創建動態活動鏈接。創建CSS風格的完全兼容的網頁。
CSS的主要好處就在于,你不用去修改網頁文件,只要修改這個頁面連接的CSS文件,就可以實現不同的顯示效果,包括底色、背景圖片、文字大小、顏色、邊框……等等。網站的版面、布局要求,不能占用較大的邊幅放欄目圖片,正文的位置不能少,圖片與文章的搭配要平衡,過多使用大圖片,大大增加了傳輸流量,影響了網站瀏覽者閱讀的速度,要優化網頁就盡可能使用CSS實現,靈活地使用CSS,可以使頁面精致漂亮而又不會占用過多的系統資源,所以很有必要花些時間研究一下。
系統總體方案設計本系統主要分系統管理員和用戶兩個權限。系統管理員的主要功能常規管理(包括放映廳管理、影訊管理)、經營管理(包括售票管理、訂單管理)、注冊用戶管理。用戶的主要功能有注冊登錄功能、瀏覽影訊、購票選座位管理、我的訂單管理。
二數據庫表的設計
1數據庫表的分析及設計
數據庫在一個信息管理系統中占有非常重要的地位,在此使用Mysql數據庫來設計,數據庫在一個網站搭建起來之前,我們需要對系統所用到的數據進行大致的分類和具體的結果設計,既要做到清晰明了,又要能適應系統各項功能的調用。數據庫結構設計的好壞將直接影響系統的效率,以及實現的效果。合理的數據庫結構設計可以提高數據存儲的效率,保證數據的完整和一致。概念模型設計直觀易懂,能夠比較準確地反映現實世界的信息聯系,從概念上表示一個數據庫的信息組織情況。
2數據庫表的創建
數據庫表的設計需要遵守各個數據庫的建表規則,一個好的數據庫需要滿足一些嚴格的約束和要求,只有這樣才能保證一個網站的穩定運行。根據平臺的需求分析和功能模塊的劃分,本設計主要包含5個表,以下列2個表為例:電影票訂單表(主鍵、下單時間、價格、訂單號、電話、真實姓名、狀態、關聯的用戶ID、關聯的座位ID),
三各功能模塊的詳細設計
1用戶角色
用戶角色包括用戶登錄注冊功能模塊、瀏覽影訊功能模塊、購票選座位功能模塊、用戶的訂單管理功能模塊。用戶的登錄注冊:用戶在注冊頁面輸入用戶名、密碼、真實姓名、電話號碼等信息完成注冊,在登錄頁面輸入正確的用戶名和密碼,保證登錄成功。瀏覽影訊:用戶點擊相應電影的圖片,查看影訊詳情,使用戶詳細的了解影片的信息。影訊詳情包括:片名、放映廳、票價、時長、放映時間、導演、主演、劇情等。購票選座位:用戶根據座位的布局情況,選擇剩余座位,同時在頁面會顯示所選座位的具置、票數和總價,用戶可輸入真實姓名和電話號碼以方便取票。用戶的訂單管理:用戶提交訂單后便跳轉到訂單管理頁面,在此頁面上用戶可以看到自己的訂單號、下單時間、電影名字、放映時間、放映廳、座位、票價、訂單狀態。
2系統管理員角色
2.1常規管理功能模塊
此模塊包括放映廳管理模塊和影訊管理模塊。放映廳管理模塊和影訊管理模塊中管理員可以對放映廳和影訊實現增刪改查。新的放映廳和影訊會越來越多,所以可根據不同時段電影的熱映程度刪除數據庫多余的數據,這樣可以維護數據庫避免數據冗余。
2.2經營管理功能模塊
此模塊包括售票管理模塊和訂單管理模塊。售票管理模塊主要是管理員查看影院各個影片購買情況,包括:片名、放映時間、票價、座位數、播放廳、已買票數、剩余票數、查看座位情況。訂單管理模塊主要是用戶所下訂單的詳細信息,此模塊與用戶的訂單管理模塊差不多,但管理員可查看用戶取票情況,當某個訂單確認取票,該訂單就自動被刪除。
2.3注冊用戶管理功能模塊
此模塊實現管理員查看用戶訂單和鎖定用戶等功能。其包括:用戶名、密碼、真實姓名、聯系電話、注冊時間、賬戶狀態。根據實際的情況,管理員可以鎖定用戶,使其不能繼續購買影票。
四總結