网页设计用的什么软件

在目前的网页编辑软件中， MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的两套热门软件。通过在实际使用过程中的分析比较，我对这两种主流网页编辑软件的优劣得出了点个人体会。 一、代码简洁性 在使用FrontPage时，搭配使用一个网页压缩软件是常事，FrontPage常常在网页中莫名其妙插入很多空格，经压缩后网页会比原先小20％～30％，而下次编辑存盘后这些空格又还会再度出现，挥之不去。而以代码简洁而著称的Dreamweaver没有这方面的问题。 二、使用操作性 在这方面FrontPage和Dreamweaver各有所长：FrontPage具有与Word类似的界面和操作性，尤其在手绘表格方面，很多人都觉得FrontPage比Dreamweaver要方便不少。在查看源代码和预览功能上FrontPage也比Dreamweaver方便。还有对于采集整理资料很重要的一点：从浏览器中复制的页面粘到FrontPage中时仍能保持原有的表格、链接、文字格式；而在Dreamweaver中即使使用“Past as text”也只能粘贴为纯文本段落。 Dreamweaver的优点在于：它的标记选择器（Tag selector）可以方便准确地选择所要编辑的对象。此外，它的表格与层相互转化、依对象而自动变动的属性栏也颇受喜爱。 三、与Word软件的兼容性 很多人都是使用Word来输入和编辑网页文字内容，如果要将这些文档内容剪贴到FrontPage或Dreamweaver软件中时，就会发现FrontPage在这方面略胜一筹。因为我们只要在Word中选取所要的部份(包含图片)，然后贴到FrontPage的文字编辑区，不仅文字和图片都能正常显示，而且样式也几乎一致。其中不太一致的是，原本是居中的图，会变成靠左。 但是，如果我们选取了Word中的一部份，然后想要贴到Dreamweaver中，就会发现图片不见了，而且文字的样式也没有了，因为文字全部挤在一起，连段落也无法区分。因此我们如果想调整这些文字和图片的话，就必须再花费不少时间。 四、站点管理 相对于FrontPage强大的站点管理，Dreamweaver略显不足：FrontPage中特有的报表视图可以显示未链接文件、慢速网页、较旧的文件、新增文件、未验证链接等15个项目细节。Dreamweaver在这方面做得就差多了，只有简单的断裂链接（Broken links）、外部链接(External links)和孤文件(Orphaned Files)三项。而且不像FrontPage中每一项目下都有详细的文件名称、标题、大小、类型、修改日期等说明。 此外，Dreamweaver不认为表格背景图片是网页不可缺少的部分。当在站点管理器中对表格背景图片进行移动或改名等操作时，Dreamweaver不会提示更新链接，结果就会出现断裂链接。而且基于同样的原因，Dreamweaver会把表格背景图片识别为孤文件，也影响了对网站的管理。 当然Dreamweaver在站点管理方面也有其优秀之处。它可以在不逐一打开每个文件的情况下实现全站的整体查找替换，还有其特有的HTML标记属性的查找，功能强大。相比之下FrontPage可以实现全站查找但做不到即时替换，需要对查找结果列表中的文件逐一打开替换。 FrontPage对站点管理的一个不好的副产品就是大量的“_vti_cnf”目录，里面对应记录了站点每一个文件的相关信息。因此，如果我们用MODEM来上传主页的话，就必须找一个好点的上载软件才能把它们滤掉。 五、图片的使用 在使用图片时，如果我们想要在Dreamweaver中放上图片，必须使用“插入图片”的方法来产生，而无法使用“剪贴板”的“粘贴”功能。因此我们的图片必须事先存放在硬盘中，并且已经取好名字才可以。 而FrontPage就轻松多了。我们可以从任何软件复制或剪贴图片到FrontPage中，这些图片并不需要事先储存成文件。因为当我们要储存网页的时候，FrontPage会一并将这些图片以预设的文件名储存在“与网页相同的文件夹”中。当然图片的文件名和储存路径都是可以修改的。 六、所见即所得 在这项功能上，FrontPage比Dreamweaver 强。由于这一点对初学者相当重要，因此包括学生在内的网页设计初学者，都相当偏好FrontPage。 所谓“所见即所得”，就是我们在软件中设计的样式应该和最后在网页中呈现的样式“完全一样”。遗憾的是，在我们使用FrontPage或Dreamweaver时，都无法达到真正的“所见即所得”。也就是说，我们在网页编辑时的样式，跟最后在IE等浏览器中所看到的样子往往都有极大的差距。其中又以Dreamweaver的差距更大。因此我们常常需要配合浏览器来观看结果，然后再到网页编辑软件中做修改。尤其在处理文字时更是常常有令人不太愉快的经验。如果常常需要设定文字的“样式”，建议使用FrontPage。 七、文字样式 在使用文字时，FrontPage提供较多的设定功能，能让文字做的样式变化。而且文字在经过设定样式后，文字也会作即时的变更。例如设计者可以对文字设定“字体”、“大小”、“颜色”，也可以设定文字“内缩”、“行距”、“段落距离”、“字距”。而后面这四项在Dreamweaver中是无法更改的。 虽然FrontPage在文字样式方面提供较多的功能，同时在“所见即所得”上也较令人满意，但却并不是说FrontPage在这方面就没有缺点。有时我们在设定链接文字的色彩或粗细体上，也往往碰到一大堆问题，这些都是软件厂商以后应该注意修正的事项。 八、固定部件更新 要保持网站的整体风格，每页的公司徽标、版权栏、宣传语句、广告等页面元素是必备要素之一。当必须对这些要素进行修改时，手工修改的工作量是难以想象的。对此，FrontPage和Dreamweaver都有自己的解决方案：FrontPage采用共享边框，在站点上的单个或所有页面的某一边上共享相同内容并保持统一更新；而Dreamweaver则设立了库（Library）的概念，可以把页面中所要重复的任一部件加入到库项目，自由设定在所需的页面中重复使用、统一更新。 相对于Dreamweaver的库，FrontPage的共享边框就要逊色多了。它只能在网页的四边中选择位置，而且一旦设置，影响的就是网站所有页面，对于不想采用共享边框的页面只能另外逐一单独设置。最致命的一点是在FrontPage应用共享边框的时候会把原页面内容统统套在一个大表格中，而共享边框设在另一个表格之中。这样的危害在设计者本地看不大出来，然而在网络上由于浏览器要下载完整个表格才会显示，因而会大大降低网页的实际浏览速度。 九、设计动态和互动式网页 Dreamweaver的使用者和支持者，从现在开始，可以抬头挺胸了。因为下面这两大项的功能都是Dreamweaver的长处，而且是极其重要的两项。 首先介绍的这项功能，就是Dreamweaver具有“设计互动式网页”的功能。我们可以利用Dreamweaver的“图层”(Layer)和“时间轴”(Time Line)功能，来让图片或文字随意地在网页中自由移动。移动的方式可以是绕着我们所设定的路径(path)移动，也可以是左右或直线的移动。 另外，我们可以设计让文字或图片配合鼠标的点选有的变化。也就是说，当鼠标经过文字或图片，文字或图片会产生变化的动态效果。 Dreamweaver还可以插入Flash的.swf动画文件和 Firework设计的HTML文件，让网页更加活泼。虽然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻烦。因为Dreamweaver、Flash、Firework都是MacroMedia公司的产品。 十、模板功能 现在的网站内容，大都会在每一个网页中提供“目录”(主功能链接)。而这些目录式的项目通常在未来会有所改变，但是我们的网页可能也有数百个或甚至数千个，难道我们的每个网页都要做一一修改吗？这显然是不可能的。 于是我们可以利用Dreamweaver提供的“模板”功能(模板后缀名为.dwt)，即：首先设计一份模板或二、三份模板(份数当然可以根据我们的需要而定)，然后将我们的网页“套用”这些模板，之后只要修改相关的模板(可能只改变一个)，那么所有套用模板的网页，就可以“一次全部”跟着修改。这项功能对于设计大型网站或多网页的网站有“容易修改和维护”的作用。 至于FrontPage，虽然它提供“主题”(Theme)，也能够让多网页套用到某些“主题”的样式，但是FrontPage的这项功能弹性比较差。也就是说，我们在许多地方无法按照自己的想法来设计，只能使用FrontPage的几种固定样式。因此，如果希望设计出富有变化的套用模板，那么建议使用Dreamweaver。 本文比较了两大主流网页编辑器常用功能的部份差异。对于一些较高端的应用：如FrontPage特有的服务器扩展应用、与OFFICE家族协同工作、ActiveX组件；Dreamweaver所特有的强大动态网页设计能力、与Fireworks、Flash的协同工作特性等等，都有它们自己的特色。一般来说：FrontPage适合于新手使用，而Dreamweaver则为专业公司所采用，如何选择就看用户自己了。

