網(wǎng)站界面設計(已修改)
2025-08-27 20:44 本頁面
【正文】 第四章 網(wǎng)站 界面設計 網(wǎng)站 的板式構成和特點 1 網(wǎng)站的客戶端開發(fā)技術 2 2 4 網(wǎng)站 首頁的設計 3 網(wǎng)站 二級頁面的設計要點和方法 4 網(wǎng)站界面藝術設計 2 5 網(wǎng)站的板式構成和特點 網(wǎng)頁界面的版式構成設計，是將文字、圖像、色彩、動畫、視頻等網(wǎng)頁界面的傳達要素，根據(jù)特定的內容和主題，在網(wǎng)頁所限定的范圍中，運用造型元素和形式原理進行視覺的關聯(lián)與配置，從而將設計意圖以視覺形式表現(xiàn)出來。 1）分列式布局結構 2）區(qū)域式布局結構 3）自由式布局結構 1）分列式布局結構的特點 分列式布局結構是運用最為廣泛的商業(yè)網(wǎng)頁布局結構，因特網(wǎng)上的門戶網(wǎng)站和綜合類網(wǎng)站絕大部分是這一結構。分列式布局結構一般版面呈長方形，顯示效果橫窄豎寬，有上下滾動條。 分列式布局結構可分為：整列式、二列式、三列式、四列式、五列式、混合列式。 2）區(qū)域式布局結構的特點 區(qū)域式布局結構在商業(yè)網(wǎng)頁布局中運用也很廣，它通常利用顏色、線條、文字的斷口或插圖的變換等手段把網(wǎng)頁平面劃分為幾個規(guī)則的或不規(guī)則的區(qū)域。區(qū)域式布局結構版面接近方形，一般沒有滾動條或滾動條很短。 3）自由式布局結構的特點 自由式布局結構有靜態(tài)和動態(tài)兩種形式。 靜態(tài)布局通常把網(wǎng)頁當作平面出版物創(chuàng)意設計，將信息與背景畫面融為一體，沒有清晰的界限區(qū)分，設計好的網(wǎng)頁圖片通常采取分割整張圖片生成網(wǎng)頁的形式去制作。此類頁面設計通常精美華麗，視覺效果較好，個性化強，但不適用于信息量大的站點。 動態(tài)布局通常采用流行的 Flash動畫作為表現(xiàn)形式。由于 Flash強大的功能，這種排版形式變化多樣，視覺沖擊力強，整體效果好。 另外，也可以將網(wǎng)頁布局分為：“國”字形布局、“匡”字形布局 、“三”字形布局、“川”字形布局 、海報型布局、Flash布局、標題文本型布局 。 類型 推薦布局排版工具 分列式布局結構 Dreamweaver 區(qū)域式布局結構 Dreamweaver 自由式布局結構 (靜態(tài) ) Photoshop+Dreamweaver 自由式布局結構 (動態(tài) ) Flash+Dreamweaver 各類版式構成設計的開發(fā)工具： 網(wǎng)站的客戶端開發(fā)技術 1） Html語言 HTML它是一種文檔標記語言，支持超鏈接，可由瀏覽器呈現(xiàn)。 HTML的優(yōu)點有： HTML允許任何使用任何瀏覽器訪問（通用客戶）； HTML是一種小型語言，易于學習；瀏覽器容易獲得； HTML輸出相對簡單。 2） CSS語言 CSS（ Cascading Style Sheets）是一種風格語言，它允許為不同的顯示部分建立不同的字體，頁空白或行空白等。使用 CSS可以使整個站點的所有頁面看起來具有統(tǒng)一的風格。 優(yōu)點： CSS提供 HTML對象的 X， Y， Z位置的放置。 因為只有文本被傳送，因此具有較快的下載速度，容易建立和維護網(wǎng)站范圍的風格。 缺點： 早期的瀏覽器可能不支持 CSS。
環(huán)評公示相關推薦
鄂ICP備17016276號-1