網(wǎng)站設(shè)計(jì)框架（網(wǎng)站設(shè)計(jì)框架結(jié)構(gòu)）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于網(wǎng)站設(shè)計(jì)框架的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、網(wǎng)頁設(shè)計(jì)的布局有哪幾種

• 2、使用框架設(shè)計(jì)的網(wǎng)站具有哪些好處

• 3、網(wǎng)頁設(shè)計(jì)模版是什么?應(yīng)該怎么設(shè)計(jì)？

• 4、幾種常見網(wǎng)頁布局設(shè)計(jì)

一、網(wǎng)頁設(shè)計(jì)的布局有哪幾種

網(wǎng)頁設(shè)計(jì)的布局有哪幾種？

1.“國”字型：

2.拐角型：

3.標(biāo)題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網(wǎng)頁設(shè)計(jì)

9.變化型：網(wǎng)頁設(shè)計(jì)

二、使用框架設(shè)計(jì)的網(wǎng)站具有哪些好處

是否該用框架技術(shù)去設(shè)計(jì)一個(gè)新網(wǎng)頁，也已成了大家爭論不休的話題。在這篇文章中，我們?yōu)槟闾峁┝艘恍┗镜膬?yōu)化技術(shù)，同時(shí)你也能夠了解到：如何讓一個(gè)使用框架的網(wǎng)頁為主要搜索引擎正確索引及如何對其進(jìn)行優(yōu)化。 首先，讓我們來看看。它的優(yōu)越性體現(xiàn)在整個(gè)網(wǎng)頁設(shè)計(jì)的整體性的保持及更新上。這也是為什么有相當(dāng)多網(wǎng)站設(shè)計(jì)者都傾向于使用框架技術(shù)來進(jìn)行網(wǎng)站的設(shè)計(jì)。尤其對于那些大型網(wǎng)站(至少500頁以上的內(nèi)容)而言，框架結(jié)構(gòu)的使用可以使網(wǎng)站的維護(hù)變的相對容易。什么是框架型網(wǎng)頁? 如果一個(gè)網(wǎng)頁的左邊導(dǎo)航菜單是固定的，而頁面中間的信息可以上下移動，這一般就可以認(rèn)為是一個(gè)框架型網(wǎng)頁。此外，一些框架型站點(diǎn)的模板在其頁面上方放置了公司的LOGO或圖片。不過這一塊也是位置固定的。而頁面的其它部分則可以上下左右移動。有的框架型站點(diǎn)模板還會在其固定區(qū)域中放入鏈接或?qū)Ш桨粹o。另外，在框架型網(wǎng)頁中，深層頁面的域名通常不會在URL中體現(xiàn)出來(這就意味著在瀏覽器的URL一欄中，不會顯示你當(dāng)前所看的深層頁面，而是主頁的URL)。這種問題在一般結(jié)構(gòu)的網(wǎng)站中是不存在的。 無論是在一些內(nèi)容比較好的書籍里還是在網(wǎng)上，你都能看到很多關(guān)于搜索引擎優(yōu)化方面的文章。在這些文章當(dāng)中，基本上都認(rèn)為網(wǎng)站用框架來設(shè)計(jì)是極不可取的。這是由于大多數(shù)的搜索引擎都無法識別網(wǎng)頁中的框架，或者無法對框架中的內(nèi)容進(jìn)行遍歷或搜索。 在這種情形下，又有人可能會告訴你使用框架的網(wǎng)站永遠(yuǎn)不可能為搜索引擎索引，也不可能得到好的優(yōu)化。這種論調(diào)對錯(cuò)參半。倘若框架使用得當(dāng)，這種論調(diào)是站不住腳的。但對于框架的錯(cuò)誤使用，或在網(wǎng)站設(shè)計(jì)時(shí)壓根不考慮今天搜索引擎技術(shù)的方方面面，那么這句話又是有一定道理的。為什么使用框架的網(wǎng)頁無法被正確索引? 在此，我們將向大家解釋為何使用框架的網(wǎng)頁無法被使用網(wǎng)絡(luò)蜘蛛(spiders)或網(wǎng)絡(luò)爬蟲(crawlers) 的主要搜索引擎(如Google)正確索引的主要原因。在一個(gè)框架網(wǎng)頁的后臺代碼中，我們一般能夠看到的是網(wǎng)頁的標(biāo)題標(biāo)記(Meta Title)、描述標(biāo)記(Meta Description)、關(guān)鍵字標(biāo)記(Meta Keywords)及其它原標(biāo)記(Meta Tags)，同時(shí)你還會看到一個(gè)框架集標(biāo)記(Frameset Tag)。框架中的內(nèi)容在后臺代碼中是無法被體現(xiàn)的，而對于那些主要搜索引擎的搜索程序來說，如Google的GoogleBot和Freshbot，其設(shè)計(jì)思路都是完全忽略某些HTML代碼，轉(zhuǎn)而直接鎖定網(wǎng)頁上的實(shí)際內(nèi)容進(jìn)行索引。這樣一來，網(wǎng)絡(luò)蜘蛛在那些一般性的框架網(wǎng)頁上根本找不到要搜索的內(nèi)容。這是由于那些具體內(nèi)容都被放到我們稱之為“內(nèi)部網(wǎng)頁”中去了。 現(xiàn)在大家都清楚了，無論對于任何網(wǎng)站及任何頁面，真實(shí)的頁面內(nèi)容才是達(dá)到成功優(yōu)化的一個(gè)重要因素。因此很顯然，一個(gè)使用框架的網(wǎng)站是幾乎不可能在搜索引擎中取得較好的頁面等級的?，F(xiàn)今的搜索引擎期待的只有一件事情，那就是網(wǎng)站的內(nèi)容。這里的內(nèi)容指無格式或文本格式的內(nèi)容，也就是網(wǎng)頁上所寫的詞和短語。使用“Noframes”標(biāo)記進(jìn)行優(yōu)化 使用了框架型網(wǎng)頁并不意味著就完全無法對其網(wǎng)頁進(jìn)行優(yōu)化。實(shí)際上在HTML標(biāo)記中，有一個(gè)叫做NOFRAME的標(biāo)記，如果使用得當(dāng)?shù)脑捨覀兙涂梢杂行У貙撁孢M(jìn)行優(yōu)化了，從而使得搜索引擎能夠正確索引你框架網(wǎng)頁上的內(nèi)容信息。也有網(wǎng)站這樣使用NOFRAMES標(biāo)記：他們在NOFRAMES標(biāo)記里放上這么一段話：“本網(wǎng)頁使用了框架，但您的瀏覽器不支持框架。請下載新的瀏覽器觀看。” 讓我們看看那些專業(yè)的搜索引擎優(yōu)化公司是怎么做的吧。他們在使用了框架的網(wǎng)頁中，有效的提供含有豐富關(guān)鍵字和關(guān)鍵短語的重要文字和內(nèi)容，從而有效幫助網(wǎng)站在SERP(搜索引擎搜索結(jié)果頁)中取得較高的排名(頁面等級)。 這樣優(yōu)化的結(jié)果，其實(shí)就是讓主要搜索引擎不但讀取了你的網(wǎng)頁后臺代碼中的標(biāo)題和其它原標(biāo)記，而且對那些不支持框架的瀏覽器所無法顯示的頁面內(nèi)容信息，也進(jìn)行了索引。如果你出于某種原因非要使用框架結(jié)構(gòu)，那么請緊記：在你的后臺代碼中一定要正確的使用NOFRAMES標(biāo)記，這一點(diǎn)非常重要。 很顯然，我們所說的這些優(yōu)化措施，只有對那些網(wǎng)頁內(nèi)容經(jīng)過精心撰寫，并且在內(nèi)容中充分使用了重要關(guān)鍵字和關(guān)鍵短語的網(wǎng)站才起作用。其它相關(guān)問題 上面我們針對一個(gè)使用了框架結(jié)構(gòu)的網(wǎng)站主頁如何進(jìn)行優(yōu)化做出了詳細(xì)的分析。我相信現(xiàn)在大家應(yīng)該學(xué)會怎樣對使用框架的其它內(nèi)部頁面怎樣進(jìn)行正確優(yōu)化了吧。

