網頁

網頁

網頁是構成網站的基本元素,是承載各種網站套用的平台。通俗地說,您的網站就是由網頁組成的,如果您隻有域名虛擬主機而沒有製作任何網頁的話,您的客戶仍舊無法訪問您的網站

網頁是一個檔案,它可以存放在世界某個角落的某一台電腦中,是全球資訊網中的一"頁",是超文本標記語言格式(標準通用標記語言的一個套用,檔案擴展名為.html或.htm)。網頁通常用圖像檔來提供圖畫。網頁要透過網頁流覽器來閱讀。

  • 中文名稱
    網頁
  • 外文名稱
    web page
  • 閱讀方式
    網頁流覽器

基本簡介

網頁(web page),是網站中的一“頁”,通常是HTML格式(檔案擴展名為。html或。htm或。asp或。aspx或。php或。jsp等)。網頁通常用圖像檔來提供圖畫。網頁要使用網頁流覽器來閱讀。

主要特點

網頁是構成網站的基本元素,是承載各種網站套用的平台。通俗的說,您的網站就是由網頁組成的。如果您隻有域名和虛擬主機而沒有製作任何網頁的話,您的客戶仍舊無法訪問您的網站。

網頁

網頁(英文:Web page)是一個檔案,他存放在世界某個角落的某一部電腦中,而這部電腦必須是與網際網路相連的。網頁經由網址(URL)來識別與存取,當我們在流覽器輸入網址後,經過一段復雜而又快速的程式。網頁檔案會被傳送到你的電腦,然後再通過流覽器解釋網頁的內容,再展示到你的眼前。是全球資訊網中的一“頁”,通常是HTML格式(檔案擴展名為.html或.htm)。網頁通常用圖像檔來提供圖畫。網頁要透過網頁流覽器來閱讀。

構成

文字圖片是構成一個網頁的兩個最基本的元素。你可以簡單的理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程式等等。

在網頁上點擊滑鼠右鍵,選擇選單中的 “ 查看源檔案 ” ,就可以通過記事本看到網頁的實際內容。可以看到,網頁實際上隻是一個純文本檔案。它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字型、顏色、大小),而流覽器則對這些標記進行解釋並生成頁面,于是就得到你現在所看到的畫面。 為什麽在源檔案看不到任何圖片? 網頁檔案中存放的隻是圖片的連結位置,而圖片檔案與網頁檔案是互相獨立存放的,甚至可以不在同一台電腦上。

類型

通常我們看到的網頁,都是以 htm 或 html 尾碼結尾的檔案。俗稱 HTML檔案。不同的尾碼, 分別代表不同類型的網頁檔案,例如以 CGI 、 ASP、 PHP 、 JSP 甚至其他更多。

紀錄

當你每次上網時,都會在歷史紀錄裏留下紀錄。儲存在C糟主要檔案的一個文檔裏,移除時隻要右鍵移除就可以了。

基本術語

網頁設計

網頁設計--------網站是企業向使用者和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施信息平台,離開網站(或者隻是利用第三方網站)去談電子商務是不可能的。企業的網址被稱為“網路商標”,也是企業無形資產的組成部分,而網站是INTERNET上宣傳和反映企業形象和文化的重要視窗。企業網站設計顯得極為重要,下面是一些網站設計中應註意的原則。

網頁

一、 明確建立網站的目標和使用者需求

Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑。因此我們必須明確設計站點的目的和使用者需求,從而做出切實可行的設計計畫。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,以“消費者(customer)”為中心,而不是以“美術”為中心進行設計規劃。

在設計規劃時我們會考慮:

建設網站的目的是什麽?

為誰提供服務和產品?

企業能提供什麽樣的產品和服務?

網站的目的消費者和客群的特點是什麽?

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

二、網頁設計整體方案主題鮮明

在目標明確的基礎上,完成網站的構思創意即整體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構

網頁

Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點隻提供簡潔文本信息,有些則採用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁 面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。

    

網頁設計著作權自願登記

