导航:首页 > 万维百科 > 网页设计中框架怎么搭建

网页设计中框架怎么搭建

发布时间: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>

与网页设计中框架怎么搭建相关的知识