網頁設計用到的知識

第頁網頁設計用到的知識〔網頁〔制定〕〕用到的知識

網頁制定用的字體只是成千上萬中的一小部分(至少要等到主要的瀏覽器完全支持CSS3)，所以保持使用網頁安全字體。如果你不喜愛網頁安全字體，可以合計利用sIFR或Cufon逐步加強的網頁制定。下面是網頁制定用到的知識的介紹，希望對您有所幫助。

一、導航(條/欄)是最重要的制定

一個網站最重要的部分就是整個網站的導航。沒有它，無論在哪個頁面中，用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這顯然的實際方向，我們將討論一些建構網站導航時重要的點。

首先，在網站的導航結構上，投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識，但仍然有很多制定師想當然地制定網站導航。

擺放位置、風格、所用技術(〔java〕script或CSS)、可用性和網頁易讀性，這些是你制作導航制定時必須要合計的。

在沒有CSS的狀況下，你的導航制定應該也是可用的，這是基于文字基礎的瀏覽器相容性。你可以盡量去譏笑文字基礎的瀏覽器，但它們在很多的移動設備上還是流行的。或許更為重要的是，對屏幕用戶來說(99.99%的狀況下)，沒有CSS的導航功能照樣可用訪問。

在沒有客戶端技術狀況下(如JavaScript或Flash)，導航功能應該容易進入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。

所以，制定一個導航系統(tǒng)可以放置的優(yōu)良位置是必須的，例如放在一個顯眼可見的地方。一個好的導航功能，只要網頁載入就出現，而不必須要鼠標再向下滾動。這是為什么頁面要堅持干凈和簡單的重要作用，一個復雜且非常規(guī)的制定可能會讓用戶疑惑。

哪怕只有一瞬間，用戶也必定不會奇怪："網站導航在哪里?'

最后，對網站建立階層結構，多層次的〔管理〕。保證它在父層與子層之間易于導航。此外，不管在哪一個網頁當中，也應該能很容易到達最高層的頁面(例如網站首頁)。

最主要的目標就是你的網站導航，盡可能減少操作(動作)，努力而讓用戶到達他想要瀏覽的內容。

二、明智和有條理地使用字體

雖然有成千上萬的字體，但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持CSS3)。所以保持使用網頁安全字體。如果你不喜愛網頁安全字體，可以合計利用sIFR或Cufon逐步加強的網頁制定。

堅持字體的一致性，確認標題和段落的內容看起來有所不同。使用空白、調整行高、字體大小和字母間距屬性，使用戶輕松愉快地閱讀和掃描內容。

或許一個網頁制定師經常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內容都塞在一個網頁中浮現，所以我們有時設置字體大小而讓用戶感覺到不舒適。如果可能的話，盡量堅持字體大小12像素以上，特別是對段落內容。雖然很多沒有碰到因為字體太小而造成閱讀上的困難，但是想想老人家、近視眼和其他類似視覺障礙的族群吧。

三、理解色彩無障礙性

說完字體后，我們還必須要指出使用正確顏色的重要性。例如，黑色文字在白色背景，如果使用高對比度，橙色背景上的紅色文字會令你的眼睛感到緊張。

此外，使用一些對特別形式色盲的用戶友好的顏色(檢查工具名為Vischeck，可以測試某些類型的色盲)。

有些色彩組合只合適運用在前景色的部分，而不合適做背景色。舉個例子來說，深藍色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍色的背景，都是使用兩種一樣的顏色，但用在不同的部分則影響了它的可讀性和閱讀的舒適度。重要的是，不僅要使用優(yōu)良的色彩組合，而且要把它用在頁面中的合適元素上。

網頁制定入門知識

1、知道如何編寫代碼

隨著各種所見即所得的網頁編輯器充斥市場，網頁制定已經成為簡單的1-2-3步驟就能制定好一個網站。然而，大多數網頁編輯器夾雜了不必要的代碼，使你的HTML結構制定不當，難以維護和更新，導致網頁膨脹。

通過自己編寫的網頁代碼，能得到簡潔的代碼，能夠愉快方便地閱讀和維護。你可以自豪地說是自己寫出來的代碼。但知道如何使用所見即所得的IDE或預覽功能并不會妨礙學習HTML和CSS。你要知道發(fā)生了什么事情，才干創(chuàng)造有效并高度優(yōu)化的網頁制定。

2、不要忘記搜索引擎優(yōu)化

在制定網站時，一個好的網頁制定師應該永遠銘記基本的SEO概念。例如，網頁內容結構、用文字表示標題(即網頁的標題和標志)。此時，以前學習的如何合理編碼的能力就派上用場。熟悉正確、語義和基于標準的HTML/CSS后，你會很快熟悉到Div比表格布局好得多，不僅更為準確地展現內容，而且對搜索引擎排名也有幫助。另外，知道用CSS改換背景、文字和圖片也是一個好主意。

