怎么创建框架网页(怎么创建框架网页)

http://www.itjxue.com  2023-01-28 09:56  来源:未知  点击次数: 

如何制作框架网页

主页

div

导航部分:br

/

a

href="content1.htm"

target="cc"内容1/a

a

href="content2.htm"

target="cc"内容2/a

/div

iframe

name="cc"

src="content1.htm"

frameborder="0"/iframe

这个iframe就是框架,位置和样式就要你自己调整,frameborder是框架的边框.

框架最关键的就是target和name两属性了,超链接中的target是放要在哪打开的框架的name.

上面就是例子

如何制作框架网页

小编以前也不会框架网页的,但是前段时间小编需要考试。遇到了有关框架网页的问题,也就去学习了。接下来小编就用接下来的实例来教大家如何制作框架网页。希望能够帮助到你们。

我们今天就以下面的例题来学习一下。

请建立一个目录框架网页,并按照要求将此文件保存名为page2.html

要求:在目录框架网页建立一个4行1列的表格(高300像素、宽100像素),表格居中,边框为黄色、背景为绿色;表格中的文字为华文楷体、14磅、加粗、黑色;单元格内容水平方向居右对齐,垂直方向相对底边对齐;在主框架网页中新建网页并插入素材包内的图片8139.jpg;设置"美食介绍"与素材包内sc7.htm 文件的链接,设置"相关新闻"与网站链接,设置"相关图片"与素材包内bg7.jpg文件的链接,设置"网络高手"与邮箱someone@microsoft.com链接

第一步:新建网页

首先我们打开软件,选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。

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文件,在浏览器中浏览效果了,如图:

如何在网页中创建框架

可以使用dreamwave创建一个框架页面

下面是一个上下结构 , 下面左右结构的框架

每个部分src引用到指定网页

左边页面的连接页面 , 使用 target 来指定页面显示的框架区域

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

a href="test.php" target="bodyFrame"TSI 订单/a

!DOCTYPE html

html

head

meta http-equiv="content-type" content="text/html;charset=utf-8"

title管理系统/title/head

frameset rows="112,*" frameborder="no"

frame src="frameset/top.php" noresize="noresize" scrolling="no"/

frameset cols="188, *"

frame src="frameset/left_operation.php" name='leftFrame' scrolling="auto"/

frame src="frameset/body.html" name="bodyFrame" id="bodyFrame" scrolling="auto"/

/frameset

noframes

bodyp框架/p/body

/noframes

/frameset

/html

如何在asp网页中做框架网页

使用DW建框架:

有两种方式:

一是:文件--新建--使用框架集.

二是:新建一个网页后,选布局工具栏的框架按钮.

怎样创建创建框架网页?

选择【查看】→【可视化助理】→【框架边框】命令将框架的边框显示出来。

按住【Alt】键,将上方的边框向下拖动到页面底部位置后释放鼠标,完成框架的拆分。

使用相同的方法,再拖动上边框两次,完成框架的创建。

选择【文件】→【保存全部】命令将框架及框架集进行保存即可。

完成各框架页面的制作。

打开gtly1.html框架集网页,将其另存为gtly2.html。

首先设置框架集的属性,设置边框为无,边框宽度为0,各框架的高度分别为86、202、18、110。

再设置各框架的属性,设置边框为不显示,不能调整大小

如何制作一个左右框架的网页

若要制作一个站点,这个站点是左右的框架结构,左侧框架显示导航页面,右侧框架显示主内容,需要做的是将这两个页面合成一个左右框架结构的页面。步骤一:使用前面介绍的方法,首先将一个新建的空白页面分割成左右结构的框架。步骤二:选中“框架”面板中的左框架,单击属性面板中“源文件”文本框右侧的“浏览文件”按钮,在弹出的对话框中选择左页面。步骤三:同理,选中“框架”面板中的右框架,单击属性面板中个“源文件”文本框右侧的“浏览文件”按钮,在弹出的对话框中选择右页面。步骤四:这时,框架的左右两侧就将已经制作好的页面显示出来了。步骤五:选中“框架”面板中的总框架集,然后执行“文件--保存框架页”命令,将其保存。步骤六:选择“框架”面板中的总框架集,在属性面板中设置“边框”为“否”,边框宽度为“0”,选择缩略图中的左框架,设置其宽度为“130像素”,然后选择右框架,设置其宽度为“相对”。步骤七:选择“框架”面板中的左框架,在属性面板中,设置“滚动”为“否”,即指定在左侧框架中不显示滚动条。选中“不能调整大小”复选框,令访问者无法通过拖动框架边框调整框架大小。将“边框”设置为“否”,在浏览器中将隐藏当前框架的边框。步骤八:选择“框架”面板的右框架,在属性面板中设置:“滚动”为“自动”,当浏览器窗口中没有足够的空间来显示当前框架的完整内容时才显示滚动条。选中“不能调整大小”复选框,将边框设置为“否”。

(责任编辑:IT教学网)

更多

推荐图片影音文章