設(shè)計網(wǎng)頁要注意什么

第頁設(shè)計網(wǎng)頁要注意什么1、網(wǎng)頁打開時間不能超過4秒

頁面訪問只有4秒，如果一個網(wǎng)站打開的時間超過了瀏覽者等待的時間，那么瀏覽者將會失去興趣，最終的結(jié)果是瀏覽者去別的網(wǎng)站，這就意味著：我們在制定首頁時盡可能的簡化，并加速打開網(wǎng)站的速度。所以我們必須省出那些花哨的頁面，當然如果有那些美麗頁面那更好啊。那前提必須是要在4秒內(nèi)打開你的網(wǎng)頁。

2、首頁重在引導(dǎo)瀏覽者的目光

首頁重在引導(dǎo)瀏覽者的目光，不要讓網(wǎng)站用戶進了你的網(wǎng)站就像迷了路一樣，找不到了方向。打個比方，你走進一個房間的時候，你不可能看到房間里所有的東西。你第一眼注意的是房間里有沒有人，然后再去注意能吸引你眼球的東西。當瀏覽者第一次訪問網(wǎng)站也是這樣子的。當瀏覽者第一次訪問你的網(wǎng)站時，必須要你來引導(dǎo)他們來訪問網(wǎng)站。

3、網(wǎng)站的黃金寶地是左上側(cè)

眾所周知，網(wǎng)站的左上側(cè)是瀏覽者最先注意的地方。這是因為人們閱讀的習(xí)慣造成的(從左上角開始閱讀)。再加上早期的網(wǎng)站也是按這個方式制定的。所以我們經(jīng)常把LOGO放在左上角。當然你還可以在這里加入更重要的東西。

4、字母F型的閱讀模式

跟據(jù)一些眼球追蹤的數(shù)據(jù)說明，閱讀者在看一個網(wǎng)頁的路徑，像一個字母F。這說明瀏覽者最先注重的地方有，頭部，三分之一處，和左側(cè)。所以我們要想一下如何把網(wǎng)站最重要的部分放在這幾個地方。

5、網(wǎng)站的用戶會忽視哪些內(nèi)容

瀏覽者會忽視廣告。他們會忽視橫幅廣告或文字廣告。因此要避免網(wǎng)頁的制定看起來像廣告似的。還有瀏覽者也會忽視大塊的文本。沒有人會有很多的時間去看那一大部分的文本只為獲得一個網(wǎng)站的主要內(nèi)容。所以我們要盡量的簡化文本。在重要的地方加添加一些能吸引人的東西。

6、文本與圖片

這是一個有趣的事實。文字比任何靜態(tài)圖形更加吸引瀏覽者的眼球。如果你想給瀏覽者傳遞一個信息，那么我建議你使用文字來代替靜態(tài)的圖形。

7、吸引眼球的制定元素

我們來看一下哪些元素可以吸引瀏覽者的眼球:有鼓動性的口號和按扭(通常使用明亮顏色)，如果你要寫一篇文章，那么你首先要確定好文章的標題。好的標題可以吸引瀏覽者的目光。便于讓瀏覽者更好的抓住文章的重點。

8、要使用正確的文本格式

不要害怕使用段落，粗體，斜體，引用文字，下劃線或者大字字母任何可以讓你的文本更加受吸引的方式。當然有時你必須要使用引導(dǎo)語句，來引導(dǎo)讀者的目光。

9、慎重用圖片

上面說過，瀏覽者會忽視廣告。當你在制定圖形的時候要保證它們不是太過于繁雜和混亂不理解。人們會覺得繁雜的圖形和色彩豐富的圖形會很難看。所以你要避免這種事的發(fā)生。

10、留出空白空間

不要把制定元素推雜在一起，要留空白。這特別是適用于文本。

2手機網(wǎng)頁制定排版必須要注意的幾個事項

1.安全寬度與擴大區(qū)域讓頁面適應(yīng)主流分辨率

