网页的背景图是如何制作出来的?

Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。

但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。

常见的版本为 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。

Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。

常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。

firework

firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。

Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。

u 制作主页

制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。

u 申请的主页空间，把你制作的主页传上去

我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。

常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。

可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

正常网页制作背景图片应该多大？

1、背景最好是能够做到自动延伸，现在的显示器是越来越大，分辨率也慢慢的变大了，现在用1600*900分辨率的也不少，我的就是，当然也有人用1280*768、1024*768等，所以网页设计的背景一般是不会设计成固定尺寸的，你可以做成可循环平铺的图片或者渐变颜色，直接是一种颜色那就更方便了；

2、其实网页设计一般所说的尺寸指的是主体框架的尺寸，就拿现在这个百度知道的页面距离，中间的主体部分无论是浏览器怎么伸展，主体内容的宽度是保持不变的，我查看了一下css代码，这个主体框架的宽度是980px；

3、你设计的时候把主体部分设置成980-1000px就差不多了，毕竟现在使用1024*768分辨率以下的人已经毕竟少了。

网站制作中网站背景设计的重要性

网站制作中如果你的网站背景设计的出色，与网站融为一体，并且富有特色与吸引力，那么你的网站在同行出便会出类拔萃，在网络营销效果上会占据优势。其实对于网站制作技术人员来说，网站背景的设计处理并不是件容易的事情，需要考虑的事情有很多，而且在设计的时候还需要考虑不同的浏览器的兼容问题。如果不考虑网站在不同分比率显示器下的兼容性，我们几乎可以忽略网站背景不计算。但实际上这是不可能的，因为虽然电脑显示器的屏幕越来越宽，但是分辨率规格却越来越多。而且我们永远都不会知道网站的访问者会用什么样的电脑，什么样的显示来浏览网站。所以，在网站设计的时候一定考虑到不同访问环境下，网站所给用户带来的感受。因为网站最终是要给用户看的，而且是给不同的用户去浏览，为了满足不同用户对网站访问的需求，在网站设计的时候只有通过巧妙的背景搭配来实现最大程度的兼容。

网站背景巧妙设计可以突出网站色彩风格

苏州网站制作专家马可波罗技术人员强调说：网站色彩的搭配对于网站的重要性是显而易见的，不同的网站设计人员对于色彩的理解以及对于色彩的运用水平是不同的。对于一个网站来说，色彩视觉效果处理的好，就会吸引用户长时间的浏览你的网站，更有兴趣做进一步的了解。而且，颜色的应用在网站设计中占据了相当的比重，所以我们看到一些设计感不错的网站，多半颜色运用的都十分出彩。除去网站主体的色彩应用需要高度讲求和谐之外，网站背景色的合理运用亦非常重要。如果网站主体色彩比较清淡，那么适度浓重的背景色彩，就会让网站感觉非常干净清爽。我们通常所说的好花还需绿叶配，其就是这个道理，其意味着网站上的任何一块色彩，哪怕是网站的背景色也绝非微不足道。

网站背景设计应注重形成网站特有的气势

网站靠什么吸引用户?富有冲击力的色彩搭配是其一，网站的结构同样十分重要。现在有不少的网络公司都在提倡营销型网站建设，作为苏州网站建设第一品牌，马可波罗也逐渐强化这个观念。只要我们稍许留心就会发现，富有营销力的网站设计最大的特点就是构图大气，通常通过比较有对比性对大图片，夸张的展示足以吸引用户关注。而网站背景作为网站设计的主要组成元素，合适的素材应用就会让网站即可显的与众不同，更有气势和吸引力。当然这里有一个前提，那就是网站背景图片或者色彩的选择必须有机的融合到网站的整体设计中，而不可孤立的展现。

阿飞供稿

苏州网站设计

转载请保留链接

谢谢!

怎样把别人网站中的背景，制作成自己的网站背景

可以用css样式 控制背景 渐变效果

你可以看看下面这个效果 注意：gradientType的值

table cellpadding="0" cellspacing="0" width="72%" height="30" border="0"

tr

td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient

(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')"1/td

td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient

(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')"2/td

td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient

(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')"3/td

/tr

/table

html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容， 设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

一般做网页设计背景尺寸定多大？

网页的背景多大要看对网页的要求的。

网页设计标准尺寸：

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

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

专业的网页设计，需要经历以下几个阶段：

需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

以业务目标为中心进行功能策划，制作出栏目结构关系图。

以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

根据用户反馈，进行页面设计调整，以达到最优效果。

以上内容参考：百度百科-网页设计