導航:首頁 > 萬維百科 > 特定的網站框架設計

特定的網站框架設計

發布時間:2021-01-16 22:50:51

1、使用框架設計的網站具有哪些好處

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

2、網站框架設計的思路是怎麼樣的

1、網站色彩的布局
網站給客戶的第一印象就是網站整體色調的樣式,能夠幫助我們為客戶留下好印象,從而為後面的轉化做好鋪墊。
網頁配色,合理的配色可以加深客戶的記憶;
2、網站關鍵詞的布局
作為現代企業很多都選擇了與互聯網相輔的思想來做網頁優化,如果網站要做關鍵詞排名,要合理布置網頁關鍵詞,因為這樣的布局能夠為網站帶來一定的權重和收錄,提升網站排名,從而提高轉化量。
3、網站功能的布局
企業為了更好的留住客戶,並提升客戶的體驗度,從而讓線上自身官網開發一定的體驗功能,幫助企業挽留客戶的腳步,為企業帶來咨詢量。
4、網站欄目的布局
網站欄目的合理布局有兩點作用:第一能夠第一眼使客戶明白我們能為他們提供什麼服務;第二可以加強自身關鍵詞的相關性和權重;

3、網頁設計問題.如何固定框架的大小.

<iframe frameborder="0" width="100%" height="100%" scrolling="yes" id="main" name="main" src="admin_main.php" ></iframe>

寬高自己 改 希望能幫助到你!

下面代碼更多點 看不懂去W3Cshool 看教程去

<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="UntitledFrame-2.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
<frame src="UntitledFrame-3.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="Untitled-1.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>

4、網頁設計怎麼讓點擊框架左邊的鏈接,右邊的框架

這里要用的frame框架: 設定好左右顯示比例,最後顯示效果如下: 補充說明:你要先內把右邊展示的所容有內容都單獨建立一個頁面文檔如:html_contents.html和example/frame_a.html

5、關於網頁設計,能幫忙注釋一下以下網頁的意思嗎?謝謝啦

html主體標簽  <html><head></head></html>

<meta http-equiv="Content-Type" content="text/html; charset=GBK">

a. meta 提供有關頁面的元信息

b. http-equiv 把 content 屬性關聯到 HTTP 頭部。

c. content="text/html; charset=GBK" 告訴瀏覽器准備接受一個 HTML 文檔 【charset】定義外部腳本文件中所使用的字元編碼

<frameset rows="144,*" cols="*" framespacing="0" frameborder="no" border="0">
a. 框架集 【rows】行數 【cols】列數 【framespacing】框架與框架間保留的空白的距離 【frameborder】是否顯示框架周圍的邊框

<frame src="./bookin_files/top.htm" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame">

a.  frameset 中的一個特定的窗口 【src】在框架中顯示的文檔的 URL  【name
】框架的名稱  【scrolling】是否在框架中顯示滾動條 【noresize】無法調整框架的大小【id】ID【title】標簽

6、個人網站如何設計框架?

首先當你還沒有很好地設計想法的時候,可以去看一些比較優秀的個人網站,在那裡你可以獲得靈感。
選擇一個你喜歡的風格,在紙上畫出整個網站的框架,布局。這個時候你就應該有一個色彩搭配方案了,然後用css進行框架的搭建。

龍信提供

7、網頁設計,只用一個網頁怎麼實現框架的功能?

只用一個頁面的話只能用層吧,點擊導航,顯示一個層,隱藏其他層。
網上有許多就js+css寫的滑動門也可以實現類似效果

8、什麼是網站總體架構設計

網站結構是指網站中頁面間的層次關系,按性質可分為邏輯結構及物理結構。是現代網路學習和發展的一個必須的基礎技術。根據需求分析的結果,准確定位網站目標群體,設定網站整體架構,規劃、設計網站欄目及其內容,制定網站開發流程及順序。

網站架構的內容有哪些?

有程序架構,呈現架構,和信息架構三種表現,步驟主要分為硬架構和軟架構兩步程序。

網站總體框架示意圖是網站後台支撐系統的想法,一般取決於網站本身的建設意圖。

網站架構水平的高低決定著網站的整體性能和運營模式的時效性和經濟性,它的設計必須考慮到網站的模式、運營思路、用戶群體使用習慣、網站的功能等等。

網站結構對網站的搜索引擎友好性及用戶體驗有著非常重要的影響。網站結構在決定頁面權重上起著非常關鍵的作用,會直接影響到搜索引擎對頁面的收錄。一個合理的網站結構可以引導搜索引擎抓取到更多、更有價值的網頁。如果網站結構混亂,往往就會造成搜索引擎陷入死循環、抓取不到頁面等問題。網站結構的好壞會決定用戶瀏覽的體驗度,合理的網站結構是優化網站關鍵詞排名的前提。

所以,網站結構可以影響網站內部頁面的重要性,合理的內部鏈接策略就可以對重要頁面進行突出、推薦等操作。

繪制網站概要圖符號

網站概要圖模板

9、html網頁框架設計。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>四行,第三行三列</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
div{
border:10px solid #ccc;
height:250px;
text-align:center;
font-size:50px;
}
.f3 div{
width:31%;
float:left;
}
</style>
</head>
<body>
<div>1</div>
<div>2</div>

<div class="f3">
<div>31</div>
<div>32</div>
<div>33</div>
</div>

<div>4</div>
</body>
</html>

10、網頁設計中怎麼用框架集設計網頁

首先要了解框架集的概念。

框架集是構造整個框架結構的文檔,它不包含具體顯示的文本和圖像,而只包含如何組織安排各個框架位置、大小和初始頁面信息的設計。

它是框架使用中最基礎的文檔,常稱之為整個框架顯示時的主文檔。


框架集的基本格式如下:

注意到,框架組文檔中,用標記符代替了標記符。而標記符則用來指定每一個子窗口的內容。

1)窗口的分割用來分割瀏覽器窗口,它使用COLS和ROWS這2個屬性項把整個窗口按垂直方向或水平方向分割為多個框架。例如:。該標記符把窗口分成3個垂直的框架,指定左框架寬度值為150象素、中間框架占總寬度的50%,餘下的寬度留給右框架。


由上例可見,框架尺寸除使用象素值和百分數外,還可以使用*和n* ;使用*表示剩餘部分;當使用n*(如2*)時,n值確定框架之間的比例。例如:"*,2*,3*"表示左邊(或上邊)的框架占窗口寬度(或高度)的1/6,中間框架佔1/3,右邊(或下邊)框架佔1/2。


2)標記符的嵌套標記符可以嵌套使用。以構造包含橫向和縱向框架的窗口。以下代碼用嵌套框架結構建立一個多層框架的窗口。框架的實現

3)框架的初始化標記符用於對各個框架進行初始化設置。使用標記符中的SRC屬性指定需要在框架中顯示的頁面的文 褂肗AME屬性指定框架的名稱,以便在指定超級鏈接的目標框架時引用該框架名。標記符的個數應等於框架個數,並依出現的次序和層次先行後列對框架進行初始化。

例如:若要在指定框架顯示某頁面,則必須在SRC指定的URL位置存在指定的HTML文件。這就意味著要在所設計的框架中完整顯示出所有內容,總共要編制頁面個數為「框架數+1」。 

與特定的網站框架設計相關的知識