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

網頁設計中框架怎麼搭建

發布時間:2021-03-25 20:17:45

1、網頁設計中的框架怎麼用啊?快交作業了,網頁還沒做好。望哪位仁兄幫忙,謝謝啦先

插入-html-框架
給你個視頻好好看看把
http://v.youku.com/v_show/id_XMTMwMzM1MzM2.html

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

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

3、網頁設計中如何使用嵌套的框架集

在另一個框架集之內的框架集稱作嵌套的框架集。一個框架集文件可以包含多個嵌套的框架集。大多數使用框架的 Web 頁實際上都使用嵌套的框架,並且在 Dreamweaver 中大多數預定義的框架集也使用嵌套。如果在一組框架里,不同行或不同列中有不同數目的框架,則要求使用嵌套的框架集。 例如,最常見的框架布局在頂行有一個框架(框架中顯示公司的徽標),並且在底行有兩個框架(一個導航框架和一個內容框架)。此布局要求嵌套的框架集:一個兩行的框架集,在第二行中嵌套了一個兩列的框架集。Dreamweaver 會根據需要自動嵌套框架集;如果您在 Dreamweaver 中使用框架拆分工具,則您就不需要考慮哪些框架將被嵌套、哪些框架不被嵌套這樣的細節。 有兩種方法可在 HTML 中嵌套框架集:內部框架集可以與外部框架集在同一文件中定義,也可以在不同文件中單獨定義。

4、如何製作框架網頁?

框架就是 這個好說,以下是框架:
<html>
<head>
<title>框架示範</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<frameset framespacing="0" rows="80,*" border="0" frameborder="0" >
<frame name="top" scrolling="no" noresize target="contents" src="top.aspx">
<frameset id="mainframe" cols="178,1,*">
<frame name="menu" target="main" scrolling="auto" src="menu.aspx">
<frame name="blank" scrolling="auto" src="blank.aspx">
<frame name="main" scrolling="auto" src="main.aspx">
</frameset>
<frame name="bottom" scrolling="no" noresize target="contents" src="bottom.aspx">
<noframes>
<body topmargin="0" leftmargin="0" >
<p>此網頁使用了框架,但您的瀏覽器不支持框架。</p>
</body>
</noframes>
</frameset>
<body>
</body>
</html>

5、如何製作框架網頁

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

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

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

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

你可以看一下SSH框架

8、dreamweaver框架是如何搭建的?

Dreamweaver 網頁製作教程

所需工具:點擊下載:Dreamweaver

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

9、html網頁製作 4個混搭框架怎麼弄?

<frameset rows="58*,395*" cols="*" framespacing="0" border="0"><frame src="top.htm" title="top" />
<frameset rows="281,102" cols="*">
<frameset rows="*" cols="124,*" framespacing="0" frameborder="no" border="0">
<frame src="left.htm" name="left" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="main.htm" title="main" />
</frameset>
<frame src="bottom.htm" title="bottom" />
</frameset>
</frameset>
<noframes></noframes>

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