三、網(wǎng)頁設(shè)計(jì)模版是什么?應(yīng)該怎么設(shè)計(jì)？

網(wǎng)頁模板就是已經(jīng)做好的網(wǎng)頁框架，使用網(wǎng)頁編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站。每個(gè)網(wǎng)頁模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網(wǎng)頁模板添加內(nèi)容。x0dx0ax0dx0a創(chuàng)建和設(shè)置x0dx0ax0dx0a1)模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時(shí)，可以說明哪些網(wǎng)頁元素不可編輯，哪些元素可以編輯。其擴(kuò)展名為.dwt。x0dx0ax0dx0a2)模板的作用：有利于保持網(wǎng)頁風(fēng)格的一致;提高工作效率。x0dx0ax0dx0a1.創(chuàng)建模板x0dx0ax0dx0a1)創(chuàng)建一個(gè)全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕x0dx0ax0dx0a模板面板的打開：Window菜單--Templatesx0dx0ax0dx0a2)創(chuàng)建基于文檔的模板：File菜單-Save As Templatex0dx0ax0dx0a2.設(shè)置模板頁面屬性x0dx0ax0dx0a1)用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標(biāo)題除外。x0dx0ax0dx0a2)設(shè)置：Modify菜單-Page Propertiesx0dx0ax0dx0a3.定義模板的可編輯區(qū)x0dx0ax0dx0a1)定義模板的可編輯區(qū)x0dx0ax0dx0a在模板文檔中選定對象、Modify菜單、Templates、New Editable Regionx0dx0ax0dx0a2)取消可編輯區(qū)標(biāo)記x0dx0ax0dx0aModify菜單-Templates-Remove Editable Regionx0dx0ax0dx0a應(yīng)用和更新x0dx0ax0dx0a1.應(yīng)用模板創(chuàng)建文檔x0dx0ax0dx0a1)應(yīng)用模板創(chuàng)建文檔x0dx0ax0dx0a使用模板創(chuàng)建新文檔：File菜單-New From Templatex0dx0ax0dx0a或：File菜單-New-從模板面板中拖一個(gè)模板到文檔x0dx0ax0dx0a對現(xiàn)有文檔應(yīng)用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Selectx0dx0ax0dx0a或：從模板面板中拖一個(gè)模板到文檔中x0dx0ax0dx0a或：從模板面板中選定一個(gè)模板，單擊Applyx0dx0ax0dx0a2)可編輯區(qū)和鎖定區(qū)x0dx0ax0dx0a在應(yīng)用了模板的文檔中，只有可編輯區(qū)的內(nèi)容才可以修改。x0dx0ax0dx0a3)把頁面從模板中分離出來x0dx0ax0dx0a如果要對應(yīng)用了模板的頁面的鎖定區(qū)進(jìn)行修改，必須先把頁面從模板中分離出來。x0dx0ax0dx0a具體操作：Modify菜單-Templates-Detach From Templatex0dx0ax0dx0a2.修改模板x0dx0ax0dx0a在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存x0dx0ax0dx0a3.更新站點(diǎn)中使用模板的所有文件x0dx0ax0dx0aModify菜單-Templates-Update Pages

