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

 

品牌热线:0512-8916 9975

136 5622 6579

资讯中心:

行业新闻

经验分享

常见问题

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

 

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

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

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

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

行业新闻

+ 香水奢侈品牌(化妆品)VI设计和品牌形象设计欣赏
+ 做标志LOGO设计不是超越竞争对手而是要间隔对手
+ 品牌升级策划_品牌升级设计 品牌转型都包含哪些
+ 品牌命名策略_企业取名_产品起名-中英文商标命名公司
  More>>

 

经验分享

+ 企业公司VI设计包含哪些内容
+ 苏州企业|快消品|餐饮VI设计中品牌标准色的重要性
+ 标志品牌logo设计要突出品牌记忆点
+ 品牌策划设计之讲故事圈粉
  More >>
 

常见问题

+ 如何策划品牌文案、品牌文化及品牌故事?
+ 包装设计的卖点是创意图片和品牌设计
+ 品牌logo设计三型 类型 原型 造型
+ 品牌LOGO设计形象之符号法则
  More >>

  版权所有 © 苏州极地信息科技有限公司 品牌热线:0512-89169975 136-5622-6579(微信同号)
地 址:苏州市吴中区苏蠡路59号蠡和大厦7楼 百度地图 苏ICP备11024447号
苏州vi设计公司-极地视觉提供企业形象包装设计,集团VI设计,LOGO设计,品牌设计,创意广告,vi系统,SI,战略咨询,品牌策划,品牌全案策划服务