與PC上網(wǎng)頁的做法一樣，確定一個安全寬度，把重要信息控制在640PX寬度內(nèi)(以iphone分辨率為安全寬度。目前主要瀏覽器在iphone4S下的首屏高度如下,可以依據(jù)具體頁面投放的渠道做相應(yīng)的首屏高度。

2.控制圖片的大小

專題的頭圖一般有很強的視覺，關(guān)于手機用戶來說，加載一張圖片的等待時間比PC上成本大很多，如果一個頁面加載時間超過5秒，70%的用戶會選擇關(guān)閉，那么再出彩的專題也沒辦法浮現(xiàn)再用戶面前了,所以必須要對制定稿做折中的處理。

在做頭部的延展區(qū)域(超出640px范圍)，推舉使用純色，漸變，可以平鋪的素材，以便于減少頭圖的大小，提升加載速度，并且延展區(qū)域可以無縫連接。模糊的背景可以最大限度的壓縮圖片質(zhì)量。

3.字體

手機中的字號一般上〔電腦〕中的兩倍，一般在電腦中用的12px的字體在手機網(wǎng)頁中就該使用24px。在制定的過程中，也要使用iOS和安卓默認渲染的字體，以便更真實的還原真實環(huán)境。在規(guī)范的專題中，主要字號控制在3個，大中小都有一個區(qū)間。避免隨意用字體字號，并且字號必須上整數(shù)。

4.控件交互區(qū)域合適觸控

手機專題的主按鈕高度大于80px，并且依據(jù)活動的必須求放在首屏內(nèi)。文字鏈接上下的間距大于80px，手指在屏幕上熱區(qū)最小感應(yīng)是44px。

5.移動端網(wǎng)頁少用跳轉(zhuǎn)

手機用戶的網(wǎng)絡(luò)環(huán)境不如PC用戶，頁面的跳轉(zhuǎn)會對用戶產(chǎn)生更大的心理效力，如果在手機頁面中能把信息合理的展示在一個頁面中最正確。如果非要跳轉(zhuǎn)，咱們可以用些假裝不是跳轉(zhuǎn)的方式，比如展開，浮出等。減少用戶產(chǎn)生的不安全感。

3網(wǎng)站制定必須要注意的事項

1、搜索引擎不友好

搜索引擎關(guān)于難以處理和識別的打字稿、復(fù)數(shù)、連字號等等各種各樣的問題，搜索的準確度會降低。顯然，如果搜索引擎刻意去迎合這種錯誤使用的話，會傷害到所有的搜索使用者。

一個相關(guān)的問題是，搜索引擎區(qū)分結(jié)果是依靠文檔的重要性，而只是按照內(nèi)容關(guān)聯(lián)次數(shù)簡單地進行結(jié)果區(qū)分。

當找不到信息的時候，搜索是用戶的救生索。即使有高級搜索功能，建議還是使用簡單搜索，搜索形式應(yīng)該是一個簡單的錄入框，就像我們常見的那一種。

2、使用PDF文件做為在線閱讀

用戶討厭在瀏覽的時候跳出PDF文件，因為那會打斷用戶的瀏覽過程，因為一般的瀏覽器按鈕無法工作，因此即使如打印或儲存文檔這樣簡單的事情也會變得復(fù)雜。由于其版面制定是基于紙張優(yōu)化的，因此文字的字體很少會和用戶的流量其窗口相適應(yīng)。沒有了平滑的滾動瀏覽，有的只是超小號的字體。

更糟糕的是，PDF文件內(nèi)容是分塊的，很難瀏覽。

PDF是關(guān)于印刷及發(fā)行手冊等和其他必須要打印的大文件來講是很合適的，使用它的目的只是為了保留它的信息使其網(wǎng)頁上瀏覽成為現(xiàn)實。

3、未改變已訪問鏈接的顏色

一個好的瀏覽歷史能夠幫助你了解目前的位置，因為那是你瀏覽的起點。知道過去和現(xiàn)在的位置反過來使得決定下一步去哪里變得容易了。鏈接是這些瀏覽過程中的一個關(guān)鍵因素。用戶可以不去訪問那些沒有用處的地址，相反，他們會訪問那些對他們有幫助的鏈接地址。

最重要的是，他們知道哪些網(wǎng)頁已經(jīng)訪問過了，這樣就不必一次又一次訪問同一個歷史頁面。

但是這些好處只是基于一個重要的假設(shè)：由于網(wǎng)站提供不同的顏色顯示，用戶可以分辨出哪些鏈接訪問過，哪些鏈接沒有訪問過。如果訪問一個鏈接后顏色沒有發(fā)生變化，那么用戶很可能會感到困惑并無意中反復(fù)訪問同一歷史頁面。

4、文字未排版

將所有文字堆積在一起是一種可怕的體驗，瀏覽這樣的文字將是痛苦的經(jīng)歷。

在線寫作，并不是為了打印，必須要讓用戶能很好地閱讀，下面是幾個改善的要點：

使用子標題

使用列表

特別關(guān)鍵字

使用小段落

反金字塔結(jié)構(gòu)

簡單的寫作風(fēng)格

5、固定字體大小

CSS樣式不幸讓網(wǎng)站有權(quán)禁止瀏覽器的"改變字體大小'的功能，并使得網(wǎng)站有一個固定的字體大小。關(guān)于大多數(shù)人的年齡超過40歲的人來說，這個固定地文字大小實在太小了。

尊重用戶的喜好，讓他們按照自己的必須要修改文字的大小，同時，明確字體大小是相對的，而非絕對顯示像素的數(shù)量多少。

6.網(wǎng)頁標題搜索引擎不友好

搜索是用戶發(fā)現(xiàn)網(wǎng)站的最重要途徑，搜索用戶找到一個獨立網(wǎng)站的最重要的方法。網(wǎng)頁的標題是你吸引新用戶或老用戶從搜索列表中定位到你網(wǎng)站的主要工具。

4網(wǎng)站制定模板結(jié)構(gòu)要注意哪些

網(wǎng)站結(jié)構(gòu)規(guī)劃應(yīng)該注意哪些問題?

1.URL制定。URL也是可以包涵關(guān)鍵詞的，比如你的網(wǎng)站是關(guān)于電腦的，你的URL中可以包涵"PC'，因為它在搜索引擎眼里通常是"電腦'的同義詞。URL不要太長，層次盡量不要超過4層，這個就點到為止。

2.欄目制定。欄目通常是與導(dǎo)航相關(guān)聯(lián)的，制定時應(yīng)該合計網(wǎng)站整體的主題，用戶可能會對哪些內(nèi)容感興趣，欄目名稱最好是網(wǎng)站的幾個主關(guān)鍵詞，這樣也方便利用導(dǎo)航的權(quán)重。

3.關(guān)鍵詞布局。理論上每一個內(nèi)容頁都應(yīng)該有它的核心關(guān)鍵詞，同一個欄目下的文章，盡可能圍繞欄目關(guān)鍵詞展開。一個簡單粗暴的辦法就是直接用欄目關(guān)鍵詞的長尾詞。

有的客戶可能關(guān)于網(wǎng)站的結(jié)構(gòu)規(guī)劃不知道是什么東西，反正網(wǎng)站可以打開，可以用就可以了，其他就不想管了，也不知道怎么樣去處理!其實一個網(wǎng)站的規(guī)劃是非常重要的，如果一開始定位不對，后面又要推倒重建，這樣浪費的是時間和金錢!規(guī)劃做得好的網(wǎng)站，后期還是有很多的拓展空間的!

模板制定應(yīng)該注意哪些細節(jié)?

1.權(quán)重結(jié)構(gòu)順序。整個頁面的html中(注意是html，而不是顯示出來的版面)，越靠前的位置，權(quán)重越高。由此引申出來，"title'、keyword、description三個標簽，因為最靠前，權(quán)重最高。其次通常是導(dǎo)航，也是基本上是最靠上的，權(quán)重也非常高。再次就是文章標題和正文。這是依據(jù)html的前后來排序的。

2.因為搜索引擎首先要遵循W3C標準，所以，W3C定義的一些本來就是用來表示重要信息的標簽，權(quán)重自然就高，比如，特別是h1，用來表示當前頁面最重要的信息，一般每個頁面只能有一個，其權(quán)重估計與title相當，也通常是用來放當前頁面的標題，當然也有為了提升首頁權(quán)重，用h1來放置logo或首頁鏈接，都是可以的。另外還有em、strong這樣的標簽，用來表示強調(diào)，一般認為strong權(quán)重高于標簽，同樣也是加粗作用，但我們認為從SEO的角度看是沒有權(quán)重強化的。

3.css或