網(wǎng)絡(luò)編輯（第三版）第05章網(wǎng)站的結(jié)構(gòu)與編排

1、第一章第二章第三章第四章第五章 網(wǎng)站的結(jié)構(gòu)與編排第六章 第七章第八章第九章第十章第十一章第十二章第十三章 第十四章第五章 網(wǎng)站的結(jié)構(gòu)與編排 5.1 網(wǎng)站的結(jié)構(gòu)5.2 網(wǎng)站的創(chuàng)業(yè)設(shè)計5.3 網(wǎng)頁的編排設(shè)計5.4 網(wǎng)絡(luò)的內(nèi)容原創(chuàng)5.5 職業(yè)工作站5.6 分析評價_學(xué)習(xí)目標(biāo)第五章 網(wǎng)站的結(jié)構(gòu)與編排知識目標(biāo)：了解建立網(wǎng)站結(jié)構(gòu)的原則，掌握網(wǎng)站的幾種常見結(jié)構(gòu);了解網(wǎng)站創(chuàng)意設(shè)計的基本原則和創(chuàng)意設(shè)計中的相關(guān)要素;了解網(wǎng)頁編排設(shè)計的基本原則。 技能目標(biāo)：能夠合乎規(guī)范并熟練地進(jìn)行網(wǎng)站創(chuàng)意和網(wǎng)頁編排的實際操作。 能力目標(biāo)：能夠根據(jù)網(wǎng)站定位的實際需要，運用網(wǎng)站結(jié)構(gòu)、網(wǎng)站的創(chuàng)意設(shè)計和網(wǎng)頁編排設(shè)計的知識與技能，創(chuàng)造性地分

2、析與解決網(wǎng)站創(chuàng)意和網(wǎng)頁編排設(shè)計設(shè)計中的實際問題。 _5.1 網(wǎng)站的結(jié)構(gòu)第五章 網(wǎng)站的結(jié)構(gòu)與編排組織結(jié)構(gòu)的原則網(wǎng)站的結(jié)構(gòu)：就是指某一網(wǎng)站信息組合的基本框架，它顯示該網(wǎng)站中各個網(wǎng)頁之間的邏輯關(guān)系。1）層次適當(dāng)2）拓展性廣_5.1 網(wǎng)站的結(jié)構(gòu)第五章 網(wǎng)站的結(jié)構(gòu)與編排5.1.2幾種常見的結(jié)構(gòu)1）線狀結(jié)構(gòu)網(wǎng)頁一網(wǎng)頁二網(wǎng)頁三網(wǎng)頁四_ 5. 1 網(wǎng)站的結(jié)構(gòu) 第五章 網(wǎng)站的結(jié)構(gòu)與編排2）樹狀結(jié)構(gòu) 主頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁第五章 網(wǎng)站的結(jié)構(gòu)與編排3）網(wǎng)狀結(jié)構(gòu)_ 5. 1 網(wǎng)站的結(jié)構(gòu)主頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁第五章 網(wǎng)站的結(jié)構(gòu)與編排5.1.4 網(wǎng)站的鏈接方式 1）導(dǎo)航條（欄） 搜狐網(wǎng)站的主導(dǎo)航條_ 5.1 網(wǎng)站的結(jié)

3、構(gòu)第五章 網(wǎng)站的結(jié)構(gòu)與編排2）超鏈接 是指通過地址將不同位置的信息源，且通過它可以方便地實現(xiàn)訪問。信息源可以是一個站點、一個郵件地址、一個網(wǎng)頁、一個網(wǎng)頁中不同位置中的內(nèi)容。3）超文本 是一種電子文檔，其中的文字包含有可以鏈接到其他文檔的鏈接，允許從當(dāng)前閱讀位置直接切換到超文本鏈接所指向的文字。_ 5.1 網(wǎng)站的結(jié)構(gòu)第五章 網(wǎng)站的結(jié)構(gòu)與編排5.2.1 網(wǎng)站創(chuàng)意設(shè)計原則 1）統(tǒng)一性原則 統(tǒng)一性原則是指網(wǎng)站內(nèi)所有的頁面在色彩、導(dǎo)航條、內(nèi)容版面、網(wǎng)站Logo等版面元素上保持整體風(fēng)格相對統(tǒng)一。 2）互動性原則 互動是網(wǎng)絡(luò)媒介的一個重要特征，網(wǎng)站上的內(nèi)容只有在與訪問者的互動下才能達(dá)到預(yù)期效果。網(wǎng)民的參與感

