导航:首页 > 万维百科 > 网页页面框架设计

网页页面框架设计

发布时间:2020-10-08 17:22:59

1、网页设计框架运用

参考下
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>后台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<frameset rows="20%,*">
<frame src="top.html" name="top"></frame>
<frameset cols="30%,*">
<frame src="menu.html" name="menu"></frame>
<frame src="cont.html" name="cont"></frame>
</frameset>
</frameset>
</html>
----------------------我是分割线---------------------------------------------------------------
menu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>菜单栏</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
</head>
<body>
<h1>管理选项</h1>
<ul>
<li><a href="public.html" target="cont">发布文章</a></li>
<li><a href="list.php" target="cont">文章列表</a></li>
<li><a href="langmulist.php" target="cont">栏目列表</a></li>
<li><a href="addLangmu.html" target="cont">添加栏目</a></li>
<li><a href="layout.html" target="_top">退出登陆</a></li>
</ul>
</body>
</html>

2、网页设计,只用一个网页怎么实现框架的功能?

只用一个页面的话只能用层吧,点击导航,显示一个层,隐藏其他层。
网上有许多就js+css写的滑动门也可以实现类似效果

3、几种常见网页布局设计

网站是有网页构成,这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚,但是你现在的问题是,虽然很多的企业都想要建设网站,但是对于网站的布局了解的并不清楚,下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型

2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型

4、网页制作中框架是什么意思?

框架可以把浏览器窗口分成几个独立的部分,每部分显示单独的页面,页面的内容是互相联系的。框架网页,顶端框架显示网页标题,下面左右两个框架,左边显示导航栏,右边显示链接目标网页。单击左边框架导航栏中的超级链接,在右边框架里显示超级链接的对象。内容非常多的网页不宜采用框架式结构,所以大网站中几乎所有的网页都不是框架式网页。

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、网页框架设计,有什么软件啊

DW还不错啊,哪会落伍?看你用什么技术了
如果还是html类的那dw就不错了最新的cs4版本
如果开始设计flash或者silverlight,那就分别是flash builder4和vs 2008/2010了

8、什么是框架结构的网页

框架结构(帧结构)是指利用<FRAME>将一个网页分为若干个窗口,这样可以在一个页面上展示几个不同内容的网页,例如将菜单和网页内容放到两个框架中,这样当拉动网页内容的滚动条时,菜单部分的网页可以保持固定不动,为浏览网页带来方便。另外,对于一些内容较少的网站,利用框架结构也使得网页布局看起来更加丰富。
但从网络营销需要的角度而言,尤其是出于搜索引擎优化方面的考虑,最好不要使用框架结构(帧结构)的网页设计,或者要进行特别处理,以便适应搜索引擎的检索规则。框架结构(帧结构)的主要问题在于不能为每个网页都设置一个标题(TITLE),更为糟糕的是,有些搜索引擎对框架结构的页面不能正确处理,会影响到搜索结果的排列名次。所以一般情况下,尽可能不采用框架结构。现在一般网站都是采用表格定位的网页设计

9、如何制作框架网页

小编以前也不会框架网页的,但是前段时间小编需要考试。遇到了有关框架网页的问题,也就去学习了。接下来小编就用接下来的实例来教大家如何制作框架网页。希望能够帮助到你们。
我们今天就以下面的例题来学习一下。
请建立一个目录框架网页,并按照要求将此文件保存名为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文件,在浏览器中浏览效果了,如图:

与网页页面框架设计相关的知识