作者或其他著作權人依法取得的著作權不受影響,我國實行作品自願登記製度的在于維護作者或其他著作權人和作品使用者的合法權益,有助于解決因著作權歸屬造成的著作權糾紛,並為解決著作權糾紛提供初步證據

網頁設計預防侵權措施

網頁設計著作權,也可以在國家或省市直轄市著作權管理部分登記,或選擇學會等第三方平台預選登記備案,特別是需要證實某一時刻,某人已經擁有什麽數位形式網頁設計作品的歸屬權資源,選擇包括並不限于數位著作權保護技術,數位指紋技術數位水印技術,反盜載技術,融合可信時間戳技術公證信箱等可信第三方群技術的大眾著作權保護平台進行自主存證,進行網頁設計作品存證時間識別和多緯度智慧型識別,其科學性可以自主驗證對證.著作權糾紛時,提供初步第三方證據,這是在歐洲發達國家已經盛行很多年,與官方人工登記相互補充

網頁設計自主識別流程

大眾著作權保護平台

開啟“大眾著作權保護平台首頁”

開啟“自主識別”,在“自主識別”頁面找到“識別流程”並開啟;;

網頁設計歸屬權自主識別流程第一步:註冊賬號;

網頁設計歸屬權自主識別流程第二步:驗證註冊信息;

網頁設計歸屬權自主識別流程第三步:上載檔案/錄入檔案信息;

網頁設計歸屬權自主識別流程第四步:線上支付;

網頁設計歸屬權自主識別流程第五步:郵件獲取DICC;

網頁設計歸屬權自主識別流程第六步:識別成功,查看/下載證書;

註:上載檔案範圍:文本、圖像,

要點

網頁設計的兩大要點是:整體風格和色彩搭配。

一、確定網站的整體風格

網站的整體風格及其創意設計是最難以學習的,難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。

風格(style)是抽象的。是指站點的整體形象給流覽者的綜合感受。這個“整體形象”包括站點的CI(標志、色彩、字型、標語)、版面布局、流覽方式、互動性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的。IBM是專業嚴肅的,這些都是網站給人們留下的不同感受。

在這裏,我提供給大家一些參考經驗:

1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。2.突出你的標準色彩。

網頁

3.總結一句能反映貴站精髓的宣傳標語

4.相同類型的圖像採用相同效果,比如說標題字都採用陰影效果,那麽在網站中出現的所有標題字的陰影效果的設定應該是完全一致的!

二、網頁色彩的搭配

無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。

關于色彩的原理有許多,在此我們不可能一一闡述,大家可以看看相關設計書籍,有利于系統地理解。在此我們僅僅想告訴大家一些網頁配色時的小技巧。

1.用一種色彩。這裏是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。

2.用兩種色彩。先選定一種色彩,然後選擇它的對比色

3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

在網頁配色中,還要切記一些誤區:

1.不要將所有顏色都用到,盡量控製在三至五種色彩以內。

2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。

設計工具

1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具

網頁

2、Frontpage跟dreamweaver一樣,不過個人感覺還是dreamweaver好。

3、FLASH網頁需要畫面流動時的首選擇

4、PS圖象處理軟體,一般網頁都需要有圖片的相搭配,PS是款很強大的工具。

5、FW跟PS一樣都是圖象處理軟體,但FW偏向與對網頁的處理。[個人喜歡PS] 6、Fireworks跟PS很象的一種處理軟體,主要用于製做動態圖片格式

可用性提升

權威研究結果表明:人們線上的閱讀習慣和平時的閱讀習慣是完全不一樣的。訪問者通常是在非常隨意的狀態下快速流覽你的網頁的,他們急于獲取真實的、實用的,並且是有價值的信息。如果他們不能及時地獲取所需信息,那麽,他們將離開你的網頁。

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

1. 精簡的文本描述

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

2. 便于快速流覽的文本

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

3. 必須要客觀公正

