書(shū)名: 網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目教程(微課版)作者名: 湯智華本章字?jǐn)?shù): 1039字更新時(shí)間: 2019-09-12 15:05:31
1.5 網(wǎng)頁(yè)賞析
網(wǎng)站可以分成多種類型,分類方法也有多種。根據(jù)網(wǎng)站的用途分類,有門戶網(wǎng)站(綜合網(wǎng)站)、行業(yè)網(wǎng)站、娛樂(lè)網(wǎng)站等;根據(jù)網(wǎng)站的持有者分類,有個(gè)人網(wǎng)站、商業(yè)網(wǎng)站、政府網(wǎng)站等;根據(jù)網(wǎng)站的商業(yè)目的分類,有營(yíng)利型網(wǎng)站和非營(yíng)利型網(wǎng)站。
鑒賞一個(gè)網(wǎng)站,我們一般從以下兩個(gè)方面著手,一是網(wǎng)站的主題。所謂網(wǎng)站的主題是指網(wǎng)站向大眾或特定的人群傳達(dá)的主要內(nèi)容或建立網(wǎng)站的意圖。二是網(wǎng)站的首頁(yè)。所謂網(wǎng)站的首頁(yè),是指打開(kāi)一個(gè)網(wǎng)站后看到的第一頁(yè)。
一、賞析綜合性門戶網(wǎng)站
綜合性門戶網(wǎng)站資源比較豐富,內(nèi)容比較綜合。其中,新浪網(wǎng)作為中國(guó)互聯(lián)網(wǎng)門戶網(wǎng)站的領(lǐng)航者,是中國(guó)網(wǎng)民上網(wǎng)沖浪的常用門戶網(wǎng)站。新浪網(wǎng)站首頁(yè)效果圖如圖1-8所示。

圖1-8 綜合性門戶網(wǎng)站首頁(yè)效果圖
新浪網(wǎng)站首頁(yè)的布局是典型的“國(guó)”字型布局,整體設(shè)置大方得體,具有門戶風(fēng)范。
網(wǎng)站首頁(yè)風(fēng)格是典型的實(shí)用主義風(fēng)格,從頁(yè)面的分割上可以很明確地感到這一點(diǎn)。除了左側(cè)的要目提示和頂端的導(dǎo)航條使用了新浪的標(biāo)志性黃色以外,其他的版塊均未使用搶眼的色彩,整體風(fēng)格明朗化,給人實(shí)在的感覺(jué)。
二、賞析電子商務(wù)型網(wǎng)站
隨著國(guó)內(nèi)Internet使用人數(shù)的增加,利用Internet進(jìn)行網(wǎng)絡(luò)購(gòu)物的消費(fèi)方式已逐漸流行,市場(chǎng)份額也在迅速增長(zhǎng),電子商務(wù)網(wǎng)站層出不窮,其中,淘寶網(wǎng)成為此類網(wǎng)站成功的典范。
淘寶電子商務(wù)網(wǎng)站首頁(yè)效果圖如圖1-9所示。

圖1-9 商務(wù)型網(wǎng)站首頁(yè)效果圖
淘寶網(wǎng)頁(yè)面布局:從頁(yè)面布局來(lái)分析,頁(yè)面頂部是主導(dǎo)航欄,左右兩側(cè)是二級(jí)導(dǎo)航條、登錄區(qū)、搜索區(qū)等,中間是主內(nèi)容區(qū),底部是友情鏈接及版權(quán)信息。
淘寶網(wǎng)站風(fēng)格:整體風(fēng)格給人充滿活力又不失穩(wěn)重、嚴(yán)謹(jǐn)、可靠。色彩運(yùn)用以橙色為主色調(diào),是令人振奮的色彩,很容易感染瀏覽者的情緒,提升瀏覽者的購(gòu)買欲望。
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作,從一開(kāi)始就要學(xué)會(huì)登錄不同類型的網(wǎng)站,欣賞優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì),為學(xué)習(xí)制作網(wǎng)站奠定基礎(chǔ)。
三、賞析校園系部信息網(wǎng)站
校園網(wǎng)是各種類型網(wǎng)絡(luò)中一大分支,它有著非常廣泛的應(yīng)用。門戶網(wǎng)站在各個(gè)領(lǐng)域的影響作用日益增強(qiáng),每個(gè)學(xué)校、每個(gè)系部都應(yīng)該有自己精彩的門戶網(wǎng)站。隨著時(shí)代的進(jìn)步,信息的社會(huì)化,學(xué)校作為教育的前沿地帶,校園系部信息網(wǎng)站的建設(shè)有著重要的意義。某學(xué)院信息工程系網(wǎng)站首頁(yè)效果圖如圖1-10所示。該系部網(wǎng)站首頁(yè)的整體布局為“上”“中”“下”三個(gè)大板塊,中間主體板塊又分為“左”“右”兩個(gè)板塊。該網(wǎng)站風(fēng)格定位以藍(lán)色為主色調(diào),通過(guò)調(diào)整單一色彩的飽和度和不透明度,使得主體藍(lán)色產(chǎn)生變化,在藍(lán)色中搭配白色,增加了網(wǎng)頁(yè)視覺(jué)的層次感,給人以清新、爽朗的感覺(jué)。

圖1-10 某學(xué)院信息工程系網(wǎng)站首頁(yè)效果圖
- 大型網(wǎng)站架構(gòu)實(shí)戰(zhàn)
- 眾妙之門:網(wǎng)站UI設(shè)計(jì)之道2
- 網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)從入門到精通
- HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)教程
- 網(wǎng)頁(yè)設(shè)計(jì)與制作(Dreamweaver CS6)
- 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)(第2版)
- ADOBE DREAMWEAVER CS6 標(biāo)準(zhǔn)培訓(xùn)教材
- 《練就職場(chǎng)功夫熊貓》
- 電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)(第二版)
- Highcharts網(wǎng)頁(yè)圖表制作實(shí)例詳解 (Web開(kāi)發(fā)典藏大系)
- 從零開(kāi)始讀懂Web3
- Web綜合實(shí)戰(zhàn)教程
- 網(wǎng)頁(yè)設(shè)計(jì)綜合實(shí)踐教程
- 中文版Dreamweaver CS6高手之道
- 水晶石技法Photoshop商業(yè)網(wǎng)頁(yè)設(shè)計(jì)