3、優(yōu)化圖片，獲得更好的頁面加載速度

學習如何通過選擇正確的格式，來優(yōu)化網頁圖片，并保證文件大小在可行的范圍你是足夠小的。雖然現在人們已經都在使用優(yōu)待，但仍然有人是撥號上網。此外，雖然移動設備技術的普及，但移動裝置卻不一定支持像寬頻一樣的速度，圖片文件的大小可能還是會延長網頁的加載時間，有可能把用戶趕走的。

這里有個選擇合適的文件格式的技巧：如果圖片是單色，那最好儲存成PNG或者GIF格式;如果是連續(xù)性的色調(如照片)則最好儲存成JPG格式。

有很多的工具可以幫助你進一步優(yōu)化你的圖片，降低他們的文件大小?？梢詤⒄者@個工具列表來幫助優(yōu)化你的圖片。盡量把圖片數量減到最低，并且靈活使用圖片，并且盡可能地減小文件大小。如此一來，將可以大大的減少頁面的讀取時間和改善網頁的性能。

提升網頁可用性的方法

權威研究結果說明：人們在線的閱讀習慣和平常的閱讀習慣是完全不一樣的。訪問者通常是在非常隨意的狀態(tài)下快速瀏覽你的網頁的，他們急于獲取真實的、有用的，并且是有價值的信息。如果他們不能及時地獲取所必須信息，那么，他們將離開你的網頁。

下面的3點方法將會給你帶來幫助，它會讓你為你的訪問者提供所必須信息，指出提升網頁可用性的方法。

1.精簡的文本描述

你所寫的文章必須圍繞一個主題，這可以方便訪問者快速獲取主旨信息和中心思想。好好想想如何把文章改得精簡得體以便于訪問者閱讀。這里告訴你一個可行的辦法，盡量把一段文章在3-4行之內表達完整，然后再另起一行寫下面一段。

2.便于快速瀏覽的文本

網絡用戶一般不會在線精讀文本內容，他們通常是快速瀏覽。因此，應該盡量使用簡短、醒目的文本。舉個例子來說，可以通過超鏈接的形式將重要的信息從頁面中分開出來，這樣做會使得這段重要信息顯得非常醒目。將一個段落以重點列表的形式表示也是一種非常可行的方法。學會在你的重點詞組前方加一個起強調作用的圓點。還有一點，學會在頁面中使用副標題，當你瀏覽網頁時，將重點挑選出來，并將它們寫在標題標簽內，"標題2'和"標題3'的效果最好，但是"標題1'標簽的效果也會相當不錯，這樣做會可以給整個頁面的信息分出層次，以幫助閱讀者在簡單地瀏覽頁面之后快速地獲取所必須信息。

3.必須要客觀公正

這里要提到的"客觀公正'指的是：在你的網頁上放上與你網頁內容相關的鏈接，讓訪問者做出自由的選擇：是持續(xù)留在你的網頁上，還是去別的網頁上尋找信息。這關于你網頁的所有者來說，并不是一件壞事;因為你可以為訪問者指明確切的方向。好好按照上面說的把你的網頁改善一下。我相信，網頁的可用性一定會大大提升;同時，你的訪問者也會非常感激你，并且會很愿意與你進行往來。

網頁制定知識

網頁制定網站是企業(yè)向用戶和網民提供信息(包括產品和服務)的一種方式,是企業(yè)開展電子商務的基礎設施和信息平臺，離開網站(或者只是利用第三方網站)去談電子商務是不可能的。企業(yè)的網址被稱為"網絡商標'，也是企業(yè)無形資產的組成部分，而網站是INTERNET上宣揚和反映企業(yè)形象和文化的重要窗口。企業(yè)網站制定顯得極為重要，下面是一些網站制定中應注意的原則。

一、明確建立網站的目標和用戶必須求

Web站點的制定是展現企業(yè)形象、介紹產品和服務、體現企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此我們必須明確制定站點的目的和用戶必須求，從而做出切實可行的制定計劃。我們會依據消費者的必須求、市場的狀況、企業(yè)自身的狀況等進行綜合分析，以"消費者(customer)'為中心，而不是以"美術'為中心進行制定規(guī)劃。

在制定規(guī)劃時我們會合計：

建設網站的目的是什么?

為誰提供服務和產品?

企業(yè)能提供什么樣的產品和服務?

網站的目的消費者和受眾的特點是什么?

企業(yè)產品和服務合適什么樣的表現方式(風格)?

二、網頁制定總體方案主題鮮亮

在目標明確的基礎上，完成網站的構思創(chuàng)意即總體制定方案。對網站的整體風格和特色作出定位，規(guī)劃網站的組織結構。

Web站點應針對所服務對象(機構