网页设计用什么工具

CAD是computer aided design 计算机辅助设计的缩写。通常指的是计算机辅助设计的绘图工具软件。常用来进行工程、机械制图。

Banner制作 你一定见过网页中会动的广告Banner。变换的图片很能吸引浏览者的注意。它实际上是一个动态的GIF图形文件，也就是一个包含两张以上独立GIF图形文件或Frame(帧)的文件。每一帧均设定了画面播放时间与重播次数。可以在GIF制作软件中指定每一个轮回的动画播放时间与回放次数。 目前市场上制作GIF动画的软件相当多，友立公司的Ulead Gif Animator以其简单易用，功能强大而受到良好的评价，是一款值得推荐的Gif动画制作软件。下面我们用它来制作一个468X60像素大小的广告Banner。 1.在PhotoShop中制作四张468X60像素的图片，并将其导出为Gif格式。 2.运行Ulead Gif Animator，此时会出现一个“开始向导”面板，注意到“开始向导”面板上的Animation Wizard项，通过它可以决定置入哪些画面，每个画面播放多少时间等控制信息。 3.单击Animation Wizard项前的茶杯图标，在弹出的选择文件面板中单击“增加图像”按钮，在随后弹出的打开菜单中，选择要置入的图片，我们选择前面在PhotoShop中制作的四幅图片，选好之后单击下一步按钮。 4.在图像类型菜单中选择以文字为导向的图像Text-oriented，单击下一步按钮。注意：若是以文字为导向的图像，文字图像的颜色比较少，可以不进行递色处理，这样可减小文件的大小，但如果是较复杂的相片图像，则需进行递色处理以求得较好的影像品质。 5.在帧延续时间面板上设置每帧延续的时间和帧速率。注意：GIF89a的动画图像结合了多张的个别图像，它们都是独立的Frame（帧或影格）文件，每一影格均须设置画面的播放时间及重播次数。 6.在完成菜单中点击Finish按钮，完成动画的基本制作。单击编辑区中的Preview按钮，预览动画的效果。 7.打开File菜单，选择Optimization Wizard(或按下F11键)，启动最佳化向导。 8.在弹出菜单中选择Yes，使用预设的项目以控制调色板的颜色数目，然后单击下一步按钮。 9.在弹出的菜单中勾选No，然后在图片颜色数项中设置其值为32色。注意：视图像情况以决定颜色数目方框中的数值，若以文字为导向的图像，最好勾选“No”项目。 10.在弹出菜单中均选择Yes，移除多余的像素，移除注解区块，移除层标志，这样可以减小文件尺寸。 11.在最后弹出的菜单中列出了刚才的设定，单击Finish按钮完成优化。 12.随后弹出Gif Optimization菜单，显示了优化前后的文件尺寸大小对比，单击Save as按钮，如图6，将其保存。 注意：一般情况下，Banner的大小不要超过30KB，否则会增加网络负担，在本例中，这个Banner优化之后只有18.4 KB。

标注用pxcook足够了

FrontPage使用简单，会用Word 就能做网页，相对Dreamweaver等软件更容易上手。但是微软在2006年年底前停止提供FrontPage软件。现在初学网页制作Dreamweaver是比较流行，也是比较好用的一款网页制作软件。Dreamweaver是所见即所得网页编辑器，操作容易，操作改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

设计网页现在通常用到的学习软件，现在帮你罗列如下：(1)Photoshop：学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正；各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。(2)CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。(3)PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。(4)Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

UI设计软件相关的技术学习UI图形界面设计，常用的几个软件分别是Photoshop、Illustrator、fireworks.一、Photoshop介绍：多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，PHOTOSHOP的应用领域很广泛的，在图像、图形、文字、视频、出版各方面都有涉及。请看下面介绍： 1、平面设计 平面设计是PHOTOSHOP应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上都需要PHOTOSHOP软件对图像进行处理。 2、修复照片 PHOTOSHOP具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。 3、广告摄影 广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过PHOTOSHOP的修改才能得到满意的效果。 4、影像创意 影像创意是PHOTOSHOP的特长，通过PHOTOSHOP的处理可以将原本风马牛不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。 5、艺术文字 当文字遇到PHOTOSHOP处理，就已经注定不再普通。利用PHOTOSHOP可以使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。 6、网页制作 网络的普及是促使人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。 7、建筑效果图后期修饰 在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常需要在PHOTOSHOP中增加并调整。 8、绘画 由于PHOTOSHOP具有良好的绘画与调色功能，许多插画设计制作者往往使用铅笔绘制草稿，然后用PHOTOSHOP填色的方法来绘制插画。 除此之外，近些年来非常流行的像素画也多为设计师使用PHOTOSHOP创作的作品。 9、绘制或处理三维帖图 在三维软件中，如果能够制作出精良的模型，而无法为模型应用逼真的帖图，也无法得到较好的渲染效果。实际上在制作材质时，除了要依靠软件本身具有材质功能外，利用PHOTOSHOP可以制作在三维软件中无法得到的合适的材质也非常重要。 10、婚纱照片设计 当前越来越多的婚纱影楼开始使用数码相机，这也便得婚纱照片设计的处理成为一个新兴的行业。 11、视觉创意 视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始了学习PHOTOSHOP，并进行具有个人特色与风格的视觉创意。 12、图标制作 虽然使用PHOTOSHOP制作图标在感觉上有些大材小用，但使用此软件制作的图标的确非常精美。 13、界面设计 界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是PHOTOSHOP。 上述列出了PHOTOSHOP应用的13大领域，但实际上其应用不止上述这些。例如，目前的影视后期制作及二维动画制作，PHOTOSHOP也有所应用的。二、Illustrator介绍 Illustrator是美国ADOBE(奥多比)公司推出的专业矢量绘图工具。Adobe Illustrator是出版、多媒体和在线图像的工业标准矢量插画软件。无论您是生产印刷出版线稿的设计者和专业插画家、生产多媒体图像的艺术家、还是互联网页或在线内容的制作者，都会发现Illustrator 不仅仅是一个艺术产品工具。该软件为您的线稿提供无与伦比的精度和控制，适合生产任何小型设计到大型的复杂项目。 作为全球最著名的图形软件Illustrator，以其强大的功能和体贴用户的界面已经占据了全球矢量编辑软件中的大部分份额。具不完全统计全球有97%的设计师在使用Illustrator进行艺术设计！尤其基于Adobe公司专利的PostScript技术的运用，Illustrator已经完全占领专业的印刷出版领域。无论你是线稿的设计者和专业插画家、生产多媒体图像的艺术家、还是互联网页或在线内容的制作者，使用过Illustrator后都会发现，其强大的功能和简洁的界面设计风格只有Freehand能相比！三、Fireworks介绍 Adobe Fireworks CS3 软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks CS3 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 软件省时集成。 在 Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS3 中轻松地进行开发与部署

设计网页现在通常用到的学习软件，现在帮你罗列如下：(1)Photoshop：学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正；各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。(2)CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。(3)PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。(4)Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。(5)①DreamWeaver, 自制动态HTML动画的网页.DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

网页设计，不知道你是单纯的设计还是设计加制作。现在来说，设计软件越来越多，可以选择的余地比较大。以前流行的说法是网页三剑客：Dreamweaver、firework、flash。现在来说，个人还是喜欢：设计类：Photoshop（数字）、illustrator（矢量）、flash（动画）。网页编程类：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多优秀软件。