用Photoshop设计效果图；用Dreamweaver切图，即做成DIV+CSS布局的Html页面；用PHP,ASP.net等程序语言做成可以有功能的网站程序；购买服务器，域名，把网站程序上传后即可开始访问。做设计要懂1、2两点，做程序要会3、4；如果你要设计程序都自己搞，那很厉害，但必需要做的精才行。如果你设计程序都会，但做的都不好，那还不如只会设计或程序，但能做的很好的人。

标注用pxcook足够了

前端设计主要的工作无非就是按照效果图使用前端的代码来做出符合要求的静态页面，使用的软件大致如下（不同人是使用的可能不同）：1、以Photoshop为代表的图片处理技术。网页设计的第一步是按照客户的需求来设计网站效果图，这个工作是由美工来完成的，现在网页设计严格的来说不包括美工的工作，即美工只负责设计效果图网页的设计师只负责严格按照效果图将效果图的样式以网页的形式做出来，那可能有人会问为什么网页设计师还需要ps呢？那是因为网页设计师也就是前端设计师需要将美工制作的效果图（一般是psd格式的）使用ps的切片功能将其中用的到的图片裁切出来放到网页上去用，此时就要使用photoshop来完成这个工作，所以作为网页设计师或者前端设计师会一些基本的Photoshop知识还是很有必要的。2、前端代码编辑器如dreamweave、hubuilder等，建议初学者使用记事本等文本编辑器。我们知道现在的网页设计都是纯手写代码基本没有使用可视化编辑的了，原因是可视化编辑的网页有很多弊端如代码冗余、后期改版难以控制和维护、网页的执行效率和性能不高等。此时解决的办法就是纯手写htm、css、js等代码来做我们的网页，但是我们在实际开发过程中又有些问题，学习的网页的初期我们可以使用记事本或者有些简单的文本编辑工具来写代码，但是在实际开发过程中我们需要借助有些好的编辑器来提高我们的效率， 此时就需要使用功能强大的编辑器，提供代码高亮、代码提示等功能来提高开发的速度，常见的前端代码编辑器有dreamweave、hubuilder、sublime等等，这个根据个人的习惯和工作的环境进行选择即可。但是建议初学者使用记事本等文本编辑器，这样能让我们记住一些关键词，有利于学习。3、一些更高级的前端工具和软件我们也需要学习。在实际的开发过程中，以上的工具并不能完全满足我们的需要，尤其是开发一些大型的项目的时候，我们需要使用和借助的工具来帮助我们进行开发，这里简要说一些。例如当我们进行团队合作的时候，我们可能还会使用一些版本控制工具来进行团队合作，如svn、github等，在进行项目管理的时候我们可能还需要一些前端的包管理工具如grunt、webpack等。这些工具都是一个专业前端工程师应该学些的。总结：简单的介绍了一些网页设计中需要使用的软件和工具，可能不是很全面，但是可以给大家作为一个参考。

