第一篇：拾寶網(wǎng)再次推薦26個(gè)水平布局網(wǎng)站設(shè)計(jì)

114購物http://004km.cn/

拾寶網(wǎng)再次推薦26個(gè)水平布局網(wǎng)站設(shè)計(jì)

水平布局(橫向)網(wǎng)站是創(chuàng)建獨(dú)特的網(wǎng)站體驗(yàn)的一種新的很棒的方法。不同于大部分網(wǎng)站的通常的垂直滾動(dòng)，設(shè)計(jì)師們尋求一種新的方法來讓用戶瀏覽內(nèi)容。通常水平布局網(wǎng)站用于實(shí)現(xiàn)設(shè)計(jì)師的作品集。隨著寬屏顯示器越來越流行，這種體驗(yàn)將會(huì)變成一種新的方式來影響網(wǎng)絡(luò)。

通過瀏覽這些網(wǎng)站，我們可以看出來，水平布局網(wǎng)站大都通過Flash或jQuery等Ajax框架來實(shí)現(xiàn)，而且多是單頁網(wǎng)站。

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

114畫報(bào)http://004km.cn/

譯自：26 Horizontal Websites 中文原文：26 個(gè)水平布局網(wǎng)站設(shè)計(jì) 版權(quán)所有，轉(zhuǎn)載請(qǐng)注明出處，多謝！

114畫報(bào)http://www.31n.net/

第二篇：網(wǎng)站設(shè)計(jì)布局策劃書

湖北榮恩堂酒業(yè)有限公司官網(wǎng)策劃

如今的酒類傳統(tǒng)企業(yè)同互聯(lián)網(wǎng)聯(lián)系在一起，保健酒類電子商務(wù)最具代表的如：勁牌，在電子商務(wù)領(lǐng)域已經(jīng)極具規(guī)模。勁牌在京東商城、天貓均有入住，博客營銷、微博營銷、軟文營銷均有很大力度，可以說是酒類電子商務(wù)的領(lǐng)先企業(yè)。

企業(yè)曾經(jīng)用傳統(tǒng)媒體宣傳企業(yè)形象、產(chǎn)品來達(dá)到宣傳作用，但是當(dāng)進(jìn)入21世紀(jì)后互聯(lián)網(wǎng)發(fā)展迅速的條件下，利用互聯(lián)網(wǎng)作為第四宣傳媒體起到了越來越重要的地位?？梢酝ㄟ^官方網(wǎng)站的推廣來尋求提升品牌形象，收集更多的商業(yè)機(jī)會(huì)。

構(gòu)建新的湖北榮恩堂酒業(yè)有限公司網(wǎng)站的原因以及新構(gòu)思

① 功能性：公司官網(wǎng)在功能方面幾乎為0，開發(fā)新的會(huì)員系統(tǒng)，讓會(huì)員可以登錄官網(wǎng)，下載相關(guān)信息、了解相關(guān)公司的商業(yè)

信息。便于公司內(nèi)部以及經(jīng)銷商銷量的掌握相關(guān)最新資料。

如：公司員工或經(jīng)銷商使用特定的帳號(hào)進(jìn)入網(wǎng)站，下載公司的平面素材，榮恩堂酒最新文件，相關(guān)文本、圖文合同等等。

② 現(xiàn)代感：現(xiàn)官網(wǎng)的美工設(shè)計(jì)比較簡(jiǎn)單，并沒有能夠良好體現(xiàn)

榮恩堂的企業(yè)文化，官網(wǎng)整體美工欣賞性不強(qiáng)、現(xiàn)代感不強(qiáng)，讓人感覺缺少青春活力與特色。我們應(yīng)該找網(wǎng)站美工設(shè)計(jì)出

色的設(shè)計(jì)師，來根據(jù)榮恩堂的企業(yè)IV合理安排美工。要以

現(xiàn)代感較強(qiáng)的思路去設(shè)計(jì)美化官網(wǎng)。新的官網(wǎng)上線起碼在三

到四年內(nèi)不會(huì)處于過氣的網(wǎng)站模板。