這裏要提到的“客觀公正”指的是:在你的網頁上放上與你網頁內容相關的連結,讓訪問者做出自由的選擇:是繼續留在你的網頁上,還是去別的網頁上尋找信息。這對于你——網頁的所有者來說,並不是一件壞事。因為你可以為訪問者指明確切的方向。好好按照上面說的把你的網頁改進一下。我相信,網頁的可用性一定會大大提升;同時,你的訪問者也會非常感激你,並且會很願意與你進行往來。

設計師速成

筆者曾經是一個網頁設計的菜鳥,經過自己不斷的摸索和實踐。現在已經可以獨立製作一個完整的靜態站點,並且給學校的N(N>5)個部門、院系和外面的公司做網站,雖然不是一個完全意義上的Web Designer(網頁設計師),但是完成一些要求不是很專業、不是十分完美的站點已經是小事兒了(嘿嘿,是不是有自吹自擂之嫌),自己心裏已經是小有成就感了,所以自封為準Web Designer!

自認為成長過程還算快,所以把本人的經歷向大家介紹一下,給那些有志于此的朋友們一些參考意見。

循序漸進學知識

先學一學HTML,找本自己能看懂的教材。流覽為主,不用記住所有的概念,隻要記住使用原理就行了,這一階段,估計三天就夠了;然後用兩天時間學CSS,方法同上;進而再花些時間了解一下JavaScript。

然後就可以用記事本嘗試寫幾個網頁,記住這時千萬不要用那些可視化工具,比如FrontPage、Dreamweaver(那些以後再學)。

有一個提高自己“寫網頁”的捷徑,就是上各大網站,把網頁儲存下來(什麽?你說你不會儲存網頁?就是“檔案→另外儲存為”),然後開啟儲存下來的網頁,點擊右鍵→查看源檔案,看看人家的網頁是怎麽寫的,然後模仿他們的寫法,不斷規範自己的代碼。嘿嘿,這個方法不錯吧。先好好模仿一下吧。

接下來該學一下Fireworks了。建議一開始就到網上找些實例教程,這些實例教程一般都介紹得很詳細,跟著它一步一步做下來,每學會一個實例就掌握了幾項操作,而且也有了自己的作品,很有成就感的,長期積累下來對自己的提高很有幫助。學Fireworks主要是學圖片處理,比如加一些效果,還有很重要的就是切圖,這對于初學者是很重要的。

這時還可以結合Dreamweaver進行學習,你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁,你就可以達到一定水準了。

要是想讓你的網頁多一些炫目的效果,建議你學一下Flash,難度並不大,而且要是前面的JavaScript基礎打得好的話,學到Flash中ActionScript時,你會有一種似曾相識的感覺,因為這兩種文法幾乎是一模一樣的。

到這時,相信你就可以真正領會到“網頁三劍客”的威力了。

在實踐中不斷提高

要是每天能拿出兩個小時來學習,完成以上這些學習估計隻要20天就差不多了。要是天賦高的話(比如說像我這樣的,呵呵),那需要的時間就更少了。接下來該實習了,找個地方鍛煉一下自己,比如可以去一些公司幹幹兼職,或是給自己的單位設計一下主頁等。

最好是能進入一個正規的開發團隊,你就會學會如何以團隊合作的方式開發網站。特別是怎樣和程式組合作,把頁面與後台程式資料庫配合起來。可能你會擔心自己是新手,人家會嫌棄你,沒關系,隻要努力去找,總會有機會的。

我特別感謝我們學校的學生線上網站給了我一個機會。有一天正趕上應聘,我拿著自己做的兩個Flash作品就去了,沒想到面試還通過了,于是我就這樣有了在專業開發團隊中實踐的機會,通過自己的不斷努力以及向達人的不斷提問,水準飛快提高,兩三個月後,就可以獨立完成一些站點了,當然隻是靜態的。在此,我想指出,千萬不要不好意思,不會就問,達人們是很樂意回答你的,而且你能向他請教,這本來就是對他的一種肯定,他會很高興的,呵呵。

