網站首頁

網站首頁

網站首頁是一個網站的入口網頁,故往往會被編輯得易于了解該網站,並引導網際網路使用者流覽網站其他部分的內容。這部分內容一般被認為是一個目錄性質的內容。大多數作為首頁的檔案名稱是index、default、main或portal加上擴展名。

中國大陸,《量和單位國家標準GB3100~3102-93》中審定廢止"起始頁"這一名稱。

  • 中文名稱
    網站首頁
  • 解釋
    一個網站的入口網頁
  • 功能
    引導網際網路使用者流覽網站
  • 性質
    目錄
  • 檔案名稱
    index、default等
  • 原稱
    起始頁

設計原則

01 明確內容

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

02 抓住使用者

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

03 最佳化內容

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

04 快速下載

沒有什麽比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大于60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。最好符合WEB標準化用css定位的網站往往比表格定位要少很多代碼。

05 網站升級

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

06 堅持基本原則

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

07 學習HTML

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

08 用筆畫一個網站的架構

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

09 "在電腦上永遠也找不到好的方案"。

專業要求

1.網頁設計軟體 Photoshop\Dreamweaver\Fireworks\Flash\HTML語言

2.網站後台編程 ASP開發環境、Windows窗體編程、常用控制項;ASP編程、ASP Web伺服器控制項、配置和最佳化ASP應用程式、調試和錯誤處理、ADO、連線和操作資料源、資料集、水晶報表的使用、Web服務建立和使用;留言板、BBS論壇、電子商務系統

3.資料庫管理 Access資料庫的基本概念、結構、資料表的建立、資料表的基本維護、SQL Server基礎、資料源的連結、SQL語言、集合函式、資料類型

4.學習綜合性網頁設計規則、頁面整體排版能力的處理、圖片美工及 WEB 程式塊的調入和美化、程式的調試和運用、網站綜合訓練 、動態網頁創作模式。

註意要點

1.記住使用者的目標

使用者往往帶著目的訪問一個站點,每個連結,每次點擊都要合乎他們的經驗並且引導他們通向他們的目標。當傳輸你的頁面時,應該讓關鍵的導航連結首先裝載--萬一使用者想轉到網站其它的區域。模仿通常的使用者圖形介面往往可以增加可用性。

2. 記住網站的目的

網站設計應該反應商業或者客戶的需求,有效的傳播主要信息與促進品牌。然而網站的目標最好通過尊重使用者的習慣來達到,所以站點結構必須滿足使用者的需要,快速的將使用者引導至其目標而避免任何公司和區域行話。

3. 避免沒有必要的介紹

雖然介紹的動畫非常精彩,但是它們往往延誤了使用者訪問他們正在尋找的信息。應該經常提供給使用者一個忽略介紹的命令或者訪問你的主頁的選擇,當他們第二次訪問您的主頁時,對所有的使用者都應該忽略簡介動畫(使用客戶端的javascript來完成這個功能),然後在目標頁面提供返回到動畫頁面的選擇。

4. 提供合乎邏輯的導航與互動

· 保證使用者的導航: 顯示使用者訪問過的上一個地址和他即將訪問的下一個地址. 通過連結的不同顏色在使用者訪問後提醒他們訪問過的頁面.

· 提供使用者一個輕松跳出他們正在訪問的部分回到出發點的的連結.

· 明確說明每個連結的位置. 保證連結的結構和命名法的可視性,而不是隱藏它們直到使用者觸發了某個事件(比如滑鼠移近).

· 確保按鈕定義了足夠好的反應區域.

· 利用Flash流的特徵首先裝載主要的導航元素.

· 確保導航的後退按鈕. 為了做到這一點可以使用流覽器內置的前進和後退導航系統,將Flash影片邏輯的分成幾塊並置于獨立的HTML頁面中. 做為一種選擇, 為影片建立一個基于Flash的後退按鈕以便使用者可以利用它後退到一個包含上一個訪問頁面的場景或楨.

5. 設計的連貫性

提高您的站點性能的最好方法是使用者介面的一致性. 元素結構的再使用,元素的設計以及命名的習慣將使使用者在導向他們的目標時對站點傳達的信息的註意力更加豐富, 而且這也有利于站點的維護. 你可以在整個站點中使用小影片(Smart Clip)來重復使用互動元素, 還可以讓最初導航系統的文字和圖片在目標頁面中重新使用.

6. 不要過度使用動畫

避免不必要的動畫. 最好的動畫應該是可以增加站點的設計目標的動畫, 在導航的時候講述一個故事或者有幫助的事情. 在包含大量文字的頁面使用重復的動畫將使視線從訊息轉移.

7. 慎重使用聲音

聲音可以為你的站點錦上添花但是絕對不是必要的. 例如:使用聲音來說明使用者剛剛觸發了一個時間. 確保使用了聲音的開關與音量調節方法, 並且要記住聲音會顯著的增加檔案的大小. 當你確實使用了聲音的時候,Macromedia Flash會將聲音轉換為MP3檔案甚至流媒體化.

8. 面向低頻寬的使用者

越少的下載越好. 初始的下載頁面大小不能超過40K, 包括所有Macromedia檔案圖像和HTML檔案. 為了減少下載時間, 使用矢量圖形(除非圖像使壓縮過的BMP, 那樣最好仍保持為BMP格式), 並且隻有在使用者確定的要用到某個檔案時才使用Load Movie動作. 如果使用者必須等待, 提供一個裝載的時間序列與進度條, 隻要可能,必須在前5秒內裝載導航系統.

9. 設計的易用性

確保你的站點的內容能被所有的使用者閱讀, 包括那些殘疾使用者. 高度使用ALT標簽可以確保網站內容能被輔助工具解釋. 影片的可縮放性是讓更多使用者了解網站內容的另一項易用的Macromedia特色. 如果需要一個徹底的Macromedia Flash內容可用性的討論,請登入Macromedia Flash可用性網站.

10. 可用性測試

讓一些新手來訪問站點並同時完成使用者目標與站點目標. 甚至簡短的Macromedia Flash動畫都有可能阻擋使用者實現目標, 所以使用Macromedia Flash的頻寬模擬器(Bandwidth Profiler--譯者註)(在視圖選單的測試影片模式下)來分析站點在不同頻寬模式下的性能.每次 重復測試影片哪怕是很小的改動. 確保站點的測試者從人口統計學上合乎站點的預定使用者-特別是預定使用者中有對站點的導航有不同級別的滿意程度.

相關詞條

相關搜尋

其它詞條