如何制作框架网页

详细操作

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

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

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

第一步：新建网页

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

1.整个框架网页。

选中框架最中间的竖线，当我们看到代码栏中有“”代表我们选取成功。

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

用户类似问题：

问题1：如何制作一个左右框架的网页

若要制作一个站点，这个站点是左右的框架结构，左侧框架显示导航页面，右侧框架显示主内容，需要做的是将这两个页面合成一个左右框架结构的页面。步骤一：使用前面介绍的方法，首先将一个新建的空白页面分割成左右结构的框架。步骤二：选中“框架... >>详细

问题2：如何用FrontPage制作框架网页？

在用FP2000(FrontPage 2000)试图作一个由多个导航栏和多个页面构成的较为复杂的网站时，我们会发现，如果要修改导航栏的某一个标题时，我们不得不一个个地将所有的页面重新做一遍(这也是许多朋友转用Macromedia公司的Dreamweaver来作网站的一个... >>详细

问题3：请问怎样在框架中打开网页

你用FRONTPAGE制作框架网页！ 在左边载入1html,右边框架载入3html， 然后在左边的1html中超连接网页2！保存的时候为默认窗口！ 这样你在左边的1中点击你要的超连接2，在右边框架就会显示出来！ >>详细

问题4：请教如何制作网页框架

在dw 菜单中 插入——html ——框架——选择你想要的框架格式 保存全部页面，命名你所选择框架格式的对应各个页面，然后分别进行编辑即可。 >>详细

问题5：网页设计的框架结构怎么操作

框架结构（帧结构）是指利用将一个网页分为若干个窗口，这样可以在一个页面上展示几个不同内容的网页，例如将菜单和网页内容放到两个框架中，这样当拉动网页内容的滚动条时，菜单部分的网页可以保持固定不动，为浏览网页带来方便。另外，对于一... >>详细