美工设计用PS，网页制作要学HTML，CSS，js，高级点的要用到HTML5，css3，软件我建议用notpad++之类的文本编辑器就够了

网站美工首先需要懂得平面设计的技能，因为美工主要是设计网站模板和网站上使用的图片，所以首先需要熟练使用 Photoshop 和cdr着来年各个软件。其次，需要熟练使用Dreamweaver，这是用来编辑代码的，但是也可以使用别的编辑工具来编辑代码。编辑代码主要考验的是对代码的熟练掌握，网页美工一般只负责网站前台的代码编写，所以需要熟练掌握，html div+css flash这个软件在以前也是经常用到的，但因为flash文件质量太大，影响网站的打开速度，所以如今已经很少用了，可以不用掌握。

网站美工首先需要懂得平面设计的技能，因为美工主要是设计网站模板和网站上使用的图片，所以首先需要熟练使用 Photoshop 和cdr着来年各个软件。其次，需要熟练使用Dreamweaver，这是用来编辑代码的，但是也可以使用别的编辑工具来编辑代码。编辑代码主要考验的是对代码的熟练掌握，网页美工一般只负责网站前台的代码编写，所以需要熟练掌握，html div+css flash这个软件在以前也是经常用到的，但因为flash文件质量太大，影响网站的打开速度，所以如今已经很少用了，可以不用掌握。