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