③ 實(shí)用型：網(wǎng)站的內(nèi)容應(yīng)該充滿人性化特點(diǎn)，讓訪問者自如的了解自己需要的內(nèi)容，同時(shí)網(wǎng)站的維護(hù)人員能輕松的進(jìn)行網(wǎng)

站內(nèi)容更新和維護(hù)。網(wǎng)站的導(dǎo)航欄必須龐大而不繁瑣，以下

拉框?yàn)橹鲗?dǎo)航，欄目選擇上做到物盡其用，盡量多做一些客

觀性強(qiáng)的欄目。把我們榮恩堂的一系列營銷平臺(tái)全部鏈接到

新的官方網(wǎng)站。讓網(wǎng)友進(jìn)入我們的官網(wǎng)就能一目了然，能讓

他們看得懂，看得舒服。做長(zhǎng)期性的官網(wǎng)，我們應(yīng)該有一個(gè)

網(wǎng)絡(luò)家園、這里可以互動(dòng)交流，可以了解榮恩堂的點(diǎn)點(diǎn)滴滴！

網(wǎng)站的設(shè)計(jì)風(fēng)格：

① 官網(wǎng)語言：簡(jiǎn)體中文、繁體中文、英文。

目前榮恩堂的客戶主要針對(duì)于全國大陸，但是互聯(lián)網(wǎng)的鏈接

是全球性的，我們的展示應(yīng)該也需要全球性質(zhì)，所以設(shè)計(jì)不

同的語言界面，會(huì)讓不同地域不同語言的互聯(lián)網(wǎng)用戶瀏覽，提高知名度，官網(wǎng)給他人的第一感覺，專業(yè)程度可以在這里

提現(xiàn)。

② 以“榮恩堂”文化為基礎(chǔ)，結(jié)合企業(yè)IV，突出榮恩堂企業(yè)

文化。網(wǎng)站頁寬1024像素、現(xiàn)在的電腦顯示屏越來越大，官網(wǎng)也需要與時(shí)俱進(jìn)。

③ 網(wǎng)站布局結(jié)構(gòu)：國字型，大型網(wǎng)站首選，也是網(wǎng)友見得最

多最熟悉的一種框架。

④ 首頁有一定的flash動(dòng)畫，在設(shè)計(jì)模板，以榮恩堂文化以

及相關(guān)榮恩堂產(chǎn)品為主的進(jìn)行設(shè)計(jì)，合理布局從而提現(xiàn)榮

恩堂的形象展示。

⑤ 官網(wǎng)首頁頭部需有：設(shè)為首頁、加為收藏、收藏到首頁。

尾部需有：新浪、騰訊博客、微博的關(guān)注快捷方式、二維

碼、公司郵箱。

⑥ 網(wǎng)站導(dǎo)航欄需使網(wǎng)友能夠一目了然，直接通過導(dǎo)航欄可以

到達(dá)網(wǎng)站所有欄目。所以頁面通用的導(dǎo)航欄。

⑦ 站內(nèi)搜索引擎，使網(wǎng)友能更好的尋找自己需要的信息。

⑧ 首頁在不起眼的地方機(jī)上一天文字通欄，作為平時(shí)可以隨

時(shí)更新的歡迎詞，或者節(jié)日祝福等等。

⑨ 百度統(tǒng)計(jì)，百度分享。

網(wǎng)站的互動(dòng)性：

① 官網(wǎng)有留言系統(tǒng)，取名為投訴與建議。

② 榮恩堂論壇，然后論壇建立起來可能沒什么人氣，但是也是一個(gè)長(zhǎng)期網(wǎng)絡(luò)交流的地帶，要做就做整合官網(wǎng)的論壇，帳號(hào)數(shù)據(jù)互通。

③ 百度推廣繼續(xù)續(xù)費(fèi)，使用百度商橋在線聊天軟件。

網(wǎng)站的站內(nèi)SEO：

為了使官網(wǎng)更好的在百度獲得好的排名，提高官網(wǎng)的曝光率，站內(nèi)的SEO的布局也相當(dāng)重要，要求網(wǎng)站必須是利于搜索引擎收錄的，內(nèi)鏈部分結(jié)構(gòu)清晰，網(wǎng)站最好是純靜態(tài)，或是偽靜態(tài)。網(wǎng)站內(nèi)容路徑清晰合理。

