设计网页布局常用方法
不同类型的网站在网页设计上的布局是不同的,但无论使用哪一种布局,都要围绕用户的浏览习惯来布局。下面就来看看这篇设计网页布局常用方法,相信你们会喜欢的。
布局一、大框套小框。这种布局是很多网站经常使用的一种布局,在一个大的栏目里再布局几个小的相关栏目,这种布局方式大小有限,让用户专注于某一方面的内容,主体突出。
布局二、环绕式布局。环绕式布局更加灵活方便,横幅面积相对较小,但可以在页面中放置更多的信息和内容,这种布局适合内容较多或以内容为基础的网站穿插布局。这种布局在企业网站中并不常用,也不适合企业网站。这类网站都是大面积的横幅,而且它的灵活性相对较差。
布局三、通栏布局。这种布局相对于大框套小框而言,用户浏览网页不受框的限制,这种方式显得更大气,视野显得更开阔。这种方法的另一个优点是,主要的视觉区域可以随意和灵活地移动,可以向上移动到网站logo和导航的位置,也可以向下移动到扩展的内容区域。这种布局在网站中也很常见。
布局四、左中右布局。这种布局是不常见的,但它是一种新的布局方式,这种布局更有条理和逻辑性较强。在主视图下面导航布局,这种布局在一些信息门户中很常见,导航栏直接放在横幅下面,这可以弥补banner中设计素材被截断的缺陷。
另外这种布局方式,用户打开网页时就可以看到网站的导航,这样对新客户来说是极其友好的,新客户不用刻意去找网站的导航,而且访客可以一眼就看清楚网站导航的主要内容。
不同类型的网站在网页设计上的布局是不同的,但无论使用哪一种布局,都要围绕用户的浏览习惯来布局,布局的方式要主次分明,重点突出,比如,用户一般喜欢从左到右的浏览网页的方式。假如网站的布局是由上而下,一定程度上违背了大多数用户的浏览习惯。
简单实用的网页设计软件有哪些?
“工欲善其事,必先利其器”,要想提高效率地制作网页,好的工具软件是必不可少的。
Macromedia公司一直是网页设计方向的领导者,其旗下的“网页三剑客”在网页设计领域占有优势。“网页三剑客”是网页设计过程中三种常用的工具软件,即Dreamweaver, Fireworks和Flash.
1.4. 1网页设计软件Dreamweaver
Dreamweaver是一个功能强大的网页设计工具,有着方便实用的工具和所见即所得的排版功能,界面十分友好,使用方便。在不需要掌握HTML语言的情况下,即可利用其强大的功能开发出专业的网页。Dreamweaver也是一个方便的编程工具,可以方便地编写ASP,PHP,JSP代码,软件的自动提示填充功能和代码染色功能可以有效地帮助用户编写和调试各种代码。借助于Dreamweaver可以快速方便地开发出各种动态或静态网站。
Dreamweaver可以方便地制作网站,其主要作用如下:
(1)可以建立Dreamweaver站点。
通过Dreamweaver站点,可以指明站点的工作环境,组织站点中的文件,并可以方便、快捷地管理站点中各种资源,记录各种信息。
只有建立了Dreamweaver站点,才能充分利用Dreamwaver的各项功能管理站点中的文件。例如,自动跟踪和维护链接、管理文件以及共享文件。
(2)可以制作网页、网页模板和CSS样式。
使用Dreamweaver的大部分工作集中在这里。通过Dreamweaver提供的工具可以很方便地制作网页、网页模板和CSS样式。
(3)可以测试网页。
Dreamweaver提供了方便可靠的网页测试功能,通过这些测试可以快速查找出网页中可能出现的问题。
(4)可以发布网页。
当设置了站点的远程服务器信息后,便可以直接使用Dreamweaver上传站点,并且可以直接编辑远程站点中的内容。
网页设计软件Flash
Flash是由macromedia公司推出的交互式矢量图和Web动画的标准,由Adobe公司收购。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。
Flash动画设计的三大基本功能是整个Flash动画设计知识体系中重要、也是基础的,包括:绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能,并且这三个功能自Flash诞生以来就存在。
软件特性
1.Flash被大量应用于互联网网页的矢量动画设计。因为使用向量运算(VectorGraphics)的方式,产生出来的影片占用存储空间较小。
2.使用Flash创作出的影片有自己的特殊档案格式(SWF),该公司声称全世界97%的网络浏览器都内建Flash播放器(FlashPlayer)。
3.Flash是Macromedia提出的“富因特网应用”(RIA)概念的实现平台之一。