跳轉到內容

計算機革命/電子商務/網站設計

來自華夏公益教科書,開放書籍,開放世界
HTML 程式碼

網站設計是確定網站外觀、風格和流程的工作。網站設計的兩個最重要的功能需求是網站的目標使用者和網站的目標。確定這些後,可以使用流程圖、頁面佈局和故事板等基本設計工具來確定網站的組織結構。在設計過程中需要注意以下幾點:

  1. 興趣 - 如何保持網站的趣味性,讓人們經常訪問
  2. 可訪問性 - 網站是否可以透過所有不同的平臺(不同的瀏覽器和硬體型別)訪問
  3. 頻寬要求 - 頁面在不同系統上的載入速度有多快

網站設計完成後,就可以開始開發過程(實際建立網站及其內容)。

頁面佈局

[編輯 | 編輯原始碼]

頁面佈局涉及網站的排列、導航和內容放置。最終,頁面佈局可以成就或毀掉網站。根據專案和目標受眾的不同,網頁設計師的靈活性會有所不同,因為內容放置非常重要。

通常,使用者的眼睛會根據他們要查詢的內容而關注頁面的某些部分。例如,如果一個新手使用者在電子商務網站上尋找搜尋欄,他們的眼睛最常會看向頁面右上角。

流程圖

[編輯 | 編輯原始碼]
流程圖

流程圖用於設計網站時,描述了網站中頁面之間的關係。流程圖實際上是網站結構的地圖。每個網頁都用一個方框來表示,方框之間的連線顯示了網站的邏輯組織結構。

基本上,流程圖以網頁設計師喜歡的不同頁面連結的形式描述了網站,因此網站訪問者可以以他們喜歡的任何順序訪問頁面。即使流程圖方框之間的連線指示了必要的超連結,通常頁面之間還有其他連結,這使得瀏覽網站變得更加複雜和容易。

故事板

[編輯 | 編輯原始碼]

故事板是一個圖形組織器,它將每個頁面或螢幕上的影像排列在動畫序列中。它們通常用於設計動畫、動態圖形或互動式媒體序列。例如,故事板可以用來設計動畫啟動頁面的元件 - 它是網站主頁顯示之前出現的介紹頁面。使用故事板的優勢在於,它允許使用者測試序列中的更改以適應他們的需求。在確定網站的基本內容和目標後,通常會使用故事板、流程圖和頁面佈局。

參考:莫雷利,黛博拉;帕克,查爾斯。瞭解今天的計算機和未來的計算機。課程技術,2011 年,第 411 頁。


層疊樣式表

[編輯 | 編輯原始碼]
檔案:CSS.svg
CSS

CSS(層疊樣式表)用於將整套樣式應用於網站,以實現一致性和簡化。

例如,網頁設計師將建立一個包含他們首選樣式編碼的 .css 檔案。只需在每個頁面的頁首中新增一個連結,該 .css 檔案中的所有編碼就會在每個頁面上生效,從而為網頁設計師節省時間和精力。

檔案型別

[編輯 | 編輯原始碼]

網站設計不僅是表面功夫,還需要將資訊傳達出去。為了達到最佳效果,可以使用不同的檔案型別來顯示網站前景或背景上的影像。最常用的影像檔案型別是 .JPG(聯合影像專家組)、.PNG(行動式網路圖形)和 .GIF(圖形交換格式)。這些格式構成了網站的色彩和設計。除了這些型別的影像檔案,還有音訊和影片檔案型別,這些檔案型別可以在網站上使用,前提是網站上有一個嵌入式編碼播放器。GIF 格式示例...

來源:瞭解計算機:今天與明天,綜合,第 13 版 - 肯高

gif 地球


不同的影像檔案

正如我們所討論的,我們瞭解到可以在網站上使用不同的影像格式。我們將簡要討論使用每個檔案的目的。

  • GIF

GIF 最常用於徽標、橫幅和非攝影影像。

  • PNG

此格式是為了應對圍繞 GIF 格式的專利問題而為網頁影像建立的。

  • JPEG

此格式是網頁照片的標準格式。

華夏公益教科書