如何制作框架网页

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

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

请建立一个目录框架网页，并按照要求将此文件保存名为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文件，在浏览器中浏览效果了，如图：

网页设计框架怎么做

网页设计框架做法如下：学习网页设计框架推荐咨询【达内教育】。

1、第一步：新建网页

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

2、第二步：制作左边的框架网页

首先插入表格并设置基本属性：选择主菜单下的“插入”——“表格”。接着设置表格的属性：（4行1列的表格“高300像素、宽100像素”，表格边框为黄色、背景为绿色。）其中的高，边框颜色都是使用代码输入。

3、第三步：设置css样式

首先打开css面板，选择该面板的下面的“+”号，出现下图所示的效果。设置样式。选择“id”类型，取名为“stlye1”，保存了“仅存为该文档”。设置样式属性。“华文楷体、14磅、加粗、黑色”。

4、第四步：使用css样式

在表格中书写相应的文字。选中所有的文字，然后来到属性面板。选择“类”——“stlye1”，；就设置好css样式。

5、第五步：设置文字的位置。

选中文字，来到属性面板，设置“水平”，“垂直”的属性等。感兴趣的话点击此处，免费学习一下

想了解更多有关框架的相关信息，推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。

网站建设的框架是什么？

网站建设都是有一个大体的框架的，提前确定好框架是非常有必要的，合理地运用框架可以使一个页面显示得更加完美、更具有视觉上吸引力、更宜于导航。然而滥用网站建设框架会使页面显得杂乱无章不易于阅读，太多的框架甚至可以造成浏览器的崩溃！那么网站建设的框架是什么呢？

对于刚刚接触网站建设的小白来说，该网站的整体结构模糊，没有明确的概念。框架与表格不同，它们的区别在于每个框架的框里都可以包含一个独立的网站设计，每一个页面都可以独立于其它页面而翻动或改变。可以说，每一个框架就是一个迷你的浏览器。

市场上讲：php做中小型企业网站比较合适，性价比高，java偏大型。

性价比：很简单的php空间一年才几百块钱，而java空间一个月就得几百。

语言方面：当然php和java都各领风骚，主要看自己擅长哪一种语言了，我也用过php一段时间，发现确实很难习惯其。

语法，所以最代码也是用java开发的。

开发周期：java和php我觉得效率上php会好，但性能上java会比php会更占优势，当然这不是绝对的，只能说玩的好的语言不是问题。

除了技术框架以外还有基本内容框架构造：

一、网站结构

网站结构包括网站栏目结构、网站结构定位、网站菜单和导航位置设置、网站信息排名位置等。它是用来向用户表达企业信息的网站栏目设置、网站布局、网站导航、网站层次结构等信息的体现。网站结构是网站规划过程中需要确定的一个问题，是网站建设的诀窍。

二、网站内容

网站内容包括用户在网站上可以视觉或听觉感知的所有信息，如文本、图片、视频、音频等。

网站内容一般包括以下几点:

1、公司信息:公司简介、发展历史、公司趋势、媒体报道、主要成果(证书、数据)、组织结构、企业主要领导介绍、联系方式等。

2、产品信息:所有系列和型号的产品；产品的详细介绍(图片、视频等)。

3、用户服务信息:产品选择和使用常识、产品说明、在线问答等。

4、促销信息:在线广告、有奖竞赛、有奖论文、优惠券下载等。

三。网站功能

就是发布各种信息和提供服务的必要技术支持系统。前台和后台都有功能。

①前台功能:用户可以通过浏览器看到和操作的内容是后台功能的外部表现；

②后台功能:通过网站运营商的操作可以在前台实现的相应功能。后台的功能是为了实现前台的功能而设计的。

四、网站服务

网站向用户提供的价值，如问题答案、优惠信息、数据下载等。网站服务是通过网站功能和内容来实现的。一些服务已经包含在网站的基本内容中，而另一些则需要与产品相结合才能发挥作用。

以上是上海印宏网络整理的有关网站建设的框架是什么的相关解答，我希望以上几点对大家都有帮助。

如何为网站制定好内容框架?

1.首页内容框架

首页是网站的门面，一个网站的整体质量和用户体验度如何，从首页上就能直接体现出来。首页内容框架的搭建，需要遵循以下几个原则：

第一，首页可以让用户知道我们的网站是做什么的。

第二，用户能够快速找到需要找的内容。

第三，给层次更深的内容提供入口。

第四，可以让用户停留以及引导点击。

值得注意的是，首页的内容搭建不能闭门造车，一定要让用户参与进来，并根据用户的反馈不断调整、优化框架内容，以提升用户体验度，保证网站内容框架的合理性。

2.新站优化栏目框架

栏目的作用是可以把一些重要的需要重点推荐的内容置顶，方便用户查询。因此，

第一、栏目页面的内容需要注意其专一性的特质，不要出现跑离主题现象。

第二、栏目的内容有必要要针对性地进行元素拓展。

例如：基础建站教程，进行元素拓展后，形成两个子栏目：wordpress建站教程、cms建站教程等等。

3.页面框架

页面是内容的承载页，但单个页面所能表达的内容有限，切忌贪多嚼不烂。

第一、首先我们需要明白，一篇文章只能解决一个问题，即做一个长尾关键词，不能过于含糊宽泛。

第二、内容的可读性要高。因此第一点需要注意的是内容排版，不要一段很漫长的字推积在一起，这样的内容90%的用户看了都会烦并且还伤眼睛。

第三、相对于竞争对手而言，内容的丰富度需要更加好，尽可能的图文并茂。第四、内容的下面或者右侧可以增加相关文章的推荐阅读等等。

关于如何为网站制定好内容框架，青藤小编就和您分享到这里了。如果您对互联网营销有浓厚的兴趣，希望这篇文章可以为您提供帮助。如果您还想了解更多关于广告营销文案写作、文案优化的方法及素材等内容，可以点击本站的其他文章进行学习。