网站设计及网页制作技巧

发布时间:2015-03-06   作者:帝玖科技  点击次数:

当前是信息化时代,网络作为作为世界最大的信息传播平台,越来越多的商家和个人开始重视建立自己的网站,如何制作一个网站并且告诉浏览者这个网站是做什么的,吸引浏览者关注
当前是信息化时代,网络作为作为世界最大的信息传播平台,越来越多的商家和个人开始重视建立自己的网站,如何制作一个网站并且告诉浏览者这个网站是做什么的,吸引浏览者关注这个网站,这就是我们下面所要介绍的。一个网站不但要做到操作方便,引人入胜,趣味盎然,还要告诉浏览者它的用处:我能在这里找到什么,我能做什么,如何从众多的网站中脱颖而出,并且把网站的主题“思想”快捷的承现在浏览者眼前,这些设计都是有讲究的。
  
1 网站设计及关键点
  1.1 网站主题
  开始着手策划制作网页首先面临的问题便是明确我的网站主题,要做什么,面向哪些主体,包含什么内容。特别是对初学者建立个人网站来说,不要做得像综合网站那样大而全,网站的选材要小而精,明确一个主题,把你认为最精彩的,自己最感兴趣的内容放在上面就可以了。好多初学者认为我要把网站做得全一些,包罗万象才能吸引更多的浏览者进来,但往往事与愿违,给人的感觉是样样有却样样都不精,因为您不可能有那么多的精力去维护它。所以明确一个主题把它内容做深、做透、办出特色来,这样才能给浏览者一个深刻的印象。
  1.2 网站结构规划与栏目板块的编排
  主题明确以后,就要对整个网站结构做个总体规划。一个网站的建设就像设计一栋大楼,在进行设计前必须要有个设计图纸:主页上要有什么栏目,突出什么内容,所谓栏目实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来,你可以将网站内最有价值的内容列在栏目上,在制定栏目的时候,要仔细考虑,合理安排。尽量从浏览者的角度编排以方便他们的浏览和查询,一些辅助信息就不要放在主栏目里,如个人信息、版权信息等以免冲淡主题。
  一般情况下,网站常见的版面布局结构为:上边为网站栏目,下边为网站内容;左边为网站栏目,右边为网站内容;主页全为网站栏目,分页为具体内容。
  除了栏目板块的编排,我们还要考虑到网站的文字和图片的布局,颜色的搭配,后期网站的更新和维护等问题,有的初学者经过短暂的学习就开始制作网页,想到什么就做什么,结果发现做出来的网站结构不清晰,条理混乱,浏览者看得很糊涂,制作者在扩充和维护网站也相当困难。所以我们在制作网站前,一定把这方方面面考虑清楚再动手。
  1.3 风格与网站
  风格是指网站的整体形象给浏览者的综合感受,它通过网站的版面布局、浏览方式、文字、色彩、交互性等因素承现出来,它就像一个人的性格:你是希望它是粗犷豪放的,清新秀丽的,生动活泼的,或是温文儒雅的。通过它的“性格”让浏览者分辨出你的网站与其他网站的不同处。这就形成了网站的“风格”。
  1.4 色彩与网页
  一个网站设计的成功与否,在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计是一种平面效果设计,在排除立体图形、动画效果外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象,也是体现网页风格的关键。因此,在设计网页时,必须要高度重视色彩的搭配,我们可使用混用颜色,即网站主色不得超过3种,采用这三种的混合达到其他效果;加强颜色对比,即以一种颜色为主色调,对比色为点缀,起到画龙点睛的作用等方式来组织网页颜色。
 
2 网页制作
  2.1 选好网页制作软件
  在以上工作做好以后,还有一点也是我们要考虑的——选择合适的网页设计软件。在当前我们能使用的网页设计类软件越来越多,而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说,初学者最常使用是Frontpage
  和Dreamweaver,Frontpage是微软公司出品的一款网页制作入门级软件,FrontPage使用方便简单,会用Word就能做网页,所见即所得是其特点,该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,利用它可以轻而易举地制作出充满动感的网页。
  除此之外,我们还应了解一些制作网站所用到的边缘性软件,如photoshop、flash等,Photoshop是集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,如作为网站主页来说,因要设计成一幅图片,可选用位图图像,制作工具就可以选择Photoshop;flash是一种动画创作与应用程序开发于一身的创作软件,它包含丰富的视频、声音、图形和动画。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。这两个软件深受广大平面设计人员和电脑美术爱好者的喜爱。你可以根据自己的需要灵活运用这些软件。
  2.2 网页内容的选择
  前期的框架设计好后,下面我们就要为这个网站“添砖加瓦”了,这是一个复杂而细致的过程,需要我们先从简单的内容下手,再设计稍复杂的内容,以便出现问题时好修改。在内容上我们要选择有新意的、独特的,这些可以从图书、报纸、互联网等信息媒介搜集素材,素材通常分为三类——文字、图片、影像。素材准备得越多越好,再从这些素材中粗中取细,以备制作网站时可以随时拿来使用。总之,网页内容是网站的根本,如果内容空洞,页面制作的再怎么精美,仍然不会留住访问者。所以我们要多花一些心思在内容制作上,网页内容影响着网站的成败。
  2.3 网页制作中的注意事项
  1)网页要一页一页制作,切不可图快,没考虑清楚就下手只会让后面的修改工作更辛苦,我们首先要制作主页,把主页上的页面的编排、色彩的搭配、链接的方式都设计好后,再以它为基础,通过变更文字和图片等内容建立其它子页,我们可以利用模板批量创建子页,使用模板还有一个好处是——同一个模板创建下的网页,对它的更新和修改也可以一次性完成。这样可以大大提高制作效率,也使网站形成了统一的风格。