到此,你就基本可以稱作是一個“準Web Designer”了,不過要從根本上提高自己,最好去學學美術,這是當一個網頁設計師的基本功。

筆者剛開始做網頁純粹是自娛自樂,但在這個過程中,我逐漸開始深深喜歡上了這項工作。這個學習過程是人生的一筆寶貴財富,至少我是這麽認為的。

網頁使用語言

1.ASP全名Active Server Pages,是一個WEB伺服器端的開發環境。利用它可以產生和執行動態的、互動的、高性能的WEB服務應用程式。ASP採用腳本語言VBScript(Java script)作為自己的開發語言。

2.PHP是一種跨平台的伺服器端的嵌入式腳本語言。它大量地借用C,Java和Perl語言的文法, 並耦合PHP自己的特徵,使WEB開發者能夠快速地寫出動態產生頁面。

3.JSP是Sun公司推出的新一代網站開發語言,Sun公司借助自己在Java上的不凡造詣,將Java從Java應用程式和Java Applet之外,又有新的碩果,就是JSP,Java Server Page。JSP可以在Serverlet和JavaBean的支持下,完成功能強大的站點程式

其他資料

關于網站

所謂網站(Website),就是指在網際網路(因特網)上,根據一定的規則,使用HTML等工具製作的用於展示特定內容的相關網頁的集合。簡單地說,網站是一種通訊工具,就像布告欄一樣,人們可以通過網站來發布自己想要公開的資訊(信息),或者利用網站來提供相關的網路服務(網路服務)。人們可以通過網頁流覽器來訪問網站,獲取自己需要的資訊(信息)或者享受網路服務。

現在在你眼前,出現在顯示器上的這個 “ 東西 ” ,就是一個網頁。網頁實際是一個檔案,它存放在世界某個角落的的某一台電腦中,而這台電腦必須是與網際網路相連的。網頁經由網址( URL )來識別與存取,當我們在流覽器輸入網址後,經過一段復雜而又快速的程式。網頁檔案會被傳送到你的電腦,然後再通過流覽器解釋網頁的內容,再展示到你的眼前。

站點主頁成分

Web站點主頁應具備的基本成分包括:

頁頭:準確無誤地標識你的站點和企業標志

Email地址:用來接收使用者垂詢;

聯系信息:如普通郵件地址或電話;

著作權信息:聲明著作權所有者等。

充分利用已有信息,如客戶手冊.公共關系文檔.技術手冊和資料庫等。

網站設計要素

設計一個網站,應該考慮下列九條基本因素,這些因素對網站的成功與否有著重要影響。

1.整體布局

網站主頁就好象是宣傳欄或者店面——對訪問者產生第一印象,都希望盡量給人留下好的印象,不是嗎?

網頁

一般來說,好的網站應該給人有這樣的感覺:

幹凈整潔;

條理清楚;

專業水準;

引人入勝。

網頁應該力求抓住而不是淹沒流覽者的註意力,過多的閃爍、色彩、下拉選單框、圖片等會讓訪問者無所適從——離開是最好的選擇。就象一些商店,播放震耳欲聾的發燒音樂,你要做的唯一決定就是離開那裏,越快越好。

2.信息

無論商業站點還是個人主頁,你必須給人們提供有一定價值的內容才能留住訪問者。因為我們人類總是惟利是圖,第一個問題總是:“對我有什麽用處?”

所以你必須提供某些有價值的東西,當然並不是說必須提供某些免費的物品——免費書籍、免費入場券、免費度假等,這些“有價值的東西”可以是:

信息;

娛樂;

勸告;

對一些問題的幫助;

提供志趣相投者聯絡的機會;

連結到有用的網頁,等等。

如果你經營的是企業網站,需要提供關于產品或服務的信息:

容易理解;

容易查詢;

容易訂貨。

3.速度

我們都知道,頁面下載速度是網站留住訪問者的關鍵因素。如果20—30秒還不能開啟一個網頁,一般人就會沒有耐心。至少應該確保主頁速度盡可能快,最好不要用大的圖片。