四、幾種常見網(wǎng)頁布局設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)的布局有哪幾種？

1.“國”字型：

網(wǎng)頁設(shè)計(jì)也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。

2.拐角型：

這種結(jié)構(gòu)與上一種其實(shí)只是形式上的區(qū)別，其實(shí)是很相近的，上面是標(biāo)題及廣告橫幅，接下來的左側(cè)是一窄列鏈接等，右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。在這種類型中，一種很常見的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。

3.標(biāo)題正文型：

這種類型即最上面是標(biāo)題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

4.左右框架型：

這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般左面是導(dǎo)航鏈接，有時(shí)最上面會有一個(gè)小的標(biāo)題或標(biāo)致，右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)的，有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰，一目了然。

5.上下框架型：

與上面類似，區(qū)別僅僅在于是一種上下分為兩頁的框架。

6.綜合框架型：

上頁兩種結(jié)構(gòu)的結(jié)合，相對復(fù)雜的一種框架結(jié)構(gòu)，較為常見的是類似于“拐角型”結(jié)構(gòu)的，只是采用了框架結(jié)構(gòu)。

7.封面型：

這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動畫，放上幾個(gè)簡單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

8.Flash型：網(wǎng)頁設(shè)計(jì)

其實(shí)這與封面型結(jié)構(gòu)是類似的，只是這種類型采用了目前非常游戲行的Flash，與封面型不同的是，由于Flash強(qiáng)大的功能，頁面所表達(dá)的信息更豐富，其視覺效果及聽覺效果如果處理得當(dāng)，絕不差于傳統(tǒng)的多媒體。

9.變化型：網(wǎng)頁設(shè)計(jì)

即上面幾種類型的結(jié)合與變化，比如本站在視覺上是很接近拐角型的，但所實(shí)現(xiàn)的功能的實(shí)質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型。

以上就是關(guān)于網(wǎng)站設(shè)計(jì)框架相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

用友財(cái)務(wù)軟件官方網(wǎng)站（用友u8軟件多少錢一套）

免費(fèi)3D人物模型網(wǎng)站（免費(fèi)3d人物模型網(wǎng)站推薦）

私人做網(wǎng)站的流程

網(wǎng)絡(luò)推廣員每天的工作是什么（網(wǎng)絡(luò)營銷的培訓(xùn)課程）

廣告設(shè)計(jì)屬于什么部門（廣告設(shè)計(jì)屬于哪個(gè)部門）