正文

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

發(fā)布時間：2023-03-11 16:08:07 稿源：創(chuàng)意嶺閱讀： 1242 問大家

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

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

本文目錄:

1、網(wǎng)頁設計的布局有哪幾種
2、使用框架設計的網(wǎng)站具有哪些好處
3、網(wǎng)頁設計模版是什么?應該怎么設計？
4、幾種常見網(wǎng)頁布局設計

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

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

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

1.“國”字型：

2.拐角型：

3.標題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網(wǎng)頁設計

9.變化型：網(wǎng)頁設計

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

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

三、網(wǎng)頁設計模版是什么?應該怎么設計？

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

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

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

1.“國”字型：

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

2.拐角型：

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

3.標題正文型：

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

4.左右框架型：

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

5.上下框架型：

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

6.綜合框架型：

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

7.封面型：

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

8.Flash型：網(wǎng)頁設計

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

9.變化型：網(wǎng)頁設計

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

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