應該時時提醒自己,網站首頁就象一個廣告牌。當開車經過一個廣告牌時,沒有時間閱讀上面的詳細說明,也不可能贊賞其復雜的圖案,廣告標志從眼前一閃而過,必須在一瞬間給人留下印象。

網上訪問者也是“一閃而過”,保證你的首頁簡單而快速。網上有許多關于如何增加速度的文章——檢查下載速度,放棄一切顯著減慢主頁速度的資料。

4.圖形和版面設計

圖形和版面設計關系到對主頁的第一印象,圖象應集中反映主頁所期望傳達的主要信息。

如果有系列商業站點,你不必讓過分顯眼的動畫出現在首頁——但如果你的網站是遊戲站點,動畫將是必不可少的一部分內容。

圖片是影響網頁下載速度的重要原因,根據經驗。把每頁全部內容控製在30K左右可以保證比較理想的下載時間,圖象在6—8K之間為宜,每增加2K會延長1秒鍾的下載時間。

顏色也是影響網頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:

紅色和橙色使人興奮並使得心跳加速;

黃色使人聯想到陽光,是一種快活的顏色;

考慮到你希望對流覽者產生什麽影響,請為網頁選擇合適的顏色。

閱讀西方格式文本時,眼睛從左上方開始。逐行流覽到達由下方,插入圖象時不要忘記這種特徵。任何具有方向性的圖片應該放置在網頁中對眼睛最重要的地方,如果在左上角放置一幅小鳥的圖片,鳥嘴應該放在把流覽者目光引向頁面中部的地方,而不是把視線引走。

這種思路可以用于所有圖片:

面部應該“看”網頁的中部;

汽車的“停靠”面向網頁中部;

道路、領帶等等圖片的放置都應該在有助于吸引目光從左向右、從上向下移動。

一般總是把網站導航條放置在頁面左邊,也是出于這種考慮——不斷地出現在流覽者的視野之中。

5.文字的可讀性 我們仍然用廣告牌的比喻來說明,文字要在廣告牌上突出,周圍應該留有足夠的空間。也許你曾到過一些網站,要麽擁擠不堪的文字覺得好象隻有把腦袋鑽進去才能閱讀,要麽深色的背景給人的感覺好象處于非常狹窄的空間裏,而且讓人的心情感覺很壓抑。某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花繚亂。

文字的顏色也很重要,不同的流覽器有不同的顯示效果,有些在你的流覽器上很漂亮的顏色在其他流覽器上可能無法顯示。

參考報紙的編排方式,為方便或快速閱讀將你的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。

另一種能夠提高文字可讀性的因素是你所選擇的字型,通用的字型(Arial, Times New Roman, Garamond and Courier)最易閱讀,特殊字型用于標題效果較好,但是不適合正文(試想流覽整頁的 Gothic, Script, Westminster, or Cloister會是怎樣的感受)。因為閱讀費力,你的眼睛很快就會疲勞,不得不轉移到其他頁面。

明白我的意思了嗎?

6.網頁標題的可讀性

必須盡量使你的網頁易于閱讀,除了分欄之外(將頁面縱向分割),也需要利用標題和副標題將文檔分段。

為所有標題和副標題設定同一字型,並將標題字型加大一號,所有標題和副標題都採用粗體,這樣便于識別標題(字型加大加粗)和副標題(粗體,與正文字型大小相同),使流覽者一眼就可以看到要點,以便找出並繼續閱讀有興趣的內容。標題的重要性可見一斑,要認真寫好每個標題!

也可以將整句採用粗體或用不同的顏色突出某些內容,不過不要用難以閱讀的顏色。

7.導航

由于人們習慣于從左到右、從上到下閱讀,所以主要的導航條應放置在頁面左邊,對于較長頁面來說,在最底部設定一個簡單導航也很有必要(隻要兩項就夠了:主頁|頁面頂部)。

