网页设计需要了解的相关知识

    关于网页尺寸的设置：

    1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

    2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。

    3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右。

　  4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB。

　  如果要在1024分辨率下的话图片大小设置是宽为1003是刚好满屏。

    如果要以800分辨率下的话图片大小设置为778是刚好满屏。

    站长必须要了解的九条平面设计常识

    1.源文件psd，ai，cdr的区别

    psd文件就是用photoshop创建的，当然也必须用photoshop打开；

    ai文件是Illustrator的。他们都是Adobe公司的。ai文件同样也可以用photoshop打开，但打开后会载入在同一层内。

    cdr文件是CorelDRAW的。

    2.关于CMYK和RGB颜色模式

    CMYK是Cyan（青）、Mageata（品红）、Yellow（黄）、Black（黑），这是印刷上使用比较普遍的色彩模式。

    R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电

脑显示器、彩色电视机等的色彩都使用这种模式。

    3.矢量图

    矢量图与位图最大的区别是,它不受分辨率的影响。因此在印刷时,可以任意放大或缩小图形而不会影响出图的清晰度。

    矢量图：是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离

图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，文件占用空间较小，适用于图形设计、文字设计和一些标志设计、版式设计等。

    ai cdr均为矢量图。

  　4.图片文件jpg，gif，png，bmp的区别

    bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大。

    gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。

    png：是fireworks的图片格式。

    jpg：也是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案

    网页设计之设计步骤及思考

    1、在定位的基础上,搞明白自己要做什么

    这句其实不用解释了.你要明白的是我要做的站大概有什么样的效果,并有例子在脑海里浮现.要做的这个站属于什么样的行业,这个行业的站都有什么共同的特点.

    2、你的目标/效果和你希望达到的目标/效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一致,有什么区别。

    3、你要如何去做,怎样去做,用什么样的手法手段,来达到你的目标/效果.又用怎样的设计来强化和突出这个效果。

    4、你的布局,应该怎样和你的设计搭配,怎样来突出你的思路。

    5、是否有不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保留)。

    这几步,是在动手之前要写下来的，下面才是真正的动手设计的步骤：

    1、确定分辨率.和不同分辨下对应的效果

    与平面的载体的不同,决定了网页具有比平面更灵活的表达方式。

    站点的满屏概念其实是分相对和绝对两种,相对的,是针对当前分辨率的满屏.而绝对满屏幕,则是不同的显示器不同的分辨率下都是满屏,一般我会给出一个最小分

辨率,最大到无限.相对满屏,比如1024×768,800×600等.最好是用绝对宽度来定义,就是像素为单位.而绝对满屏,则用百分比.

    在确定分辨率之后,你的PS图要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表达,是居左,还是居中,还是靠在右边。

    2、大背景,3条辅助线及边界处理.结构(头部,中间,底部的大概位置.)

    整体是否有背景

    左边界线,右边界线,和中间线

    如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.结构,究竟是上中下结构,还是左中右结构,还是其他的.每一块,大概放什

么内容。

    3、导航和标志

    网站的100-1%是导航.这是一句被传烂了的话

　  你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)

在什么位置,标志附近是否有点睛一般的广告词。

    4、banner同导航,和过度

    导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最小。

记住不要用2×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西。

    5、主体内容部分

　  我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去。

    6、底部版权信息及其他

    7、不同的风格的调整

    关于图片和小图标的选择:

    图片选择遵循以下几点要素:

    必须有一个鲜明的主题

    图片尽量有悬念

    突出的内容只有一个(图片突出的内容只有一个,版面也一样)，从目标对象或目标服务对象来考虑图片的选择.要善于从做背景，新手尽量大面积留白，新手慎用弧

    图标选择注意要素:图标表达意思与title相适应，同色系或统一风格，学会突破(图标不受title的背景限制)，图标大小要特别注意，善用圆角，要便于记忆。

    网页制作的步骤预览

    由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以网页制作已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者

经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是

为什么呢？常言道："性急吃不了热豆腐"。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步

来，才能设计出一个满意的网站。

    一、确定网站主题

    网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万

象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定

则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道："巧妇难为无米之炊"。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，

搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为

自己制作网页的素材。

    三、规划网站

    一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含

的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾

轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

    四、选择合适的制作工具

    尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就

是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首

选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网

上有许多这方面的软件，你可以根据需要灵活运用。

    五、制作网页

    材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制

作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的

内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

    六、上传测试

    网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你

可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再

上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

    七、推广宣传

    网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交

换链接、加入广告链等。 要想更好的推广和宣传自己的网站请在本站网站运营和网络营销频道学习更多知识。

    八、维护更新

    网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者