導(dǎo)航欄目：

一 企業(yè)介紹：

1、企業(yè)簡(jiǎn)介

2、企業(yè)文化

3、企業(yè)證書

4、企業(yè)視頻

5、廠區(qū)實(shí)拍

6、員工風(fēng)采（單獨(dú)封面）

二 新聞中心：

1、企業(yè)動(dòng)態(tài)

2、集團(tuán)要聞

3、行業(yè)動(dòng)態(tài)

4、酒類知識(shí)

5、媒體報(bào)導(dǎo)（單獨(dú)封面）

三 產(chǎn)品中心：產(chǎn)品分類如家和系列、榮恩堂酒系列、參茸花系列、禮盒系列等等，可隨時(shí)添加的。（單獨(dú)封面）

四 招商專區(qū)：

1、營銷網(wǎng)絡(luò)（各區(qū)域負(fù)責(zé)人聯(lián)系方式、以及各地經(jīng)銷子網(wǎng)站）

2、加盟政策

3、加盟流程（單獨(dú)封面）

五 酒文化：

1、中國酒文化

2、榮恩堂酒文化（單獨(dú)封面）

六 招賢納士：

七 聯(lián)系我們：

八 網(wǎng)上購買：外部鏈接到現(xiàn)有商城如：阿里巴巴 京東商城

九 在線論壇：整合論壇

會(huì)員系統(tǒng)：

會(huì)員可登錄網(wǎng)站下載物料、可自行注冊(cè)與論壇帳號(hào)數(shù)據(jù)互通。

后臺(tái)系統(tǒng)：

要求能夠使后臺(tái)操作簡(jiǎn)單化，可添加所有圖片、可添加新的二級(jí)欄目、并且與一級(jí)欄目封面模板銜接，可調(diào)用。

第三篇：網(wǎng)站布局規(guī)劃設(shè)計(jì)

網(wǎng)站布局規(guī)劃設(shè)計(jì)《教學(xué)設(shè)計(jì)》

【教學(xué)內(nèi)容】

練習(xí)用布局模式和表格布局網(wǎng)頁

【教學(xué)參考】

《 Dreamweaver 精彩設(shè)計(jì)百例》

中國水利水電出版社

《 DreamweaverCS3商業(yè)應(yīng)用篇》 清華大學(xué)出版社

【教學(xué)設(shè)備】

多媒體計(jì)算機(jī)，投影機(jī)

【教學(xué)目的】

1、掌握用表格布局網(wǎng)頁基本操作

2、掌握用布局模式布局網(wǎng)頁基本操作

3、比較表格和布局模式的優(yōu)劣

【教學(xué)重點(diǎn)】

1、用表格布局網(wǎng)頁

2.、用布局模式布局網(wǎng)頁

【教學(xué)難點(diǎn)】

布局模式布局網(wǎng)頁

【教學(xué)方法】、項(xiàng)目工程互動(dòng)式教學(xué)法、“講、學(xué)、練”相結(jié)合：大量采用演示、講解和練習(xí)等方式

【教學(xué)設(shè)計(jì)】

向?qū)W生講解表格和布局模式的基本概念，演示 2 個(gè)項(xiàng)目的制作過程和效果圖，分析這 2 個(gè)網(wǎng)頁中表格的設(shè)計(jì)及相關(guān)屬性的設(shè)置，布局表格及布局單元格的設(shè)計(jì)及相關(guān)屬性的設(shè)置。講解、示范操作完畢后布置課后作業(yè)。

第一步：表格概說及示范操作

第二步：用表格布局網(wǎng)頁元素

第三步：教師示范操作范例 1、答疑

第四步：布局模式概說

第五步：展示項(xiàng)目 2 效果圖，并分析布局單元格屬性

第六步：教師示范操作、答疑

第七步：比較表格和布局模式的異同

第八步：布置作業(yè)

【教學(xué)過程】見講義 【小結(jié)】

本次課，主要講解用表格布局網(wǎng)頁和用布局模式布局網(wǎng)頁的方法。

【作業(yè)】

思考題：用表格布局和用布局模式布局網(wǎng)頁有何優(yōu)劣？