-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 短視頻 > 專題列表 > 正文
網(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
本文目錄:
一、網(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ì)一個新網(wǎng)頁,也已成了大家爭論不休的話題。在這篇文章中,我們?yōu)槟闾峁┝艘恍┗镜膬?yōu)化技術(shù),同時你也能夠了解到:如何讓一個使用框架的網(wǎng)頁為主要搜索引擎正確索引及如何對其進(jìn)行優(yōu)化。 首先,讓我們來看看。它的優(yōu)越性體現(xiàn)在整個網(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)頁? 如果一個網(wǎng)頁的左邊導(dǎo)航菜單是固定的,而頁面中間的信息可以上下移動,這一般就可以認(rèn)為是一個框架型網(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)對錯參半。倘若框架使用得當(dāng),這種論調(diào)是站不住腳的。但對于框架的錯誤使用,或在網(wǎng)站設(shè)計(jì)時壓根不考慮今天搜索引擎技術(shù)的方方面面,那么這句話又是有一定道理的。為什么使用框架的網(wǎng)頁無法被正確索引? 在此,我們將向大家解釋為何使用框架的網(wǎng)頁無法被使用網(wǎng)絡(luò)蜘蛛(spiders)或網(wǎng)絡(luò)爬蟲(crawlers) 的主要搜索引擎(如Google)正確索引的主要原因。在一個框架網(wǎng)頁的后臺代碼中,我們一般能夠看到的是網(wǎng)頁的標(biāo)題標(biāo)記(Meta Title)、描述標(biāo)記(Meta Description)、關(guān)鍵字標(biāo)記(Meta Keywords)及其它原標(biāo)記(Meta Tags),同時你還會看到一個框架集標(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)化的一個重要因素。因此很顯然,一個使用框架的網(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)記中,有一個叫做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)問題 上面我們針對一個使用了框架結(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)站。每個網(wǎng)頁模板壓縮包內(nèi)包含:PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改),按鈕圖片PSD文件、Flash源文件和字體文件,推薦使用Dreamweaver軟件向網(wǎng)頁模板添加內(nèi)容。x0dx0ax0dx0a創(chuàng)建和設(shè)置x0dx0ax0dx0a1)模板的概念:作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時,可以說明哪些網(wǎng)頁元素不可編輯,哪些元素可以編輯。其擴(kuò)展名為.dwt。x0dx0ax0dx0a2)模板的作用:有利于保持網(wǎng)頁風(fēng)格的一致;提高工作效率。x0dx0ax0dx0a1.創(chuàng)建模板x0dx0ax0dx0a1)創(chuàng)建一個全新的模板:在模板面板中,使用快捷菜單按鈕或單擊面板上的新建按鈕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-從模板面板中拖一個模板到文檔x0dx0ax0dx0a對現(xiàn)有文檔應(yīng)用模板:Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Selectx0dx0ax0dx0a或:從模板面板中拖一個模板到文檔中x0dx0ax0dx0a或:從模板面板中選定一個模板,單擊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)航鏈接,有時最上面會有一個小的標(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é)合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進(jìn)入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。
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)絡(luò)推廣員每天的工作是什么(網(wǎng)絡(luò)營銷的培訓(xùn)課程)
廣告設(shè)計(jì)屬于什么部門(廣告設(shè)計(jì)屬于哪個部門)
問大家
山東濟(jì)南哪個相親網(wǎng)站比較靠譜呢?大齡剩女結(jié)婚找對象去哪里呢?
潮州排名好的網(wǎng)站建設(shè)設(shè)計(jì)目前什么價(jià)格?在座的好基友們不勝感激
推薦一個比較好的免費(fèi)相親網(wǎng)站吧!要靠譜的,我在濟(jì)南,著急結(jié)婚
張家港稱心的網(wǎng)站建設(shè)哪個經(jīng)濟(jì)實(shí)惠呢?在座的看官們有誰了解
張家港服務(wù)周到的網(wǎng)站建設(shè)哪個靠譜點(diǎn)?諸位大仙們問一下哈
泰州美名遠(yuǎn)揚(yáng)的網(wǎng)站建設(shè)設(shè)計(jì)哪家知名?路過的老鐵們有沒有誰了解
濟(jì)南離異征婚網(wǎng)站有哪些???歷城區(qū)哪家最正規(guī)誠信呢?
濟(jì)南相親平臺哪個最靠譜?濟(jì)南哪個婚戀網(wǎng)站靠譜又不收費(fèi)呢?
濟(jì)南相親征婚網(wǎng)站哪個好?單身找對象婚介機(jī)構(gòu)哪家比較好呢?
吳江設(shè)計(jì)新穎的網(wǎng)站建設(shè)哪家比較出名?路過的盆友們在線等