確定一種你滿意的模式之後,最好將這種模式套用到同一網站的每個頁面,這樣,流覽者就知道如何尋找信息。

8.保護個人信息聲明和客戶推薦信

對于商業網站來講,最重要的事情之一是確保潛在客戶的信心,你應該明確地告訴人們,如何對其興趣、愛好,尤其個人隱私保密,很有必要專門用一個頁面詳細陳述你的保護個人信息聲明,包括對訪問者的email地址保密、如何接受定單、如何匯總信息、匯總這些信息的目的、誰可以看到這些信息等基本內容。

訪問者也想知道你的產品或服務現有客戶的反映,所以如果能引用與你關系融洽的客戶對你的積極評價,對你的可信度將很有幫助。

不要害怕向顧客索取推薦信——人們都願意自己的意見有價值。

你可以把客戶的推薦信另設計為一個網頁,作為對客戶提供推薦信的回報,在這裏連結到客戶的網站——這也是一種“雙贏”。

9.詞語

一個網站如果隻有漂亮的面板而詞語錯誤連篇、文法混亂,同樣是失敗的,對于網站所有者和負責人將產生很壞的影響,人們會用許多貶義詞來評價你:粗心大意、懶惰、外行、沒水準等等。

你願意把自己辛苦掙來的錢花在一個連自己的網站都馬馬虎虎的人嗎?

你可以按照上述步驟改進你的網站製作技巧;

你可以請人對你的工作進行校對、編輯;

你也可以請人為你製作網頁;

總之,上述步驟在很多方面對你會有所幫助,不要因為對某些步驟的疏忽而影響你的網站的整體效果。

網站設計原則

01 明確內容

如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的使用者需要什麽。你的整個設計都應該圍繞這些方面來進行。

02 抓住使用者

如果使用者不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓使用者失望而轉向你的對手的網站。

03 最佳化內容

內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。比如某網站在設計的某些方面是成功的,但是內容太貪乏,並且要花很長時間才能找到所要的東西,因此不能算是一個成功的網站。 

04 快速下載

沒有什麽比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大于60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05 網站升級

時刻註意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計畫好你的升級計畫。

06 堅持基本原則

即使你不懂HTML語言,你隻需購買一個有著作權的所見即所得的網頁設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,當然現在則是Dreamweaver啦,就可以建立一個看起來很合理的網站。但是,在設計時,這些軟體包雖然不需要HTML,卻使網站速度下降。為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。

07 學習HTML

用HTML設計網站,可以控製設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站傳送到Web之前,預覽你的網站。

08 用筆畫一個網站的架構

聖人雲:筆比劍更強大。在用電腦之前,用筆畫一個網站的架構,顯示出所有網頁的相互關系。計畫好你的使用者如何以最少的時間流覽你的網站。

09 “在電腦上永遠也找不到好的方案”。—專家忠告

10 網站地圖

許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大于利。絕大部分的訪問者上網是尋找一些特別的信息,他們對于你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。

11 “睜大你的眼睛,留意所有的事情。對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素,確保你的設計是圍繞站點流覽進行的。” —專家忠告

12 點擊規則

聽說過3次點擊規則嗎?對于小型網站,在你的主頁上,沒有任何一條信息,需要點擊次數超過3次的。對于大型網站,使用導航和工具條來改善操作。

13 特殊字型的套用

雖然你可以在你的HTML中使用特殊的字型,但是,你不可能預測你的訪問者在他們的電腦上將看到什麽。在你的電腦裏看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特徵,這雖然允許你使用特殊的字型。但是仍需要一些變通的方法,以免你所選擇的字型在訪問者的電腦上不能顯示。級聯風格表CSS有助于解決這些問題,但是隻有最新版的流覽器才支持CSS。

14 “使用切合實際的簡便的命名規則。” —專家忠告

15 檢查錯別字

好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外註意平常容易誤寫的錯別字。

16 避免長文本頁面

在一個站點上有許多隻有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基于文本的文檔,應當以Adobe Acrobat格式的檔案形式來放置,以便你的訪問者能離線閱讀。

