这是描述信息

10年专注企业品牌设计提升

这是描述信息

010-85795832

10年专注企业品牌设计提升

1

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

  • 浏览次数:
  • 日期:2017-04-25

【概要描述】随着电脑的普及和互联网的飞速发展,人们对网站建设的要求也日益增高,要想设计出更为优秀的网站,页面布局是网页设计首要考虑因素之一。本文将简单介绍一种常见的页面布局方法——利用框架进行布局,以及......

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

【概要描述】随着电脑的普及和互联网的飞速发展,人们对网站建设的要求也日益增高,要想设计出更为优秀的网站,页面布局是网页设计首要考虑因素之一。本文将简单介绍一种常见的页面布局方法——利用框架进行布局,以及......

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

热搜资讯

这是描述信息

设计总监微信号   

关注即送200元代金券

关注即送200元代金券

尚唐品牌顾问——10年专注企业品牌设计提升!      设计咨询: 010-8579 5832   人才招聘:48415636@qq.com   

[友情链接]:北京LOGO设计 | 北京VI设计北京包装设计 | 

天韵尚唐(北京)品牌顾问有限公司  京ICP备09006198号  中企动力  北京