服务热线:0512-8916 9975 大客户专线:136 5622 6579
企业新闻 行业新闻 热点新闻 设计文章 常见问题 经验分享 我要留言

企业新闻』 创意展示 视觉传达
行业新闻』 品牌概念 提升形象
热点新闻』 专注网页 分享资源
设计文章』 搜索时代 搜索引擎
经验分享』 SEO优化 提升排名
常见问题』 建筑设计 建筑工程


苏州极地设计站在市场未来发展的立场解读品牌、市场、消费者之间的关系,致力于为客户提供能满足其商业需求的、建设性的、有效的品牌设计服务。
您目前所在的位置:资料中心 >> 经验分享

 

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

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

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

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

 
版权所有2011-2020极地视觉 声明:未经允许不得复复制、克隆本公司网站;
24H服务:0512-89169975 13656226579 邮 件:1462883207@qq.com 苏ICP备11024447号
关键词:苏州广告公司,苏州标志设计,苏州LOGO设计,苏州画册设计,苏州VI设计,苏州包装设计,苏州广告制作,
地 址:江苏省苏州市吴中区苏蠡路59号蠡和大厦701-702室 昆山公司 合肥公司 百度地图