网页设计怎么设计框架 第1篇
.. 案例标
案例运框架技术制校网站页，“框架”板选择框架，框架“属”板属设置，框架页设置确链标。网页框架布局图-示，效图-示。
图- 框架布局效图
图- 网页制终效图
素材置：…＼例素材＼＼院简介。
效置：…＼例效＼＼院简介。
.. 操思
根据练习标，合章识，具操思。
)选择菜单“件”→“建”令，创建空网页档。
)选择菜单“插”→“”→“框架”令，“框架”菜单选择“”类型，图-示框架构。
)标框架区域，选择菜单“修改”→“框架集”令，选择“拆右框架”，图-示框架构。
图- 创建“”类型框架
图- 拆框架区域
)选框架集，选择菜单“件”→“框架集另存”令，“另存”框，图-示，“件”框输“.”，单击“保存”按钮，保存框架集。
图- 保存框架集
)选左侧框架，“属”板设置框架称，图-示。
图- 设置左侧框架称
)设置框架均，设置框架宽，图-、图-、图-示。
图- 设置框架
图- 设置框架
图- 设置左侧框架宽
)选框架，框架“属”板单击“源件”“浏览件”图标，图-示，“选择件”框选择.，单击“确”按钮，完效图-示。
图- 设置框架链档
图- 框架效图
)采式，框架、及源件设置，链源件.、..。
)选框架网页“语院”，“属”板单击“源件”“浏览件”图标，选择链标件.，设置链标 ，图-示。
图- 设置“语院”链档
)选择菜单“件”→“保存”令，保存网页档，预览效。
网页设计怎么设计框架 第2篇
对于一个基本的网页，其基本上由三个部分组成，头部header，内容content，尾部footer。 因此，首先我们将网页分成了三个部分，也就是①图中的导航栏在内的前两行，②中间的三个大方块，③尾部的联系我们。 对于我们分好的板块，我们用div标签来表示框架。 这样，我们就可以首先编写最初的代码轮廓。
当然，编写完成这样的代码之后，我们在网页上什么都看不见，因此，我们需要在css内给添加一些效果。 其中，#id是指向标签id的css效果添加方法。
我们可以看到网页的效果将是这个样子：
网页设计怎么设计框架 第3篇
写道这里，肯定有些人想要看看这样写出来的网页长什么样子，这个简单。
我们可以看到对于这个文档来说，它有个文件拓展名，也就是文件的后缀，现在的后缀是_.txt_，我们接下来要做的就是把_.txt_改成_.html_，双击打开即可。
改这个后缀呢，我们讲2种方法。
这个，大家都会吧，左键重命名。
选择“是”。
这样就得到了这么个文件，双击打开即可。（我这里用到是360浏览器，所以图标是这样的）
这个跟重命名差不多，同样通过左键打开文件的属性。
选择_是_之后，也就可以相应的得到这个文件了。
双击打开即可。
有些同志就是可能，哎呀，算了，我就放一下当前效果。
可以看到，我这里的网址 不是什么_http://_，这个是绝对路径，别人在网上输入你的这个绝对路径是找不到你写的这个网站滴。
继续写代码的话，把后缀改回来就行。
在手机的文件资源管理里面，也可以创建一个.txt文本，然后写代码，改成.html，打开后照样可以运行。
这个我之前亲手试过，包可以的好吧。
也可以电脑上写好发到手机上运行，一样的。
（但是手机上代码，相当麻烦……）
网页设计怎么设计框架 第4篇
在完成初步的分块之后，我们需要按照内容细分模块。
首先，header包括两行，需要分成两块。content1与content2
其次，content包括三个大块： 第一块content1包括一个图片content1img、文字content1txt和链接content1link，所以再细分三块 第二块content2与第三块content3分别包括一个文字content2txt、content3txt与链接content3txt、content3link，所以均分为两块
最后，footer不需要再划分。