框架网页设计是什么（框架型网页的制作）
本文目录一览：
- 1、网页的布局类型有哪些?
- 2、网页设计的框架结构怎么操作
- 3、什么是框架型网页
网页的布局类型有哪些?
1、流动布局（html网页默认的布局方式）特点：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。内联元素都会在所处的包含元素内从左到右水平分布显示。
2、对称对比布局 顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。其优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。
3、拐角型 这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
4、“国”字型 也可成为“同”字型，一般的大型网站都喜欢使用这种类型的网页布局，也是网上最常见的网页布局结构类型。
网页设计的框架结构怎么操作
1、第一步：新建网页首先；打开软件，选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。第二步：制作左边的框架网页首先插入表格并设置基本属性：选择主菜单下的“插入”——“表格”。
2、布局网格由一些垂直和水平线条组成，可用于结构化网页内容。网格是一个整体框架，也可以作为布局来组织框架的文本和图片。使用网格可以更好地解决元素在页面中的定位问题，从而更准确地进行布局规划，同时使用网格也可以使布局设计更高效。
3、网站的功能是主要功能，整个设计要给访问者一个清晰的导航，方便他们操作。 网站前台的设计框架：主要分为栏目名称、栏目内容、技术手段、页码。
4、要制作网页模板，要先懂得最基本的网页制作方法。比如构思好网站结构之后，用网页制作软件《dreamwearer》打边框，设计框架和布局，然后插入图片，输入文字等媒体内容。然后可以保存为模板。
5、在开始菜单打开dreamweaver，打开之后，见到的第一页默认应该是下图所示的这样，我们选择html，就进入网页的编辑窗口了。如何进入框架的编辑呢，如果你的工作区不是“经典”，那就切换过来，在右上角的位置。
什么是框架型网页
1、如果一个网页的左边导航菜单是固定的，而页面中间的信息可以上下移动，这一般就可以认为是一个框架型网页。此外，一些框架型站点的模板在其页面上方放置了公司的LOGO或图片。不过这一块也是位置固定的。
2、框架可以把浏览器窗口分成几个独立的部分，每部分显示单独的页面，页面的内容是互相联系的。框架网页，顶端框架显示网页标题，下面左右两个框架，左边显示导航栏，右边显示链接目标网页。
3、css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。
4、框架型网站的优越性体现在页面的整体一致性和更新方便上。尤其对于那些大型网站而言，框架结构的使用可以使网站的维护变得相对容易。
