网站首页
手机版

网页设计步骤是什么

更新时间:2022-03-31 23:50:29作者:佚名

网页设计步骤是什么

  随着互联网的普及,信息的传播形式、内容、数量,正在空前的改变。作为网络的媒介——网页,开始上升到一个举足轻重的位置。一个好的网页设计,小则可以让人赏心悦目,大则可以被称为现代原始艺术的结晶。经过多次实际操作总结,从网页设计的几大步骤入手,对网页设计过程进行简单阐述。
  
  随着科技的迅猛发展,信息化时代的到来,计算机遍及世界各个国家和地区,进入到千家万户。互联网以惊人的发展速度,深入到人们的生活、工作和学习中。互联网的发展,带动着其周边一系列附属品的发展,这其中就包括了网页。网页作为新世纪一种新型的网络宣传手段,越来越被人所亲睐和采用。如何进行网页设计,是人们越来越需要掌握的一门学问。一般而言,网页设计包括了布局、色彩选择版式的确定,以及细节的修饰等步骤。

  1布局
  
  页面布局,是对整个网页的整体规划,包括页面尺寸确定、整体造型设计、各类元素(页头、文本、页脚、图片、多媒体)的大致摆放等问题。页面的尺寸大小应根据分辨率大小来进行设定,正确的宽度尺寸是比分辨率宽度值偏小。向下拖动页面是惟一给网页增加更多内容(尺寸)的方法,一般来说,除非你能肯定网页的内容能吸引访问者不厌其烦地拖动,否则不要让页面拖动超过三屏。网页拖动超过三屏,最好考虑在页面内做一个内部链接。
  
  整体造型是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。整个页面的造型可运用自然界中的其它形状以及它们的组合,例如矩形,圆形,三角形,动物形状等。不同的形状,所代表的意义是不是同的。像矩形代表正式、规则,多用于制作政府网页;圆形体现的是柔和、团圆、安全、团结等,多用于制作时尚站点以及节日庆典时产品的宣传;三角形代表警示和危机等,多用在带有警示性的报道中;动物形象代表可爱、亲近,像许多关于幼儿的网页都采用了动物的卡通形象。
  
  页头又可以称之为页眉,它的作用是定义页面的主题,常放置站点的图片、公司标志旗帜以及广告。一个站点的名字也多数显示在页眉里,这样访问者一打开网站便能很快知道这个站点是什么内容。文本在页面中出现都以行或块(段落)出现,它们的摆放位置决定着整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。页脚通常是放置制作者信息或是公司信息,和页头首尾相呼应。图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。多媒体包括声音、视频和动画等其它媒体,随着现代技术的发展以及动态网页的兴起,它们在网页布局上也是一个不可或缺的重要基本环节。以上各元素的摆放位置,无不体现着制作者的布局思维,影响着整个网页的设计效果。
  
  布局的方法可采用纸上布局法或采用photoshop、coreldraw等软件布局法两种。纸上布局法是通过纸笔的方式,将大致思路画于纸上。而photoshop、coreldraw等软件布局法,是通过photoshop、coreldraw等软件,将布局思路画出来,需要网页制作者对photoshop、coreldraw等软件所具有的图像编辑功能也要能够熟练掌握。从色彩和形象角度来说,后者更胜一筹,尤其是可以利用层的功能设计出用纸张无法实现的布局意念。网页布局的技术可以选择以下三种:应用层叠样式(css)、表格布局或者框架布局。CSS能够完全精确的定位文本和图片。采用表格布局能对不同的对象加以处理,而又不用担心不同对象之间的影响,在定位图片和文本上比用CSS更加方便,需要掌握的专业技术低。使用框架布局可以非常方便地在浏览器中同时浏览不同的页面效果,并且每个框架之间的内容相对独立,内容过长时可以有自己独立的滚动条,互不干扰,不失为一个布局的好方法。
  
  2色彩选择
  
  制定好网页的布局,确定了网页想要突出的主题之后,接下来就要为网页选择合适的色彩方案。不同的颜色可以给人不同的心理感受,表达不同的情感,具有不同的宣传效果。
  
  好的准确的色彩能够传达给人正确的信息品质。对于一个好的网页,有针对性的主题色彩相当重要。不仅要和所要表达的内容与气氛相适应,还要与网页的精神内涵相关联。如何选择正确的色系,在网站开始动手制作前,就应该做好规划设计。整个网站用什么样的底色,什么样的艺术字色系、什么色系的图片才能搭配,用什么样的颜色作边框等,这些都应该在必须考虑的范围。

本文标签: 网页设计  布局  步骤  标签  

为您推荐

WPS2016文档怎么快速转换成PDF(wps office文档转换)

WPS2016文档怎么快速转换成PDF 1.打开需要转成的WPS文档,然后点击工具栏的"输出为PDF" 2.接着我们就可以选择转换的页面以及勾选相关的选项. 3

2023-09-28 00:08

手机WPS 手机wps表格怎么制作表格

手机WPS Office怎么填充表格? 手机WPS Office怎么填充表格? 1.首先打开手机WPS Office 2.打开或新建表格 3.点击"工具" 4.

2023-09-27 00:11

WPS2016打印如何节省纸张(wpsoffice怎么打印一张纸)

WPS2016打印如何节省纸张 首先我们在制作文档的时候为了区分段落经常会给段落加上空格进行区分,其实我们可以删除这个段落,这样对于长篇的文档来说可以节省很多空

2023-09-27 00:11

WPS2016如何限制文档编辑 wps文档怎么限制编辑

WPS2016如何限制文档编辑 1.打开需要限制编辑的文档,然后点击左上角的"WPS文字"然后点击"工具"→"限制编辑" 2.在限制编辑列表里点击"限制"选项,

2023-09-27 00:11

WPS2016个性页眉如何制作(wps做页眉)

WPS2016个性页眉如何制作 1.打开需要插入个性页眉的WPS文档 2.点击工具栏的"插入",点击"页眉和页脚" 3.接着点击"插入"→"形状",我们就可以在

2023-09-27 00:10

WPS2016如何修改纸张大小(wps怎样更改纸张大小)

WPS2016如何修改纸张大小 1.打开WPS文档,然后点击工具栏的"页面布局",接着选择"纸张大小" 2.进入页面设置选项后我们就可以根据自己的需求修改页面纸

2023-09-27 00:10