導航:首頁 > 萬維百科 > 網頁設計中框架怎麼搭建6

網頁設計中框架怎麼搭建6

 發布時間：2021-03-19 04:29:41

1、如何製作框架網頁

小編以前也不會框架網頁的，但是前段時間小編需要考試。遇到了有關框架網頁的問題，也就去學習了。接下來小編就用接下來的實例來教大家如何製作框架網頁。希望能夠幫助到你們。
我們今天就以下面的例題來學習一下。
請建立一個目錄框架網頁，並按照要求將此文件保存名為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文件，在瀏覽器中瀏覽效果了，如圖：

2、在網頁設計中如何創建框架

你可以看一下SSH框架

3、dw網頁製作，這種框架怎麼弄，要詳細步驟

給你個思路：
1.定義主體框架


2.定義主體內部主框架


3.定義內部左側框架以及右側框架


一般我們都是過直接敲代碼的，DW倒是沒碰。用DW我們也是簡單看一下，然後操作還是靠代碼。

4、dreamweaver框架是如何搭建的？

Dreamweaver 網頁製作教程

所需工具：點擊下載：Dreamweaver

7天學會Dreamweaver CS4網頁製作》從軟體基礎操作入門講起，以大量實際網頁製作案例精講為核心，以上機實踐提高讀者應用水平為目標，全面細致地介紹Dreamweaver CS4網頁製作軟體的使用方法和技巧，內容包括網頁設計基礎、站點的創建與管理、編輯網頁文本、在網頁中插入圖像、插入並編輯表格、用表格布局網頁、層與超級鏈接、行為在網頁中的應用、在網頁中插入多媒體對象、製作模板頁、框架的應用、表單的應用、用CSS設計網頁元素、創建動態留言本、製作化妝品網站、製作個人網站等。

5、怎麼搭建框架

框架不是說隨便就能搭的。看分到哪一級，比如建造師，有人只會選地基，有人會建地基，有人會在地基之上再建豎梁，橫梁，然後填牆，刷灰，裝修等。。。。一般來說建造師會設計圖紙，但是你讓他去砌鑽，估計不行。但是也可能有全才，什麼都會。寫程序跟這個差不多可以做類比。會設計框架規范的人不一定會實現具體模塊的功能，但他知道都有哪些模塊。
現在很多小程序都是自己搭框架自己寫，自己搭個草屋也是住，能擋風遮雨就實現功能了。如果是多人協作的就不行了。要有人設計框架

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

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

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

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


框架集的基本格式如下：

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

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

7、怎樣製作框架網頁（急！！！！！！！！）

先建立框架頁，主要代碼如下：
<frameset cols="131,16,*" framespacing="0" frameborder="NO" border="0" id="mainFrameset">
<frame src="左邊的頁面" name="leftFrame" scrolling="yes" >
<frame scrolling=no noresize="true" name=toogle marginwidth=0 marginheight=0 src="bar.html">
<frame src="右邊的頁面" name="mainFrame" scrolling="yes">
</frameset>
</frameset>
**********************
bar.html 頁面的代碼如下：
<html>
<head>
<style type="text/css">
.o1 {background-color:#718BD6; font-size:10px; color:#ffffff; text-decoration:none;}
body {margin: 0px; background-color: #ffffff; }
</style>
<script language="javascript">
<!--
var iniCols, noCols, o_mf, o_ms, s, o_bt, ImageSrc;
function ini() {

o_mf = parent.document.getElementById("mainFrameset");
o_ms = document.getElementById("menuSwitch");
noCols = iniCols = o_mf.cols;
nn = document.getElementById('img1');
nnSrc = iniSrc = nn.src;
if ((pos = noCols.indexOf(",")) != -1) {
noCols = "0" + noCols.substring(pos);
}
if ((pos = nnSrc.indexOf("bbbb")) != -1) {
nnSrc = "asnew/u" + nnSrc.substring(pos);
}
s = false;

}
function changeLeft(){

s = !s;
o_mf.cols = s ? noCols : iniCols;
nn.src = s? nnSrc : iniSrc;
}

//-->
</script>
</head>
<body onload="ini()" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="10" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="18" background="asnew/bar.gif"><a href="#"><img id="img1" src="asnew/bbbb.gif" width="18" height="8" alt="" onclick="javascript:changeLeft();" border="0"></a></td>
</tr>
</table>
</body></html>

***********
就可以實現了

8、用dw CS6製作網頁框架，怎麼製作？

在頁面中實現框架功能的標記有兩個：框架組標記<FRAMESET>… </FRAMESET>和框架標記<FRAME>。框架組標記的功能是劃分一個整體框架；<FRAME>的功能是設置整體框架中的某一個框架，並聲明其框架頁面的內容。
使用上述標記的語法格式如下：
<FRAMESET>
<FRAME src="URL">
<FRAME src="URL">
…
</FRAMESET>
（一）框架組標記
使用框架組標記的語法格式如下所示：
<FRAMESET 屬性=屬性值 >
…
</FRAMESET>
框架組常用屬性列表如下：

（二）框架標記
框架標記<FRAME>可以指定頁面的內容，所以可以將框架和包含其內容的文件聯系在一起。
使用框架標記的語法格式如下所示：
<FRAME src="文件名" name="框架名" 屬性=屬性值 noresize >
…
<FRAME src="文件名" name="框架名" 屬性=屬性值 noresize >
框架常用的屬性值如下：

其中scrolling取值說明如下：

END
創建框架
新建一個HTML空白頁
在菜單欄中選擇『插入』---『HTML'----'框架』---『左對齊』

在彈出的『框架標簽輔助功能屬性』對話框中選擇框架值和標題

在設計視圖中就會出現左右兩個框架

菜單欄中選擇『文件』---『保存全部』，在彈出的『另存為』對話框保存為1.html

點擊右框架，選擇『文件』--『框架另存為』，保存為2.html
點擊左框架，選擇『文件』--『框架另存為』，保存為3.html
在設計視圖中選中框架邊框，如下圖：這個邊框很隱蔽，不好找

選中邊框之後，屬性面板會變這樣：

選擇需要調整的參數，左右邊框可以選擇，然後點擊『文件』---『保存全部』

按F12預覽

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

加代碼：第一步：<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>

與網頁設計中框架怎麼搭建6相關的知識