17 不要使用卷滾條 

人們厭惡在網上使用卷滾條。某站是一個典型的設計很差的網站。它基于一個浮動的架構,為了閱讀所有的文本,流覽者不得不使用卷滾條。

18 專家最喜愛的Web設計工具

1).Adobe Photoshop

2).Macromedia Flash

3).Adobe Illustrator

4).Adobe ImageRead

5).Macromedia Dreamweaver

6).Macromedia Fireworks

7). Allaire Homesites

8).Microsoft Notepad

9). Macromedia Director

10). Lightwave

11). Macromedia Freehand

12).其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。

19 網站介紹

你應當有一個很清晰的網站介紹,告訴訪問者你的網站能夠提供些什麽。以便訪問者能找到想要的東西,但是,許多設計者都沒有這樣做。有效的導航條和搜尋工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

20 “網站一旦發布,網站設計的優點和缺陷全都公布于世。沒有什麽方法使你能夠比從自己的錯誤、傾聽其他人的建議和使用者反饋意見中學到更多的東西。” —專家忠告

21 閃爍讓人頭痛

通過使用標識可以吸引訪問者對你的主頁特殊部分的註意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站,就少用此方法。

22 背景顏色

背景顏色也會產生一些問題,可能會使網頁難于閱讀。你應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字型。

23 向前和向後按鈕

應當避免強迫使用者使用向前和向後按鈕。你的設計應當使使用者能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使流覽者能夠從每一頁上訪問網站的任何部分。

24 專家忠告 :“堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習。”

25 點擊記數器

不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。大多數流覽者認為計數器毫無意義,它們很容易被做假,流覽者也不想看廣告。如果你顯示你的網站是多麽受歡迎,你最好提供一個連結,顯示訪問日志。

26 不要用架構

與記數器一樣,架構在網頁上越來越流行。在大多數網站上,在螢幕的左邊有一個架構。但是設計者立刻就發現,在使用架構時產生了許多的問題。使用架構時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。架構也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜尋引擎常常被架構混淆,從而不能列出你的網站。

27 去掉圖像

在流覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果。對于那些使用ISDN連線並且關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的連結和使用替代文字,而不是圖像來滿足訪問者的需要。

28 重復使用圖像

一些網站由于使用大量不重復的圖像而錯過了使用更好的技巧的機會。在建立商標時,在網頁上多次使用同樣的圖像是一個好的方法,並且一旦它們被裝入,以後重新載入就會很快。

29 避免使用過大的圖像

不要使用橫跨整個螢幕的圖像。避免訪問者向右捲動螢幕。佔75%的螢幕寬度是一個好的建議。

30 專家忠告:“避免使用炫耀的技巧。”

31 選擇使用Flash動畫

許多使用比較慢的電腦的訪問者發現動畫圖示很容易耗盡系統資源,使網站的操作變得很困難,因此,應該給使用者一個跳過使用Flash動畫的選擇。

32 盡量少使用Flash外掛程式

雖然許多Web設計者認為Flash功能很強大,並且Netscape5.0將支持Flash,在使用時不必再下載任何外掛程式。 但是,最好還是取消使用Flash做各接口的想法。

33 讓使用者先預覽小圖像

如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣使用者就不必浪費金錢和時間去下載他們根本不想看的大圖像。

34 動畫與內容應有機結合

確保動畫和內容有關聯。它們應和網頁渾然一體,而不是幹巴巴的。動畫並不隻是Macromedia Director等製作的東西的簡單堆積。

35 慎用聲音

聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢,同時並沒有帶給流覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣,但是多次以後肯定會很煩人。使用聲音前,應該仔細考慮聲音將會給你帶來什麽。

36 少用Java 和AxtiveX

在網頁上應盡量少使用Java 和AxtiveX。因為並不是每一種流覽器都需要使用它,隻有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。

37 設計成功的網站

藍色理想

七色鳥

ChinaUI

