导航:首页 > 万维百科 > 网页设计中框架怎么搭建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相关的知识