網站設計論文

  一個網站設計的是否成功,不光是網站的內容要豐富,版本佈局要合理,在色彩上的設計也至關重要。下面是小編為大家整理的,供大家參考。

  範文一:專業文學網站設計原則與趨勢

  摘要:

  現在網際網路使用者對網頁設計的質量要求越來越高,沒有內涵的華麗設計很快就會被遺棄。所以現今的設計趨勢已經越來越重視網站的響應設計、持續聯絡以及虛擬現實。在一個注重使用者體驗的時代,一個好的文學網站,不是隻有華麗的介面或者良好的互動設計就可以,而是要在藝術和功能上做到兩全其美。

  關鍵詞:網頁設計;色彩;圖片優化;使用者體驗

  現代設計在中國的發展大概有二十多年的時間了,以前中國很少有人會注意網頁介面的使用者體驗,而且國內寬頻水平有限,所以那時候我國的網頁介面基本上都是框架式,創新的頁面很少。隨著我國各方面的發展,我們的設計也越來越有創新意識,我們也越來越注重使用者的體驗。尤其是在文學網站設計方面,以前很多網站的設計大部分都是大的框架加上鍊接構成,沒有下多少功夫在外觀設計和使用者體驗方面,而現在隨著文學網的發展,僅僅是靠老一套的理論來做的設計已經不能滿足現在使用者的審美需求了。

  1文學類網站設計原則

  1.1色彩設計原則

  眾所周知,不管是做招貼、包裝或者是VI,給人的第一印象往往是這個作品的色彩設計,它的色彩運用的好與壞,將直接影響到閱讀者的興趣。同樣,在網頁設計中,色彩也是居於十分重要的地位。現在的文學類網站的網頁設計,大部分以比較淺的顏色為網頁的背景色,如淺黃色、淺藍色、淺綠色或者直接就是白色背景,再加上較深顏色的文字來做的配色。一般來說網頁中所出現的字型顏色都是黑色,因為淺色背景中黑色字型的視認度最高,但是這種強對比,螢幕刺激較大,也更容易讓瀏覽者產生視覺疲勞。在文學類網頁設計中,這種對比過於強烈的配色會使使用者長時間線上瀏覽的時候有不適,但是緩和的色彩搭配視認度不高,也不利於使用者閱讀。所以筆者認為在網頁中出現大面積文字以及考慮到使用者會長時間停留在一個頁面的時候,比如文學網站的線上閱讀介面,我們可以給使用者一個選擇,讓使用者自己來挑選網頁的背景色以及字型顏色,讓使用者自己來選擇適合自己的顏色搭配。

  1.2文字和排版設計原則

  在做網頁設計的過程中,無論選擇什麼字型,都要基於網頁的總體設想和瀏覽者的需要來使用。而且瀏覽器使用的是本地字型檔顯示的頁面內容,作為一個網頁設計者,不得不考慮到使用者電腦中是否有你選用的字型,所以說網頁中的文字最好使用預設字型,在必須使用特殊字型的地方,可以先把文字做成影象,然後再插入到網頁頁面中去。再者就是文字行距的問題,一般的行距比例為10:12,因為合適的行距可以很好引導瀏覽者的視線,如果行距過寬會影響行與行之間的文字延續性,影響閱讀。而且在視覺傳達中文字作為網頁頁面的要素之一,除了表達文字本身的意義以外,還有傳達感情的作用,所以文字設計在視覺上要給人以美好的印象,讓瀏覽者可以獲得良好的閱讀感受。而且網頁設計作為一種視覺語言,特別講究編排和佈局,雖然主頁的設計不等同於平面設計,但它們有許多相近之處,都是通過文字圖形的空間組合,表達出和諧與美。在網頁文字設計編排中最重要的一點,就是要與網頁內容的性質和特點相和諧,其設計風格要與內容特性相一致,而不是相分離衝突,所以在我們把大量的資訊整合到一個頁面上去的時候,首先要考慮的是怎樣把它們以合理統一的排布,達到變化與統一併存的和諧效果。在排版這方面,網頁的版式設計同報刊雜誌的版式設計有不少共同之處,基本上都是把頁面中的文字字型、圖形影象、色塊線條等要素按照一定的節奏進行編排,同時注意其結構的大小、輕重、虛實等對比因素,並通過對這些要素的編排,使瀏覽者直觀地感受到該頁面要傳遞的資訊。

  1.3網頁圖形的優化和應用原則

  對於一個網站來說,網頁的下載速度是非常重要的,但是影響網頁的下載速度的因素除了網速以外,網頁中所包含的影象圖形對網頁的下載速度也有很大的影響。因此,對網頁圖形進行優化,使網頁能夠快速下載是網站設計製作中考慮的首要問題。所以,接下來就來探討一下圖片優化的基本方法。首先是圖片的裁切,裁切時應儘量沿所需影象邊緣裁切,避免不必要區域佔用檔案大小。如果在頁面中有一張過大的圖片,也可以先把它裁成小塊,然後再使用Table語法所提供的Border=0、Cell-spacing=0、Cellpadding=0的無縫功能,將它們組合起來,這樣也會提高圖片的載入速度。再者就是圖片的輸出,一般情況下,色彩少的圖片使用GIF或者PNG格式,色彩豐富的的圖片使用JPG格式。如果是一些攝影網站,圖片要求都是高清圖片,那就可以用JPG格式做小圖預覽,然後連結到TIF格式無損的原圖,這對沒興趣看這張大圖片的瀏覽者而言,不但可快速下載該網頁,而且也是一種體貼的選擇。還有些圖片,因為要在不同的背景中使用,需要輸出為透明的效果,這時,就可以選用GIF格式,因為對於GIF影象來說,色彩越少,檔案就越小。所以說在看起來可以接受的範圍內,儘可能地將色彩數量減少,就能夠對GIF影象進行不錯的優化。而且對於網頁中所採用的圖檔,通常會加入Width、Height這兩個屬性,這樣就可以在載入網頁的過程中為影象預留空間,在載入圖片時,使用者就可以先瀏覽其他已載入專案。如果沒有這些屬性,瀏覽器就不能瞭解影象的大小,也就不能為影象預留下合適的空間,這可能會給網頁中其他元素的顯示帶來很大的延遲,從而影響使用者的閱讀。

  2現今專業文學網站設計趨勢

  以前,做網頁設計基本上都是用PS設計網頁版面,僅僅是PS就可以滿足使用者的需求,但是現在網際網路使用者對網頁設計的質量要求越來越高,沒有內涵華麗的設計很快就會被遺棄。所以現今的設計趨勢已經越來越重視網站的響應設計、持續聯絡以及虛擬現實。另外在版式設計方面也逐漸加入了一些“留白”的理念,“留白”發源於中國傳統的虛實相生、陰陽辯證的哲學思想,發展於傳統的繪畫行業,表達一種“以無勝有,以簡勝繁”的思想,這種設計理念與西方20世紀興起的一些現代設計理念如出一轍。“留白”不是一個色彩的概念,而是一種形式的概念,通過欣賞者的審美聯想和想象獲得的一種“秒與生意,能不失真”的意想空間,從而使設計者能夠更好地表達出設計的意圖,將作品的視覺感染力加強。總之,一個好的文學網站的網頁設計,不是隻要有華麗的介面就可以,而是要在藝術和功能上做到兩全其美。

  2.1大背景圖的網頁設計

  高清圖片是一種可以產生極具視覺衝擊力並迅速抓住讀者視線的好方式,而且這些圖片一般都是高質量寫實的或者是抽象的精美照片,這些圖片的用色和表現的內容都十分考究,並且趨向於一些比較柔和,比較透明的圖片,不會影響到文字的閱讀。不然再漂亮的圖片,看起來和網站整體效果不協調,影響使用者體驗,也是白白浪費資源。除此之外,大背景圖的運用還有一種方式,叫做擬真設計,聽起來可能有點陌生,但是擬真設計就是和大背景圖的運用相似的一種設計,它是指將介面元素設計成使用者容易理解的,存在於現實世界中的實體。就文學網站,在書籍閱讀的介面平臺上,不單單是書籍內容完整無誤的呈現,它的呈現方式可以像常見的平面媒體帶給讀者的愉悅體驗一樣。可以在書籍閱讀的起始部分與結束部分分別放置圖書原有的封面與封底;可以模仿紙張的材質,靈活設定;可以在文章的正文介面中配合插圖,插圖同文字共同營造書中的獨特氛圍,插圖的型別可以配合文章的敘述情境進行繪製;可以與插畫師合作,共同創造出良好的閱讀環境,從而提高閱讀質量和閱讀效益。

  2.2移動網際網路時代

  現在這個時代,智慧手機幾乎是人手一部,而且平板電腦、小型上網本隨處可見。所以說,如今的網頁設計已經不能只侷限在普通電腦的顯示效果上,還要考慮到更多的移動裝置。但是,設計適合移動裝置的網站不是去掉大量裝飾,做得簡單易於下載就可以,因為它不僅僅是變得簡單,更是要表現出原網站的精華。另外,現在很多網站都推出了屬於自己的方形的條形碼,這種條形碼被稱為QR,全稱就是QuickResponse。這個條形碼就相當於一個快捷方式,讓使用者可以方便迅速地開啟自己的移動網頁。近幾年來,移動媒體的優勢越來越明顯,利用這個優勢所做的網頁設計也是現在的熱門。

  2.3頁面佈局設計及特效設計

  以前的網頁設計,大部分都類似於書籍和雜誌的版面設計。而隨著網際網路等各方面的發展,現在的設計更接近於影片的效果,更注重空間藝術,現在的網頁設計已經不再是單純的平面設計,而是立體設計、空間設計,致力於把瀏覽者帶進一個現實的虛擬世界。我們都知道構成網站的是網頁,網頁本身也是很多個頁面的總平面,所以說平面設計原則同樣也適用於網頁設計。但是網頁設計的排版又是對平面設計的延伸,單獨考慮平面設計原則的話,這樣的網頁設計是不能滿足現在瀏覽者的需求的。在網頁特效方面,文學類網站運用的不是很多。現在是一個注重使用者體驗的時代,適當地採用一些網頁特效會給網站加分不少。比如說,視差滾動設計,讓多層背景以不同的速度移動,形成一種類似於3D的視覺效果,吸引瀏覽者。但是值得注意的是,這種效果不適於導航。

  2.4極簡主義的運用

  極簡主義在早幾年就流行起來了,但是在網頁設計方面極簡主義的影響力在近幾年才逐漸大了起來。極簡主義風格的網站設計,執行速度快,使用者體驗效果更好,接入也更加容易,所以無論哪一型別的網頁設計都可以運用,文學類網站也不例外。但是就目前來說,還沒有哪個國內文學網站嘗試這種極簡主義設計,因為接下來提到的文學類網站設計的一大要點,就是豐富的內容。但是,極簡主義並不是把內容也變得極簡。要知道極簡主義有一個理念,少就是多,簡潔就是豐富。所以說極簡主義只是把不必要的東西去掉,使頁面的每一個元素都和主題統一,用最簡單的元素來傳達更豐富的資訊。

  2.5豐富的內容

  內容是一個網站的最有價值的部分,而對於文學網站來說,豐富的有價值的內容比起網站外觀來要重要得多。但是做內容的建設時也要注意幾點,首先,網站的內容要和網站的主題一致,不可偏離主題。其次,就是網站內容最好是原創內容。作為一個文學網站,不是說拿那些已經現有的作品就可以,還要有新的原創文學,大家沒有看過的文學作品,這樣才能讓使用者時刻保持對網站的新鮮感。最後,網站的內容要定時更新,並不是說有豐富的文學作品就萬事大吉了,不然一個再好的網站不去更新內容,它也是一個死站。而且一般經常瀏覽文學網站的網際網路使用者對文學都是很有見解的,所以說作為一個專業的文學網站,為他們提供的不僅僅是一個文學資源庫,更應是一個交流平臺,讓他們發表自己的原創文學及見解。

  3文學網站中多媒體技術的運用

  無論是圖形文字,還是聲音視訊,設計者所要考慮的就是怎樣才能使它們以最和諧的方式融合到網頁這面大螢幕裡。所以,多媒體技術的運用在這裡必不可少。現在大部分的瀏覽器本身都可以支援線上播放或收聽,比如GIF、JPEG圖形和GIF89a動畫。另外還有一些比較常見的外掛,比如ActiveX,它可以播放更多種類的多媒體檔案。總之,多媒體技術隨著網際網路的發展在網頁設計中的運用也越來越多,也使瀏覽者能夠體驗到更加完美的瀏覽效果。在現今有很多網站設計都採用了flash軟體來製作,用flash製作導航介面,隨著滑鼠的動作可以產生動畫或者聲音,讓網頁更有吸引力。而且製作flash時用的是向量圖形,它需要的記憶體和儲存空間要比點陣圖小很多。在網頁設計中flash還具有一定的互動性,比如說網站導航欄動畫、圖片展示動畫以及網站註冊和登陸系統等等。在靜態頁面中,如果用到這些動畫,一定能與瀏覽者有一個很好的互動,也能使網站看起來更加生動有趣。但是整體不可以太花哨,太雜亂,不然會使瀏覽者對該網頁缺乏信任感。當然也有一些網站,為了表現自己的與眾不同,使用flash來製作整個網站。而且設計製作flash時就已經包括網頁內所有視聽元素和版式的設計,並不會給人眼花繚亂的感覺。這樣的flash網站,給人感覺都十分酷,給瀏覽者一種很特別的感覺,基本上可以完全調動瀏覽者瀏覽的積極性,同時給瀏覽者一種活躍的心理感受。總之,不只是文學網站的設計,所有的的網頁藝術設計都需要大膽創新,需要不斷地完善和突破,從而達到網路技術與藝術設計的完美結合,讓瀏覽者獲得最佳的閱讀體驗。

  參考文獻:

  [1]王曉峰,焦燕.網頁美術設計原理及實戰策略[M].北京:清華大學出版社,2009:8.

  [2]張新偉.網頁經典配色藝術[M].北京:電子工業出版社,2009:6.

  [3]鄭國強.網頁設計與配色例項解析[M].北京:清華大學出版社,2012:6.

  [4]張磊.專業色彩搭配手冊:網頁配色[M].北京:北京希望電子出版社,2011:11.

  [5]劉鵬.淺談網頁色彩的編排設計[J].科技創新與應用,2012,1.

  [6]李立偉.淺談網頁色彩設計[J].鄭州輕工業學院學報,2007,2.

  [7]衛捷.“留白”理念在現代網頁設計中的對映[D].河南大學碩士學位論文,2011.

  範文二:PHP網站設計中資訊保安防禦策略

  網路在給人們帶來方便快捷的同時,也存在較大的資訊保安隱患。網站的設計關係到國家的政治、經濟、文化、社會生活等各個方面,延伸的範圍非常廣。幾乎每個企業或每個部門都有自己的專屬網站,而各個部門之間的交流溝通也大多通過網路來進行。

  1PHP網站設計中資訊保安存在的問題

  目前,在對PHP網站進行編碼的過程中,存在程式設計師資訊保安意識不高,沒有對使用者所輸入的資訊進行安全驗證等現象。因此,會間接導致計算機內部的安全作業系統被不法分子所利用,使得一些錯誤、有害的指令也會被當作正確的合法指令來執行,進而導致網站的資訊會發生洩露,從而侵犯了使用者的隱私,給使用者的資訊保安帶來不利影響。

  1.1有sql的注入

  從廣泛的意義上講,網站的程式設計員需要在編寫網站程式碼的過程中對使用者輸入資料的合法性進行分析與判斷,進而防止網站資訊洩露[1]。如果網站的程式設計員在編寫網站程式碼的過程中忽視了這項操作,使用者就可以通過提交資料庫查詢程式碼的方式來根據程式返回的結果獲取相關資料資訊,這就是注入sql。注入sql容易導致網站使用者的資訊發生洩露,所以相關網站的程式設計員要對使用者所輸入的資料進行合法性的判斷與分析,進而提高網站的資訊保安。

  1.2會發生or1=1及union語句的入侵現象

  注入or1=1主要是可以在登入某個網站系統時,繞過相應的密碼驗證,進而利用一個任意的使用者名稱來登入系統,從而達到入侵系統的目的。這是一種在網路中運用較為廣泛的語句注入模式。這種注入模式主要是利用了程式設計師在編寫驗證程式碼時,沒有對使用者輸入資訊中是否含有非預期的字元進行判斷,直接將使用者的操作請求傳達給計算機函式來執行。這種注入語句的方式使得密碼驗證變得可有可無,不法分子可以直接繞過密碼驗證來入侵系統,進而輕而易舉地獲取到相關使用者的資訊[2]。與or1=1語句注入所不同的是,union語句可以通過自身的特殊性來使程式的預設語句出錯。並通過計算機程式執行union後,通過自己構建的sql語句來達到注入語句的目的,進而入侵到內部程式中。

  1.3存在xss跨站攻擊

  xss是一種較為常見的網站攻擊方式,它的工作原理跟sql相差不大,只是xss主要是通過JavaScript的指令碼注入到html標籤中,進而將惡意內容輸入網頁輸入框中。當這些惡意內容重新回讀到網站的客戶端時,網站瀏覽器會自動執行這些惡意指令碼,進而通過影響網頁的正常顯示來達到注入指令碼的目的。通過程式碼植入網頁的方式來利用xss漏洞控制計算機作業系統,進而黑客利用安全漏洞來編寫惡意程式,從而破壞計算機作業系統的穩定性。黑客利用xss來攻擊頁面,使得計算機使用者在瀏覽網站時會自動彈出一些視窗。黑客就是利用這些視窗來給網頁掛上相應的木馬病毒,進而讓網站使用者的計算機系統感染病毒,以此來獲取相關使用者的資訊。

  2對PHP網站設計中的資訊保安進行防禦的具體措施

  2.1使安全防禦措施對使用者公開、透明

  在保護網站的資訊保安時,要讓安全防禦措施對使用者公開、透明。讓使用者不能直接跳過資訊保安保護驗證,進而讓計算機網站執行操作更為安全。最直接的方法就是在使用者進入網站系統之前,首先要輸入相應的使用者名稱及密碼,進而達到保護網站資訊保安的目的。

  2.2跟蹤資料執行流程

  任何一個合格的網站程式設計師都會對使用者的資料進行隨時跟蹤,通過掌握資訊動向來防止發生資訊洩露的問題。對資料資訊進行跟蹤是一種難度較高的資訊監測方法,特別是在一些程式開發者不能熟悉該原理的情況下,會無法深入理解web的運作原理,進而在程式開發過程中出現失誤,併產生一定的安全漏洞。

  2.3篩選輸入資訊

  對使用者所輸入的資訊進行必要的篩選是保證網站資訊保安的必要手段,也是對輸入的驗證資訊進行合法化的過程。相關網站工作者通過對使用者所輸入的資訊進行確認並篩選,這種方法可以避免一些網站病毒在未知的情況下被誤用。

  2.4防止注入sql

  在目前來講,網路的系統注入方式較為豐富,但在注入方面都存在一個共同點,就是利用程式缺乏必要的過濾手段這個缺點,以此來達到非法獲取使用者資訊的目的。所以,要防止非法語句的注入,就要對查詢語句進行必要的篩選及過濾。通常意義上,是利用計算機執行程式裡的函式通過正規的表示式來進行常用語句的匹配,並對相應的語句進行必要的篩選及過濾。所以,只要利用了過濾函式,就可以在較大程度上避免出現利用注入語句的方式來入侵網站的現象,從而達到保護網站使用者資訊保安的目的。

  3結語

  本文對PHP網站設計中幾種常見的資訊保安漏洞進行了探索與分析,並對如何加強PHP網站設計的資訊保安進行了研究與探討。在對網站資訊保安進行維護的具體過程中,並沒有一個固定的模式。因此,我們需要具體情況具體分析,靈活運用相關措施來保護使用者的隱私,從而在一定程度上維護網站使用者的資訊保安。