5D多媒體

38 慎用外掛程式

在Web設計中,如果依賴于一些特別的外掛程式,會減少網站的吸引力。如果訪問者沒有所要求的外掛程式,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。

39 使用著名的外掛程式

如果網站上有聲音或影片,要保證使用者通過使用某個知名的外掛程式,能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave外掛程式。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的外掛程式。

40 使用先進技術

跟上新的技術。Web技術的進步絕不會停止,所以應花一些時間來研究新產品和開發技術。

41 自己建立圖像和聲音

使用你自己建立的或從某個商業網站上下載的圖像和聲音。在製作商業網站時,應該花足夠的資金來建立圖形,以增強公司的宣傳。

42 專家忠告— “無論是遊戲、圖像、動畫還是電影,想想你喜歡的設計是怎樣的,這將激發你的創作靈感,使你創作出新的和更好的網站。”

43 平台的兼容性

要為使用者著想,必須最少在一台PC 和一台Mac機上測試你的網站,看看兼容性如何。

44 用軟體分析工具找錯

使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查,可選用軟體分析工具。

45 避免錯誤連結

網站中可能與其它一些有用的站點作了連結。但是,如果在你的網頁上有連結,一定要經常檢查它們,保證連結有效。連結的網站可能很多,但不要連結到與你的內容無關的網站上。

46 給觀眾成熟的東西

如果網站沒有完成,就不要傳送到Web上。所有好的網站都是在幕後完成之後再發布的。

47 在搜尋引擎上登記網站

任何一個人發現你的網站的機會都很少,除非你把你的網站在主要的搜尋引擎上進行登記。

48 設計一個留言板

流覽者願意把時間花在好的網站上,所以最好有一個留言本,這能激勵訪問者再次回到你的網站,還有助于擴充網站內容。

49 測試網站

在你的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的流覽器,所以要照顧到以前的流覽器。在上傳網站時還要測試所有的連結和導航工具條。

50 專家忠告—“盡你所能反復測試所設計的網站,直到你不能發現新的東西為止。”

51 演示即將發布的網站

在網站正式運行之前,讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。

52 動畫點綴

網頁上的動畫最多隻用一個

53 專家忠告—“傾斜的按鈕看起來不會太好,最好不要使用。”

54 內容組織

在開始建立新的網頁前,仔細考慮網站內容的組織。決定好想讓訪問者流覽的內容,然後設計導航系統。

55 “空白萬歲”

註意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。

56 利用空白去吸引註意力。

為了吸引眼球,Web設計者使用各種方法,比如:閃爍、旋轉等,但是利用空白會吸引更多的註意力。”—專家忠告

57 圖像壓縮

為了保持小的圖像,可以使用類似GIF向導的程式,它能自動對圖像進行壓縮。 先聲明圖像的大小,在圖像顯示之前最好能詳細說明圖像大小屬性,可以在IMG標簽中儲存這個屬性。這可以使網頁顯得很流暢,因為流覽器可以在圖像被下載之前在螢幕上顯示整個網頁。

58 設計一個失敗的網站,從中找出原因,提高自己的鑒別能力。

59 使用者註冊

如果能知道誰流覽了網站以及是怎樣流覽網站的,那麽就能得到大量有用的信息。但是,要求訪問者在流覽網站之前進行註冊。這樣做是要冒風險的,因為這將趕走一批不願意註冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵,讓使用者能主動填一些信息反饋表。

60 使網站具有互動功能

在網站上提供一些回答問題的工具,使得訪問者能從網站上獲得互動的信息。

61 圖片更新

盡可能經常更換網站上的圖片,人們更願意點擊的是圖片而不是文本。

62 在網站上提供遊戲

遊戲是很好的互動工具,它是使訪問者能再次光顧網站的好方法。

63 挑選工具軟體

仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。

64 使用最新版本的軟體

盡量使用Web設計軟體的最新版本,還應當能被授權進行免費或便宜的升級。

相關詞條

相關搜尋

其它詞條