网页整体框架(如何设计网页整体框架)

如何制作框架网页

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

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

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

网页的基础框架是什么语言

网页的基础框架是html语言。

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

整体结构

一个网页对应多个HTML文件，超文本标记语言文件以．htm或．html（外语缩写）为扩展名（其中．htm是因为之前的文件系统只支持最多三位扩展名）。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。

标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：＜br/ img/），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

什么是网站总体架构设计

网站结构是指网站中页面间的层次关系，按性质可分为逻辑结构及物理结构。是现代网络学习和发展的一个必须的基础技术。根据需求分析的结果，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序。

网站架构的内容有哪些？

有程序架构，呈现架构，和信息架构三种表现，步骤主要分为硬架构和软架构两步程序。

网站总体框架示意图是网站后台支撑系统的想法，一般取决于网站本身的建设意图。

网站架构水平的高低决定着网站的整体性能和运营模式的时效性和经济性，它的设计必须考虑到网站的模式、运营思路、用户群体使用习惯、网站的功能等等。

网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。网站结构在决定页面权重上起着非常关键的作用，会直接影响到搜索引擎对页面的收录。一个合理的网站结构可以引导搜索引擎抓取到更多、更有价值的网页。如果网站结构混乱，往往就会造成搜索引擎陷入死循环、抓取不到页面等问题。网站结构的好坏会决定用户浏览的体验度，合理的网站结构是优化网站关键词排名的前提。

所以，网站结构可以影响网站内部页面的重要性，合理的内部链接策略就可以对重要页面进行突出、推荐等操作。

绘制网站概要图符号

网站概要图模板

网站的基本架构是什么

网站架构按照制作步骤分为硬架构和软架构。

一、硬架构

1、机房：在选择机房的时候，根据网站用户的地域分布，可以选择网通、电信等单机房或双机房。

2、带宽：预估网站每天的访问量，根据访问量选择合适的带宽，计算带宽大小主要涉及峰值流量和页面大小两个指标。

3、服务器：选择需要的服务器，如图片服务器，页面服务器，数据库服务器，应用服务器，日志服务器，对于访问量大点的网站而言，分离单独的图片服务器和页面服务器相当必要。

二、软架构

1、网站的框架：现在的PHP框架有很多选择，比如：CakePHP，Symfony，Zend Framework，根据创作团队对各个框架熟悉程度选择。

2、逻辑的分层

1）表现层：所有和表现相关的逻辑都应该被纳入表现层的范畴。

2）应用层：主要作用是定义用户可以做什么，并把操作结果反馈给表现层。

3）领域层：包含领域逻辑的层，就是告诉用户具体的操作流程的。

4）持久层：即数据库，保存领域模型保存到数据库，包含网站的架构和逻辑关系等。

扩展资料

网站的分类

1、根据网站所用编程语言分类：例如asp网站、php网站、jsp网站、Asp. net网站等；

2、根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等；

3、根据网站的功能分类：例如单一网站（企业网站）、多功能网站（网络商城）等等。

4、根据网站的持有者分类：例如个人网站、商业网站、政府网站、教育网站等。

5、根据网站的商业目的分类：营利型网站（行业网站、论坛）、非营利性型网站（企业网站、政府网站、教育网站）。

参考资料来源：百度百科—网站架构

参考资料来源：百度百科—网站