极地视觉,苏州logo设计,苏州品牌设计

 

品牌咨询/微信:136 5622 6579

资讯中心:

行业新闻

经验分享

常见问题

您目前所在的位置:资料中心 >> 经验分享

 

浅谈网页设计中如何利用框架布局页面

添加时间:2018-12-18     来源:极地视觉    浏览人数:672

随着电脑的普及和互联网的飞速发展,人们对网站建设的要求也日益增高,要想设计出更为优秀的网站,页面布局是网页设计首要考虑因素之一。本文将简单介绍一种常见的页面布局方法——利用框架进行布局,以及这种方法的优缺点。
网站设计
框架是把浏览器窗口分成若干个区域,每个区域可以显示不同的网页文件。每个框架都是浏览器窗口中的一个独立区域,在这个区域中可以显示一个单独的网页而不影响其他区域中的显示内容,进行网页设计时使用框架可以非常方便地完成导航工作。
也就是说框架是用于分割浏览器窗口的,可以将一个页面拓展为多个页面,每个页面都可以显示不同的网页,它在网页设计中的优点是支持滚动条,方便导航;框架的缺点是:难以实现在不同框架中精确对齐各个页面元素,且保存时不方便,应用范围有限,另外进行网页设计时的兼容性不好,并不是所有浏览器都提供良好的框架支持。
下面以笔者制作的“旅游景点介绍”页面为例,一步步说明在网页设计中如何利用框架来布局页面。
网页设计
一是选择[文件]菜单栏中的[新建]命令,创建一个新的页面;二是选择[插入]工具栏中[布局]任务栏中的[框架]命令,选择下拉菜单中其中一种框架类型,如“上方固定、左侧嵌套”类型;三是弹出[标签辅助功能属性]对话框,采用默认的每一个框架标题,单击“确定”按钮,创建框架集页面;四是选择[文件]菜单中的[保存全部],保存框架文件及框架集文件,分别命名为“topframe.html”、“leflframe.html”、“mainframe.html”以及“框架示例html”;五是单击菜单“窗口”中的[框架],显示[框架]面板,在[框架]面板中,选中“mainFrame”,在[属性]面板中将“滚动”设为“自动”;六是在顶部的框架中插入图像,在左侧的框架中插入一个7行1列的表格,在表格中输入文字;七是在左框架的表格中选中文字,分别设置文字的超链接;最后是按下F12键,打开浏览器查看整个网页设计内容。这个实例用框架布局整个页面,但在框架里又嵌套了表格,这就实现了框架和表格有机结合,让网页设计时的页面布局更加灵活。
 

上一篇:以Tree森林主题水吧为例探析企业VI设计
下一篇:VI设计中商业名片设计的趣味性研究

行业新闻

+ 让企业画册的思路和框架先行
+ 14种常见包装设计风格
+ 日用品的包装设计要注意什么?
+ 怎样做好产品详情页
  More>>

 

经验分享

+ 标志设计的基本原则
+ 设计中的构图技巧
+ 画册设计的几大法则
+ 店招门头设计,6大设计原则!
  More >>
 

常见问题

+ 插画设计如何才能增强画面“空间感”?
+ 标志造型的动态表现
+ 快速搞定logo设计的7个技巧
+ 产品宣传册的设计灵感是怎么涌现出来的?
  More >>

版权所有 © 苏州极地信息科技有限公司 品牌热线:0512-89169975 136-5622-6579(微信同号)
地 址:苏州市吴中区苏蠡路59号蠡和大厦7楼 百度地图 苏ICP备11024447号 服务主区域 :昆山 太仓 张家港 常熟 吴江 南通 南京 上海
苏州vi设计公司-极地视觉提供企业形象包装设计,集团VI设计,LOGO设计,宣传画册设计,品牌设计,创意广告,vi系统,SI,品牌咨询,品牌策划,品牌全案策划服务