框架网页设计是什么？

框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。使用框架可以非常方便的完成导航工作，让网站的结构更加清晰，而且各个框架之间决不存在干扰问题。利用框架最大的特点就是使网站的风格一致。通常把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。一个框架结构有两部分网页文件构成：框架Frame：框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的网页文件。框架集Frameset：框架集也是一个网页文件，它将一个窗口通过行和列的方式分割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。所谓框架就是把网页分成几个框窗，同时取得多个URL。<frameset>用来划分框窗，每一框窗有一个<frame>，<frame>必须在<frameset>范围中使用。如：<framesetcols=50%,><framename=hellosrc=1html><framename=hisrc=2html></frameset>此例中<frameset>把画面分成左右两相等部分，左面显示1html，右面显示2html

物联网 *** 作系统由内核、辅助外围模块(文件系统、图形用户界面、通信协议栈、各类常见设备的驱动程序等)、集成开发环境等组成，基于此，可衍生出一系列面向行业的特定应用。
物联网 *** 作系统与传统的个人计算机 *** 作系统和智能手机类 *** 作系统不同，它具备物联网应用领域内的一些独特特点，现说明如下。
物联网 *** 作系统内核的特点
1、内核尺寸伸缩性强，能够适应不同配置的硬件平台。比如，一个极端的情况下，内核尺寸必须维持在10K以内，以支撑内存和CPU性能都很受限的传感器，这时候内核具备基本的任务调度和通信功能即可。在另外一个极端的情况下，内核必须具备完善的线程调度、内存管理、本地存储、复杂的网络协议、图形用户界面等功能，以满足高配置的智能物联网终端的要求。这时候的内核尺寸，不可避免的会大大增加，可以达到几百K，甚至M级。这种内核尺寸的伸缩性，可以通过两个层面的措施来实现：重新编译和二进制模块选择加载。重新编译措施很简单，只需要根据不同的应用目标，选择所需的功能模块，然后对内核进行重新编译即可。这个措施应用于内核定制非常深入的情况下，比如要求内核的尺寸达到10K以下的场合。而二进制模块选择加载，则用在对内核定制不是很深入的情况。这时候维持一个 *** 作系统配置文件，文件里列举了 *** 作系统需要加载的所有二进制模块。在内核初始化完成后，会根据配置文件，加载所需的二进制模块。这需要终端设备要有外部存储器(比如硬盘、Flash等)，以存储要加载的二进制模块;
2、内核的实时性必须足够强，以满足关键应用的需要。大多数的物联网设备，要求 *** 作系统内核要具备实时性，因为很多的关键性动作，必须在有限的时间内完成，否则将失去意义。内核的实时性包涵很多层面的意思，首先是中断响应的实时性，一旦外部中断发生， *** 作系统必须在足够短的时间内响应中断并做出处理。其次是线程或任务调度的实时性，一旦任务或线程所需的资源或进一步运行的条件准备就绪，必须能够马上得到调度。显然，基于非抢占式调度方式的内核很难满足这些实时性要求;
3、内核架构可扩展性强。物联网 *** 作系统的内核，应该设计成一个框架，这个框架定义了一些接口和规范，只要遵循这些接口和规范，就可以很容易的在 *** 作系统内核上增加新的功能的新的硬件支持。因为物联网的应用环境具备广谱特性，要求 *** 作系统必须能够扩展以适应新的应用环境。内核应该有一个基于总线或树结构的设备管理机制，可以动态加载设备驱动程序或其它核心模块。同时内核应该具备外部二进制模块或应用程序的动态加载功能，这些应用程序存储在外部介质上，这样就无需修改内核，只需要开发新的应用程序，就可满足特定的行业需求;
4、内核应足够安全和可靠。可靠性就不用说了，物联网应用环境具备自动化程度高、人为干预少的特点，这要求内核必须足够可靠，以支撑长时间的独立运行。安全对物联网来说更加关键，甚至关系到国家命脉。比如一个不安全的内核被应用到国家电网控制当中，一旦被外部侵入，造成的影响将无法估量。为了加强安全性，内核应支持内存保护(VMM等机制)、异常管理等机制，以在必要时隔离错误的代码。另外一个安全策略，就是不开放源代码，或者不开放关键部分的内核源代码。不公开源代码只是一种安全策略，并不代表不能免费适用内核;
5、节能省电，以支持足够的电源续航能力。 *** 作系统内核应该在CPU空闲的时候，降低CPU运行频率，或干脆关闭 CPU。对于周边设备，也应该实时判断其运行状态，一旦进入空闲状态，则切换到省电模式。同时， *** 作系统内核应最大程度的降低中断发生频率，比如在不影响实时性的情况下，把系统的时钟频率调到最低，以最大可能的节约电源。
物联网 *** 作系外围模块的特点
外围模块指为了适应物联网的应用特点， *** 作系统应该具备的一些功能特征，比如远程维护和升级等。同时也指为了扩展物联网 *** 作系统内核的功能范围，而开发的一些功能模块，比如文件系统、网络协议栈等。物联网 *** 作系统的外围模块(或外围功能)应该至少具备下列这些：
1、支持 *** 作系统核心、设备驱动程序或应用程序等的远程升级。远程升级是物联网 *** 作系统的最基本特征，这个特性可大大降低维护成本。远程升级完成后，原有的设备配置和数据能够得以继续使用。即使在升级失败的情况下， *** 作系统也应该能够恢复原有的运行状态。远程升级和维护是支持物联网 *** 作系统大规模部署的主要措施之一;
2、支持常用的文件系统和外部存储。比如支持FAT32/NTFS/DCFS等文件系统，支持硬盘、USB stick、Flash、ROM等常用存储设备。在网络连接中断的情况下，外部存储功能会发挥重要作用。比如可以临时存储采集到的数据，再网络恢复后再上传到数据中心。但文件系统和存储驱动的代码，要与 *** 作系统核心代码有效分离，能够做到非常容易的裁剪;
3、支持远程配置、远程诊断、远程管理等维护功能。这里不仅仅包涵常见的远程 *** 作特性，比如远程修改设备参数、远程查看运行信息等。还应该包涵更深层面的远程 *** 作，比如可以远程查看 *** 作系统内核的状态，远程调试线程或任务，异常时的远程dump内核状态等功能。这些功能不仅仅需要外围应用的支持，更需要内核的天然支持;
4、 支持完善的网络功能。物联网 *** 作系统必须支持完善的TCP/IP协议栈，包括对IPv4和IPv6的同时支持。这个协议栈要具备灵活的伸缩性，以适应裁剪需要。比如可以通过裁剪，使得协议栈只支持IP/UDP等协议功能，以降低代码尺寸。同时也支持丰富的IP协议族，比如Telnet/FTP/IPSec/SCTP等协议，以适用智能终端和高安全可靠的应用场合;
5、对物联网常用的无线通信功能要内置支持。比如支持GPRS/3G/HSPA/4G等公共网络的无线通信功能，同时要支持Zigbee/NFC/RFID等近场通信功能，支持WLAN/Ethernet等桌面网络接口功能。这些不同的协议之间，要能够相互转换，能够把从一种协议获取到的数据报文，转换成为另外一种协议的报文发送出去。除此之外，还应支持短信息的接收和发送、语音通信、视频通信等功能;
6、内置支持XML文件解析功能。物联网时代，不同行业之间，甚至相同行业的不同领域之间，会存在严重的信息共享壁垒。而XML格式的数据共享可以打破这个壁垒，因此XML标准在物联网领域会得到更广泛的应用。物联网 *** 作系统要内置对XML解析的支持，所有 *** 作系统的配置数据，统一用XML格式进行存储。同时也可对行业自行定义的XML格式进行解析，以完成行业转换功能;
7、支持完善的GUI功能。图形用户界面一般应用于物联网的智能终端中，完成用户和设备的交互。GUI应该定义一个完整的框架，以方便图形功能的扩展。同时应该实现常用的用户界面元素，比如文本框、按钮、列表等。另外，GUI模块应该与 *** 作系统核心分离，最好支持二进制的动态加载功能，即 *** 作系统核心根据应用程序需要，动态加载或卸载GUI模块。GUI模块的效率要足够高，从用户输入确认，到具体的动作开始执行之间的时间(可以叫做click-launch时间)要足够短，不能出现用户点击了确定、但任务的执行却等待很长时间的情况;
8、支持从外部存储介质中动态加载应用程序。物联网 *** 作系统应提供一组API，供不同应用程序调用，而且这一组 API应该根据 *** 作系统所加载的外围模块实时变化。比如在加载了GUI模块的情况下，需要提供GUI *** 作的系统调用，但是在没有GUI模块的情况下，就不应该提供GUI功能调用。同时 *** 作系统、GUI等外围模块、应用程序模块应该二进制分离， *** 作系统能够动态的从外部存储介质上按需加载应用程序。这样的一种结构，就使得整个 *** 作系统具备强大的扩展能力。 *** 作系统内核和外围模块(GUI、网络等)提供基础支持，而各种各样的行业应用，通过应用程序来实现。最后在软件发布的时候，只发布 *** 作系统内核、所需的外围模块、应用程序模块即可。
物联网 *** 作系统集成开发环境的特点
集成开发环境是构筑行业应用的关键工具，物联网 *** 作系统必须提供方便灵活的开发工具，以开发出适合行业应用的应用程序。开发环境必须足够成熟并得到广泛适用，以降低应用程序的上市时间(GTMT)。集成开发环境必须具备如下特点：
1、 物联网 *** 作系统要提供丰富灵活的API，供程序员调用，这组API应该能够支持多种语言，比如既支持C/C++，也支持Java、Basic等程序设计语言;
2、 最好充分利用已有的集成开发环境。比如可以利用Eclipse、Visual Studio等集成开发环境，这些集成开发工具具备广泛的应用基础，可以在Internet上直接获得良好的技术支持;
3、 除配套的集成开发环境外，还应定义和实现一种紧凑的应用程序格式(类似Windows的PE格式)，以适用物联网的特殊需要。通过对集成开发环境进行定制，使得集成开发环境生成的代码，可以遵循这种格式;
4、 要提供一组工具，方便应用程序的开发和调试。比如提供应用程序下载工具、远程调试工具等，支撑整个开发过程。
可以看出，上述物联网 *** 作系统内核、外围模块、应用开发环境等，都是支撑平台，支撑更上一层的行业应用。行业应用才是最终产生生产力的软件，但是物联网 *** 作系统是行业应用得以茁壮生长和长期有效生存的基础，只有具备了强大灵活的物联网 *** 作系统，物联网这棵大树才能结出丰硕的果实。

