導航:首頁 > 萬維百科 > 怎麼用框架設計一個網站

怎麼用框架設計一個網站

發布時間:2021-01-25 20:18:25

1、網頁製作中的框架怎麼用啊?幾個頁面啊?

加代碼:第一步:<iframe width="500" height="400" name=main frameborder="0" src=http://www.cctv.com scrolling="auto"></inrame>
第二步:上面設的名字是main,把連接的目標轉向main就行了" target="main">

例:

<body>
<table width="500" border="1">
<tr>
<td height="30"><div align="center"><a href="http://www.163.com" target="main">網易</a></div>
<div align="center"><a href="http://www.qq.com" target="main">qq</a></div></td>
</tr>
<tr>
<td height="376">
<iframe width="500" height="400" name=main frameborder="0" src=http://www.cctv.com scrolling="auto"></inrame>

</td>
</tr>
</table>
</body>

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

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

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

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

4、如何製作一個左右框架的網頁

若要製作一個站點,這個站點是左右的框架結構,左側框架顯示導航頁面,右側框架顯示主內容,需要做的是將這兩個頁面合成一個左右框架結構的頁面。步驟一:使用前面介紹的方法,首先將一個新建的空白頁面分割成左右結構的框架。步驟二:選中「框架」面板中的左框架,單擊屬性面板中「源文件」文本框右側的「瀏覽文件」按鈕,在彈出的對話框中選擇左頁面。步驟三:同理,選中「框架」面板中的右框架,單擊屬性面板中個「源文件」文本框右側的「瀏覽文件」按鈕,在彈出的對話框中選擇右頁面。步驟四:這時,框架的左右兩側就將已經製作好的頁面顯示出來了。步驟五:選中「框架」面板中的總框架集,然後執行「文件--保存框架頁」命令,將其保存。步驟六:選擇「框架」面板中的總框架集,在屬性面板中設置「邊框」為「否」,邊框寬度為「0」,選擇縮略圖中的左框架,設置其寬度為「130像素」,然後選擇右框架,設置其寬度為「相對」。步驟七:選擇「框架」面板中的左框架,在屬性面板中,設置「滾動」為「否」,即指定在左側框架中不顯示滾動條。選中「不能調整大小」復選框,令訪問者無法通過拖動框架邊框調整框架大小。將「邊框」設置為「否」,在瀏覽器中將隱藏當前框架的邊框。步驟八:選擇「框架」面板的右框架,在屬性面板中設置:「滾動」為「自動」,當瀏覽器窗口中沒有足夠的空間來顯示當前框架的完整內容時才顯示滾動條。選中「不能調整大小」復選框,將邊框設置為「否」。

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

是否該用框架技術去設計一個新網頁,也已成了大家爭論不休的話題。在這篇文章中,我們為你提供了一些基本的優化技術,同時你也能夠了解到:如何讓一個使用框架的網頁為主要搜索引擎正確索引及如何對其進行優化。 首先,讓我們來看看。它的優越性體現在整個網頁設計的整體性的保持及更新上。這也是為什麼有相當多網站設計者都傾向於使用框架技術來進行網站的設計。尤其對於那些大型網站(至少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標記,這一點非常重要。 很顯然,我們所說的這些優化措施,只有對那些網頁內容經過精心撰寫,並且在內容中充分使用了重要關鍵字和關鍵短語的網站才起作用。其它相關問題 上面我們針對一個使用了框架結構的網站主頁如何進行優化做出了詳細的分析。我相信現在大家應該學會怎樣對使用框架的其它內部頁面怎樣進行正確優化了吧。

6、如何製作框架網頁

小編以前也不會框架網頁的,但是前段時間小編需要考試。遇到了有關框架網頁的問題,也就去學習了。接下來小編就用接下來的實例來教大家如何製作框架網頁。希望能夠幫助到你們。
我們今天就以下面的例題來學習一下。
請建立一個目錄框架網頁,並按照要求將此文件保存名為page2.html。
要求:在目錄框架網頁建立一個4行1列的表格(高300像素、寬100像素),表格居中,邊框為黃色、背景為綠色;表格中的文字為華文楷體、14磅、加粗、黑色;單元格內容水平方向居右對齊,垂直方向相對底邊對齊;在主框架網頁中新建網頁並插入素材包內的圖片8139.jpg;設置"美食介紹"與素材包內sc7.htm 文件的鏈接,設置"相關新聞"與網站www.sina.com.cn鏈接,設置"相關圖片"與素材包內bg7.jpg文件的鏈接,設置"網路高手"與郵箱[email protected]鏈接
第一步:新建網頁
首先我們打開軟體,選擇菜單欄下「修改」——「框架集」——「拆分為左右框架」。進行三個網頁的保存。
1.整個框架網頁。
選中框架最中間的豎線,當我們看到代碼欄中有「<frameset cols="597,598">」代表我們選取成功。
2.框架網頁的左側
選中左側空白區域即可
3.是框架網頁的右側。
選中右側空白區域即可
如圖:
第二步:製作左邊的框架網頁
首先插入表格並設置基本屬性
1.選擇主菜單下的「插入」——「表格」如圖。
2.接著設置表格的屬性
(4行1列的表格「高300像素、寬100像素」,表格邊框為黃色、背景為綠色。)其中的高,邊框顏色都是使用代碼輸入的。如圖:
3.至於背景和居中我們可以到屬性面板的頁面布局進行設計就可以了。如圖:
第三步:設置css樣式
1.首先打開css面板,選擇該面板的下面的「+」號,出現下圖所示的效果。
2.設置樣式。選擇「id」類型,取名為「stlye1」,保存了「僅存為該文檔」。如圖:
3.設置樣式屬性。「華文楷體、14磅、加粗、黑色」。如圖:
第四步:使用css樣式
1.在表格中書寫相應的文字。如圖:
2.使用樣式。選中所有的文字,然後來到屬性面板。選擇「類」——「stlye1」,我們就設置好css樣式了。如圖:
第五步:設置文字的位置。
選中文字,來到屬性面板,設置「水平」,「垂直」的屬性。如圖:
第六步:設置文字鏈接。
選中「美食介紹」,來到屬性面板,選擇「鏈接」,將我們要鏈接的地址輸入進去就可以了。接下來依次選中其他文字就可以了。效果如下:
(注意:我們先前選中的網頁文件,圖片文件是可以直接填寫的。而網址我們要在前面加上「http://」,郵箱地址要加上"mail to:")
第七步:設置右側網頁
選中右側網頁,選擇「插入」——「圖片」,選擇我們想要插入的圖片我們就完成了。如圖:
此時我們就可以打開htm文件,在瀏覽器中瀏覽效果了,如圖:

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

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

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

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


框架集的基本格式如下:

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

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」。 

與怎麼用框架設計一個網站相關的知識