网页布局制作探讨.docVIP

网页布局制作探讨 摘要:随着互联网信息技术的发展，网站做为信息输出的载体，出现在人们日常生活中，网页是网站的重要组成部分，网页的主题定位、确立风格、色彩的选择、布局的选择，字体和多元素等构成为了网页的观赏性和丰富性，为浏览者提供信息和美的享受，在多元信息中成功的吸引浏览者的关注，PC端与移动端的浏览比例也在悄然发生变化，发展新型移动端特色网页布局是未来发展趋势。　　 　　 关键词：网页设计 布局技术 布局制作 网页搭配 　　 　　　 互联网时代，信息大爆发，人们对于信息的摄取来源，网站远远大于书籍，而移动端的浏览量更是稳占高点，移动端的网页制作的非常重要，随着人们对美感的执着追求，网页制作成为网站建设首要考虑的，网页的设计感突出，充满美感和浏览愉悦性的网页会给浏览者留下深刻的印象，类型、风格、主题的不同融合，赋予了网页生命力一般，本文从端口网页制作布局出发，探讨国内外网页布局的视觉呈现和感观效果。 一、网页布局的意义和作用 互联网改变了人们的生活方式，网页布局是通过科学合理的布局将文字、图片、色彩等诸多元素组合成的信息的载体，通过浏览网页获得智能化的信息，以灵活化的选择性信息输出；从技术层面上来说，合理网页布局使页面载入加快，节省了流量的消耗，更容易被搜索引擎采集，有利于优化网站结构，被各式浏览器所青睐；从感观上来说，网页布局直接影响用户的体验，好的用户体验是网站价值的体现，特别是近年来，移动端的迅速发展，使互联网技术推向新的一个层次，从而也带来了新的挑战，移动端的浏览成为发展趋势，端口网页布局从最初的PC端到移动端的变化，端口的不同促进了技术的共同进步，移动端的网页呈现需要检测移动端的屏幕分辨率自适应，对国内外的网页布局来说都带来了挑战。 移动端网页布局对于载体的适配是设计者们需要主动思考的问题，美观、舒适、合理的布局从视觉感观上给人享受，科学合理的布局可以减轻人们对于浏览时间过长造成的疲劳感，美观舒适的网页布局设计可以吸引更多的浏览者，浏览的速度，下载的速度，都从某些角度影响着网站的浏览量，由此可见，网页设计布局中对于网站建设制作的重要性，网页选择合理的布局可以使页面载入加快，体积容量变小，更利于搜索引擎的收录和浏览的速度变快。 二、网页布局的类型及选择 1、网页布局大体类有标题正文型、左右框架型、上下框架型、综合框架型、“国”字型、封面型、拐角型、Flash型、POP型布局，随着信息变化更新，每个阶段也许会产生新的设计布局，有全屏布局、无缝拼图布局等，每个布局类型都有优点缺点，需要使用者自己进行判断，下面对部分类型做一个简单介绍， 标题正文型：标题正文型是相关简单的布局类型，一般上部分是标题，下部分是正文，一般用于新闻页面和注册页面，整个页面干净整洁，一目了然，布局结构也是相对简单。 左右框架型：左右框架型其实与T型相对而言大同小异，左边是导航栏，右边是网站的主要内容呈现，一般适用于大型论坛，有些企业内页也会采用左另框架型布局，左右框架型布局的特点是结构清晰，而且与人们的浏览习惯相近。综合框架型：综合框架型是左右型框架与上下型框架的延伸，更丰富，呈现的内容更多。“国”字型：“国”字型布局是“同”字型布局的升级，因为布局的格式像“国”字得名，一般上面部分是导航栏或者广告，中间区域放置主要内容，下面部分是网站的版权信息和联系方式，一般大型的门户网站都是选用的这种布局，大气、内容呈现丰富，涵盖表广是“国”字型布局的特点。 封面型：封面型，简而言之就是同书本一样，只是个简单大气的封面，在网站首页加入了对应的链接，这类布局一般用于企业宣传。拐角型：拐角型布局与“国”字型类似，区别之处在于中间的区域，拐角型的中间被分为大小不等的两块区域，其中宽的区域用于主体内容，窄的区域用来放工具栏等，最下面区域用来放置网站信息和联系方式，拐角型多用于网站产品展示，多用于网站内页。Flash型：是当下比较受欢迎的布局中，其灵活多变，Flash型页面布局丰富多彩，兼具视觉和听觉效果，Flash型网页布局中在游戏网站较为常见， POP型布局：POP型布局是具时尚与艺术的布局方式，基调为海报为主，一般做为新品发布页面较为受欢迎，或者新品发布内页，也可做为企业人物内页宣传。 2、网页布局类型的选择和法则 网页选用那种布局方式，要看网站的主题与类型，还有适用的端口用户的浏览习惯、市场的发展趋势，不同主题不同需求采用不同的网页布局，结合网站是适用于移动端还是PC端的使用，参照标准的不同，也会有不同的选择。 比如，新闻页面和注册页面多选用标题正文型布局，这种布局模式非常受PC端网站的欢迎，标题为导航，正文为内容；一型大型论坛和企业则经常采用的是左右框架型布局，左侧为导航，右侧为内容；综合框架型布局是聚左右框架型和上下框架型网页布局中的结合等，具体情况具体分析