如何搭建完整的网站架构并设计出一个出色的网站关于这个问题，我们很难提出一个绝对权威和正确的设计思路，但任何网站的设计都需要遵循一个循序渐进的步骤。此次IT设计栏目特别邀请网站设计专业人士，自本期起进行为期5期的连载，分别从网站模型构建、审美与交互设计、风格设计、代码设计、可用性测试及对设计的折回补充等五方面，详细阐述如何设计一个优秀的网站，敬请读者关注。
网站设计是一门新兴的边缘性职业，既要从外观上进行创意，又要结合图形和版面设计，交互设计等诸多相关原理，这使得网站设计变成了一门独特的艺术。
良好的网站设计能使网站在同类站点中独具特色，优秀的创意和表现方式能给浏览者留下深刻的印象，使网站访问流量增加甚至直接增加网站收入。 因此，在设计的初始阶段就规划好网站的设计步骤是非常重要的，通常情况下网站设计步骤分为模型构建、审美及交互设计、风格设计、代码设计、可用性测试等几大方面。首先我们由以下四个步骤来了解一下网站模型设计中的内涵与重点。
一、网站设计，不仅仅是美术设计
你的工作究竟属于设计师还是美工那得看你做的活是真正的设计，还是点缀页面使之更好看的 *** 作。设计师的工作是高屋建瓴的，而美工只是软件工具的使用者。
很多人把在网站中的设计定义为美术设计，认为设计师的工作任务就是使用Photoshop一类的绘图软件把需要展示的页面画出来，其实这是很狭义的理解。合格的设计师应该立足于整个网站的全局，在规划上对整个网站进行完整的设计，在宏观上把握设计风格导向，微观上再针对该网站的具体定位来决定如何对设计进行元素上的细化。当然，网站设计还包括了数据库设计及程序设计，在这里，我仅以我的从业经验，举例谈谈网站前端设计。
北京奥运会即将开幕，我们先来举两个奥运类型网站的例子：
奥运会官网：如图，这是一个设计得非常成功的例子，设计师并没有像一般涉及奥运主题的设计一样使用大量红色，而是把页面风格完全国际化，其中把各种资讯和功能模块都恰到好处地融合在一起，粗毛笔一般的元素设计使网站得到了丰富的整体效果。
新浪奥运频道：如图，我们可以看到设计师的创意仅仅被压缩在页面滚屏几次后看到的内容区块上，使用了奥运五环色彩来进行设计。页面头部基本是套在任何一个专题网站都能使用的结构素材，而新浪的资讯系统一定是能支持实现一个更脱离内容专题模板的好设计的，可见其并没有从网站设计的角度出发去处理这个项目。
二、设计人员在需求阶段介入，影响需求，而不干预需求
我们常听到有设计师抱怨：“这个设计让我改了十多遍怎么还不能定稿”，也常听到产品经理说：“这个设计师怎么就是把握不住要点”
不论设计在网站的实现过程中有多么重要，网站该是什么模样，还是必须由需求决定。所以网站项目的前期需求是至关重要的环节，也可以理解成房屋建筑的地基。需求也许是经过若干调查，将结果汇总后产生的报告，也可能是领导或老板的一时冲动而引发的大讨论。
在需求的确立过程中，遗憾的是，网站设计人员的分量是极其有限的，产品经理、频道主管、某级领导的想法往往直接决定着需求的最终形态。但是设计人员在需求阶段的介入还是很有必要的，设计师能以自己专业独到的眼光，提出科学合理的建议，影响需求的细节。这样做的结果是能在最大限度上取得需求方和设计方的思想一致，而不至于在设计过程中面对着有意见却不让更改的需求问题而大发牢骚。
三、学会掌控用户路径
用户从哪个页面来他最有可能点哪个链接或者按钮他使用了搜索框吗他下一页去哪里最后哪个页面会被他打印输出
站在整个网站的角度出发，这些流程也许只是产品经理需要把握的，设计师拿到UE图只管一个接一个绘制页面就行。其实不然，好的设计师往往能承担一部分产品经理的职责，设计出一个典型的用户路径，这对网站页面流程有着很大的影响。
页面和页面之间有很多关联，成片的超链接把流程页面和外部页面混乱地串在一起，区域A的文字链接要链到页面2，区域B的链接是指向页面3，侧边的一个位置显著的大按钮其实是链接到网站X……页面和页面之间也是有继承关系的，继承的过程要让用户觉得理所当然，在视觉上实现平滑过渡，这就是设计师要考虑的具体问题。从一个页面到另一个页面的路径组成里，哪些模块要原样保留，哪些控件要发生变化页面结构是否可以变动，页面色彩是否可以更换这些都是需要参照用户路径进行设计的地方。把自己想象成为一个普通用户，一页一页地点进来，你就能明白用户需要的是什么样的合理设计。在此我们可以参考如图所示的网站设计流程图。
四、初步实现UE产品模型，并审核
设计师需要以什么作为参考来进行页面设计所有的元素和流程都在脑子里，这个时候设计师需要稍加整理把它们简要地画出来，画出线框和注释就可以了。
我们可以把UE模型理解为设计草图，在UE阶段，设计师主要根据用户路径得来的线索，加上对用户交互习惯的探索，进而整理出一个大概的模型框架。这个框架里，要明确画出有几个关键页面，每个关键页面的关键元素和模块有哪些，这些关键元素和模块哪些是必须以某种特定位置排列或者是务必要强调突出的。
其中，网站的首页、最终页面是最重要的两级页面，首页会是用户使用网站的第一站，在首页的体验好坏，直接决定着他的去留;而最终页面是用户想要获得信息的具体页面，他会在这个页面停留最久，可能会进行仔细的阅读，或是打印出这一页备用。通常在绘制完UE模型之后，会有一个开发小组来讨论并且审核这个模型，这时候就需要着重确定首页和最终页的大概模样，每个讨论参与者对此都很关心。UE模型的绘制我们可以参考如图的某商城的UE图。UE模型通过之后，传统意义的设计终于派上用场，要进行具体的页面设计了。

原来你说的框架是HTML中的Frame元素（标签），确实该元素被很多浏览器不识别，所以网站后台应用的非常普及。而前台往往是用HTML和JS效果来替代Frame元素所起的作用；JS是可以被客户端浏览器读取的，HTML是可以优化SEO的。

名词解释：网站框架架构，一般认为是根据客户需求分析的结果，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序，以最大限度地进行高效资源分配与管理的设计。其内容有程序架构，呈现架构，和信息架构三种表现。而步骤主要分为硬架构和软架构两步程序。

打个简单的比方,网站框架结构好比造房子前的设计工程图,分析造何种类型房子（给谁住）；房子朝向/客厅、卧室等面积布局、水电煤气管道位置、门窗阳台位置。

框架设计可以使用bootstrap框架精选架构使用。bootstrap对自适应网址制作这一块有比较方便使用的功能。还有各种ICON图标，字体等。国内也有许多的中文教程相关的，学习更容易，上手更轻松。

---