网页布局方法
1. 网页页面布局有哪三种常见方法
l T型布局
所谓T型布局,使指页面上部为横条(网站标志+广告条专)、下方左半部为主菜单、右由半部分显示内容属的布局。因为看上去像英文字母“T”,所以称为T型布局。如图(a)所示。
T型布局的优点是页面结构清晰,主次分明,强调秩序,能给人以稳重、可信赖的感觉,比较容易上手。缺点是规矩呆板,如果细节和色彩搭配上不注意,容易让人乏味。
2 口型布局
口型布局的页面上下各有一个广告条,左侧是主菜单,右侧放置友情链接等内容,中间是主要内容,如图 (b)所示。
口型布局的优点是充分利用版面,信息量大。其缺点是页面拥挤,不够灵活。
3 POP布局
POP引自广告术语,是指页面布局象一张宣传海报,以一张精美图像作为页面的设计中心,在适当位置放置主菜单,如图 (c)所示。这种布局不讲究上下左右对称,但要平衡和有韵律,能达到强调、动感、高注目性的效果,常用于时尚类网站。其优点是漂亮吸引人,缺点是速度慢。
2. dw设计网页时,布局常用什么方法来布局呢
1、严格意义来说dw并不能用来设计网页,设计网页都是在平面设计工具回里完成的,答比如在ps里面设计好网站的效果图,在ps里面切图。
2、dw只是个网站代码编写工具,使用dw编写代码会比较方面,因为有很多的快捷功能。但是对于高手来说,是用记事本都可以编辑网站的。
3、dw的编辑面板主要有三种视图,分为 “代码”“拆分”“设计”,如下图
在制作网站的时候,能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到,只有当网站代码出现问题的的时候用来查找错误,对于有一年多代码编写经验的人来说,就已经用不到了。
4、在dw中编写制作网站的代码主要是div+css,也是就是html。网站布局也是通过html代码来实现的,比如maigin 与padding position 都是来控制div的布局和位置的。
所以,在dw里面设计网页布局网站并不是dw的功能,还是通过代码实现的。
3. 做好网站网页布局的几种简单方式
熟知网站页面布局的类型
页面设计有许多类型,常见的页面布局有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等等等,可供选择的页面布局有很多,我们要结合自己的网站设计目标和功能性来选择页面布局。这些表现形式最终是为企业和用户服务的,所以,应该遵循企业的诉求,结合大众用户的需求,设计出抓住客户心里诉求的网页。
2.网站的分辨率设置问题
通常,网站页面整体宽度的设计都选择象素这种设置形式。除此之外,还有百分比和象素加百分比这两种设置形式。但是象素设置能让网页视图更加的舒适,具有透气感,更加符合大众浏览网页的浏览习惯和偏好,现在大多公司采用的也正是象素这种设置形式。
3.合理地广告规划
我们建设网站,宣传产品是主要目标,但在具体网站建设过程中,产品的广告不能太多,也不能篇幅过大过长,要进行合理的布局,否则会严重的影响到客户的浏览体验,不但达不到广告效果,甚至会引起顾客的反感。
4.空间的合理利用
网站有许多内容需要呈现,例如公司的经营目标、经营计划、管理框架、人力资源、以及企业主要产品展示,内容要精简,安排要合理,不能太过冗杂。但是涉及的面一定要全,将自己想要展示的方面都弄齐全。
4. 网页设计的布局有哪几种
网站建设中网页布局大致可分为:“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等,以下分别论述:
1、国字类型:也被称为同字型,顶部是网站的标题、横幅广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型;
5. 网页布局的方法。
网页布局方法很多,根据各人不同的喜好布局也不同:通常的布局方法有以下回几种:
一.通过表格答来布局
表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是,当你用了过多表格时,页面下载速度受到影响
二.通过层叠样式表来布局
CSS(层叠样式表)被提出来,它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂,但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现
三.通过框架来布局
框架结构的页面被许多人不喜欢,可能是因为它的兼容性。但从布局上考虑,框架结构不失为一个好的布局方法。它如同表格布局一样,把不同对象放置到不同页面加以处理,因为框架可以取消边框,所以一般来说不影响整体美观
四.当然还有其他的布局方式,比如你可以在纸上布局,就是先在纸上画草图,然后再按照图来做
6. 网页的设计有几种方法
第一、靠前、无边框设计。无边框设计在近几年比较流行,在设计页面的时候,将页面中的风格线、边框删掉,用间距来代替的一种设计方法。无边框设计一般是以大图为主,图片本来就是一种分割元素。而内容基本是有规律的,留白间距之间的内容一定要相对一致、重复、紧密,这样用户在浏览的时候才会认为这些内容是一体的。一般来说,小众垂直的产品更适合使用无边框设计。
第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式,提升了版面的使用率,可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢?1、可以提高页面的使用率。卡片就好像是一个容器,将类型不一样的内容设置在不一样的卡片中,这样就可以很好地区分内容,还能够统一页面的风格。比如传统列表,内容一般是纵向滚动的方式,能够展示的内容比较有限,卡片式的设计采用的滑动方式,就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器,将不同的内容放置在不同的卡片,更好地区分内容的类型。卡片的维度是不一样的,而且相对独立、有互相有联系,所以通过卡片归纳网站的内容,整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛,可以覆盖、滑动、堆叠,有良好的扩展性和可操作性。
第三、分割线的设计。这也是常见的一种页面布局设计方式,可以更好地帮助用户快速熟悉页面的布局,有良好的内容组织性。分割线可以贯穿整个页面,将不同的内容进行分割,成为独立的信息。
网站建设中的页面布局,有不同的设计方式,而且设计的趋势不断在变化,在设计页面布局之前,就要考虑好合适的样式,不能一味地追求潮流,根据产品的实际需求,选择合适的设计方式。而分割线的设计,想要做得出色,就要处理好线的间距、粗细、颜色等等
7. 网页布局采用哪几种方法及每种方法的基本操作
初学者可以利用dreamweaver中的层来固定位置,不过会出现各个浏览器不兼容的问题,最好用div+css来布局,这样会更好
8. 请问网页设计中常用布局方式有哪几种
DIV+CSS和table两种布局方式,DIV+CSS布局运行速度快,科学,但难学,table布局简单,运行加载慢,做网站不科学,各有利弊。
9. 网页设计中的,网页布局有几种方式哪种方式最快
页面布局就一种 就是HTML+CSS
看怎么样代码越简练越好
如果一个DIV 就能设定好LOGO的位置了 何必划分那么多个表格
如果文章列表里有时间 作者等信息 甚至是一些类似EXCEL表的东西 需要每列对齐 那LI肯定排版不如表格来的方便 代码页简练 那就用TABLE来做
尽量用最少的代码 来做页面就最好了
如果有上百个页面 很多部分比较类似 就使用iframe嵌套的页面 或者用程序里的include来包含页面最好 比如顶部包含页面 底部包含页面 菜单页面 左侧页面 右侧页面 都单独独立出来