4、、網(wǎng)站的反饋需求都要通過互動環(huán)節(jié)的設(shè)計才能實現(xiàn)。 3）適用性原則 充分考慮網(wǎng)站訪問者的心理接受程度是網(wǎng)站創(chuàng)意設(shè)計的前提。5.2 網(wǎng)站的創(chuàng)意設(shè)計第五章 網(wǎng)站的結(jié)構(gòu)與編排5.2.1 網(wǎng)站創(chuàng)意設(shè)計要素1）VI設(shè)計 （1）LOGO人們在打開網(wǎng)頁時，最先看到的往往是一個網(wǎng)站的Logo._ 5.2 網(wǎng)站的創(chuàng)意設(shè)計（2）標(biāo)準(zhǔn)色第五章 網(wǎng)站的結(jié)構(gòu)與編排2）網(wǎng)站內(nèi)容模塊設(shè)計 一是網(wǎng)站的定位 網(wǎng)站的定位決定網(wǎng)站的內(nèi)容構(gòu)成，在設(shè)計內(nèi)容模塊時，要將這些內(nèi)容按照一定的邏輯關(guān)系組織在一起，使其條理清晰，方便尋找、閱讀信息。 二是網(wǎng)站讀者的閱讀習(xí)慣和興趣 訪問者會抱著不同的目的訪問不同的網(wǎng)站。網(wǎng)站在做內(nèi)容模塊設(shè)計時，要充分

5、考慮到讀者訪問的目的，根據(jù)訪問者的興趣和閱讀習(xí)慣來設(shè)計內(nèi)容。 _ 5.2 網(wǎng)站的創(chuàng)意設(shè)計第五章 網(wǎng)站的結(jié)構(gòu)與編排5.3.1 網(wǎng)頁編排設(shè)計原則1）邏輯性原則 網(wǎng)頁信息間的邏輯關(guān)系就成為組織起這些網(wǎng)頁的內(nèi)在動因。2）平衡性原則 要充分考慮訪問者對版面元素的視覺接受度。3）對比性原則 要在網(wǎng)頁設(shè)計中，通過文字、圖片、裝飾等符號的對比編排，打破網(wǎng)頁的平面感、沉悶感，創(chuàng)造出具有動感韻律的網(wǎng)頁。_5.3 網(wǎng)頁的編排設(shè)計第五章 網(wǎng)站的結(jié)構(gòu)與編排5.3.2 首頁編排 一、首頁構(gòu)成要素 1）文字 2）圖片、表格 3）音視頻 4）超鏈接 5）線條、色彩_ 5.3 網(wǎng)頁的編排設(shè)計第五章 網(wǎng)站的結(jié)構(gòu)與編排5.3.2

6、首頁編排二、搭建首頁框架1）“T”形框架2）“門”形框架3）“川”形框架4）“塊”形框架_ 5.3 網(wǎng)頁的編排設(shè)計第五章 網(wǎng)站的結(jié)構(gòu)與編排 網(wǎng)絡(luò)內(nèi)容原創(chuàng)，究其本質(zhì)而言是新媒體產(chǎn)品核心競爭力的體現(xiàn)。1）網(wǎng)絡(luò)原創(chuàng)內(nèi)容界定 原創(chuàng)從本身的內(nèi)涵出發(fā)，是指首創(chuàng)而非抄襲、模仿的、內(nèi)容和形式具有獨特個性的成果。 新媒體的原創(chuàng)內(nèi)容則是指在網(wǎng)絡(luò)、手機(jī)等新媒體（基于數(shù)字基礎(chǔ)上的非線性傳播的。能夠?qū)崿F(xiàn)交互具有互聯(lián)網(wǎng)傳播特性的傳播方式和交互傳播的組織機(jī)構(gòu)）的信息傳播中，首創(chuàng)而非抄襲、模仿的傳播內(nèi)容。 _ 5. 4 網(wǎng)絡(luò)內(nèi)容原創(chuàng)第五章 網(wǎng)站的結(jié)構(gòu)與編排2）新媒體原創(chuàng)內(nèi)容的類型 原創(chuàng)新聞 原創(chuàng)評論 原創(chuàng)文學(xué)3）網(wǎng)絡(luò)原創(chuàng)內(nèi)容的特性原創(chuàng)主題的復(fù)雜性原創(chuàng)內(nèi)容的多元性傳播效果的不確定_ 5. 4 網(wǎng)絡(luò)內(nèi)容原創(chuàng)第五章 網(wǎng)站的結(jié)構(gòu)與編排_本章小結(jié) 本章主要是從整體上對網(wǎng)站的框架結(jié)構(gòu)、色調(diào)，內(nèi)容等方面的設(shè)計進(jìn)行介紹。網(wǎng)站主要是視覺媒體，要通過人性化的設(shè)計，內(nèi)在邏輯性將各種信息組合在一起，并將其裝入科學(xué)設(shè)計的網(wǎng)站框架內(nèi)，通過友好的界面和各種交互性的功能與用戶進(jìn)行溝通交流，方便用戶對網(wǎng)站的使用。 本章從視覺方面入手，首先介紹了網(wǎng)站的組織框架設(shè)計及主要的鏈接方式。在此基礎(chǔ)上，對網(wǎng)站創(chuàng)意設(shè)計的細(xì)節(jié)