怎么设计一个网页

第页怎么设计一个网页整个页面的制定应该是和谐统一的

页面整体和谐了，给浏览者是一个畅快舒适的感觉，要做到这个视觉效果，必须注意页面里文字、图片、线条、背景的统一融合，把这些组成网页的因素都有机联系起来，做到这个比制定好一张图片困难，他必须要有整体大局的眼光，不去拘泥于局部或细小的地方。其实网页制定就应该先整体再局部，不过制定师最常常犯的错误

就是钻进局部的巷子里忘记出来。

网页制定应该合理运用好网页的色彩

色彩在制定行业非常重要，如果一个制定师的色彩感很强，那么他到达出色的距离就很近了。制定师必须要依据色彩对人们心理的影响，合理运用好文字的色彩、图片的色彩、线条的色彩和背景的色彩。如果是企业网页制定，则可以依据企业的VI进行色彩的运用。

网页制定不是为了制定而制定，是为了更好地特别内容

每一个网页制定师都应该记住，我们做制定，不是为了让用户感觉到你的制定好看，而是为了更好地展现我们制定的目的，我们应该给用户展现的东西是什么?所以，一个好的网站制定，页面的制定效果都应该是被弱化的;一个好的网站制定，应该是在最短的时间内让用户知道你的网站是做什么的，有什么功能。

网页制定必须要合计实际的浏览效果

最怕刚从其他制定行业转行过来的制定师，一味地使用背景、图片、不支持的字体，不会充分利用好网页本身的线条、边框、背景功能。导致网页制定出来了，效果很好看，但实际制作成网站后，因为背景或图片使用过多，页面打开太慢，浏览效果大打折扣，这样的制定也是非常失败的。

2怎样学习网页制作

确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、制定布局采纳什么样的方式等这些都必须要有一个很好的规划

规划网站的整体布局导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些制定。可以简单的画草图，或者浏览几个自己比较喜爱的网站学习借鉴。

准备和归类素材图片、音频、视屏、文章等。

制作一个网页必须要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材

建立自己的主页，按照之前的定的风格制定布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个合适自己风格或是自己比较喜爱的网页，右击鼠标另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个合适自己风格或是自己比较喜爱的网页，右击鼠标另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

替换网页中的元素即可。

选择必须要进行修改的图片或是文字直接改换即可。选择一个元素然后在下面的属性栏中进行改换即可。同时还可以改换图片的大小和其他的属性。

按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时储存文件。

3网页制定是做什么的

网页制定的初衷是依据企业愿景向浏览者传达必须要传达的信息。(包括产品服务理念以及文化)。

并且对网站进行策划，功能性分析，用户体验的优化，然后结合前者的数据对网站进行制定美化。作为互联网市场获取的载体，制定尤为的重要。

常用的工具主要是：PS/AI/DW等工具

网页制定的职能目标是通过：色彩搭配，字体制定，以及场景图片，布局样式进行页面制定美化。在布局尺寸以及功能限制的状况下，要尽可能在体验上做到尽善尽美，高级的制定师可能会合计到声光，交互制定，以及浏览轨迹研究，来实现更好的视听感受。

网页制定的类型行业大概是：企业自有站，游戏类网页，集团型网站，电子商务站点，社区论坛，以及优化体验技术。

网页制定是个很个广泛词汇，是诸多技术点的一个总结，是个行业词。涵盖了不行业的技术点，比如美术等，再比如软件类等。网页制定师通常是多面手，技术流。

接下来介绍下网页制定师必会的几个软件。

首先是神器ps软件，这个软件就无敌了，从事制定类的工作，不管是工业制定或者平面制定，又或者网页制定，都是必须要懂，要会的。ps全名〔photoshop〕,是处理依据像素所构成的图像。可以使用诸多的图像编辑和绘制工具，有效的对图片进行各种操作处理。在图像、图形、文字、视频、出版等各方面都有涉及。

然后介绍的是Ai，这款软件主要是应用于出版/多媒体和工业制定的矢量插画软件，可以进行印刷制作，海报书籍排版，专业插画，以及多媒体技术处理制作，合适比较复杂的项目。和ps的区别是：ai是矢量软件，ps是位图软件。一个重点在绘制，一个重点在合成。

紧接着要谈到是dw软件，这款软件关于网页制定师来说主要是用来做一些简单的div排版，网页制定师必须要了解一些基本的div代码布局技术。

许多企业在招人的时候会写上懂div，懂代码技术，很多企业为了减少人力开支，往往会要求制定师懂一点初级代码，以应付日常网站的修改和编辑。

通常不懂dw的制定师，如果在一般的公司，薪资上可能会被打一点折扣。

紧接着我们来看下这个行业的薪资状况，在北上广深地区的话，一般化的薪资能达到3.5k-5.5k，中级水平能达到5.5k-8k，高级制定师一般是可以达到10k以上的薪资水平，是个比较有前景的行业，是诸多行业当中薪资略微偏高一点的。

4网页制定的步骤

导航和标志.

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

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

好了,我们进行下一步.

banner同导航,和过度.

导航跟banner是分开的还是在一起的.在一起的话你是否采纳flash制作,如不用flash制作,你制定的背景是否合适切割成平铺的背景,怎样让背景图片体积最小.记住不要用22的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西.

主体内容部分.

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

底部版权信息。

选择合适的制作工具

无论选择什么样的工具并不会影响你制定网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的出色者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等;动画制作工具，如Flash、Cool3d、GifAnimator等;还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以依据必须要灵活运用。

制作网页

材料有了，工具也选好了，下面就必须要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构制定好，然后再逐步完善小的结构制定。所谓先简单后复杂，就是先制定出简单的内容，然后再制定复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提升制作效率。

上传测试

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