您的位置:网站首页 > 新闻原创 > 桃源网页制作

网页制作之网页布局

日期:2016-12-12 10:45:14 人气: 标签:
分享到:
一个赏心悦目的网站网页离不了一个好的页面设计,网页设计的表现大多体现在配色、字体以及布局排版方面,这三个能够很好的结合就能制作出很漂亮的网站,其中,网页布局尤为重要。下面我们就来学习一下网页布局的方法和技术。

1
网页布局方法



纸上布局
即在开始做网页时,要先在纸上画出页面的布局草图。这种布局可以快速记录下设计者的设计思路。
准备白纸、铅笔和橡皮,在白纸上绘制出大致的尺寸,选择一个形状,作为整个页面的主题造型(一般选择矩形)。
软件布局
即利用软件实现布局(Photoshop)。此种布局便于精确的设定各个元素的位置。
利用photoshop来设计布局可以方便的使用颜色、使用图形,并且可以利用层的功能设计出用纸张无法实现的布局意念。
2
网页布局技术



1、层叠样式表的应用:
在新的html4.0标准钟css样式被提出来,它能完全精确的定位文本和图片,能够实现许多曾经无法实现的布局想法。虽然对于初学者来说css样式显得有点复杂,但它的确是一个好的布局方法,目前在许多站点上,css样式表的运用是一个站点优秀的体现,后续我们会就少css的使用方法。
2、表格布局 :
目前大多网站都使用表格布局,表格布局的优势在于能对不同对象加以处理,且对象之间不互相影响,在定位图片和文本上比css更加方便,但当表格过多时页面下载速度会受到影响。
3、框架布局:
框架布局如同表格布局一样把不同对象放置到不同页面加以处理 ,但表格只是在一个页面进行布局,而框架是将多个页面按照布局结构组合在一起,需要考虑到框架布局会有不同浏览器的兼容性的问题存在。
0
0
0
0
0
0
0
0
网友评论 Comments
下一篇:没有资料