原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然，也有一些比较不错的原型设计工具，比如balsamip, mockingbird 等。 当然，传统的平面设计工具在这个阶段也有帮助，比如photoshop等。
在完成了基本的效果图设计后，就需要将相应的设计效果转换为html , css和javascript，这时候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器，比如vim,textmate来实现原型。
由于CSS是一个与视觉效果密切相关的要素，因此在CSS的设计方面，有大量所见即所得的辅助设计工具，
另外，网站设计和前端逻辑一般来讲是不能完全分离的，对于前端设计师来说，掌握基本的javascript知识是需要的，如果能够熟练地掌握一种基本的js框架，比如jquery那就更好了
由于众所周知的原因，目前主流的某一知名浏览器经常有着与其他浏览器截然不同的表现。作为一个认真的前端工程师，你应该还要掌握跨浏览器兼容性测试的技术和工具。
//注：我的个人理解楼主的问题主要是关注网站的前端设计，因此回答的内容也就局限于前端的技术，而没有涉及后端的开发技术
1.Axure 快速创建带注释的wireframe文件，并可根据所设置的时间周期，自动保存文档，确保文件安全。
2.Axure 可以在不写任何一条html与javascript语句的情况下，制作丰富的交互效果。
橱窗式网站可以用 wordpress， 简单好用，就算没有任何code的知识也可以做出一个非常漂亮professional 的网站。
网站mock－up 可以用 balsamiq， 或者just in mind prototyper来设计。
其实网页设计软件用最多的还是Dreamweaver，软件界面简洁易用，上手也快。软件只是个基本功而已，关键得是思维，多看，多想，从别人优秀的作品中去吸取养分和灵感是你后面设计一个好网页不可或缺的因素。网页设计不单只是要会Dreamweaver，还要配合PS、JAVA，其实它属于一个系统性的一个东西，只要把它们都运用的熟练了，加以学习和思考后面就会做好更好的的网页设计 作品了。
HTML超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
JavaScriptJavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Adobe DreamweaverDW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
Flash（交互式矢量图和Web动画标准）网页设计者使用 Flash 创作出既漂亮又可改变尺寸的界面以及其他奇特的效果。
Dreamweaver（简称DW）这个软件不仅热门也是最合适新手的，DW是可视化设计的，也就是说不需要敲代码也可以做出网站来，当然不敲代码辅助ps软件更美观方便，技术的话CSS/js/html h5 PHP 和Java语音
网页设计需要学什么软件？21世纪是网络的时代，据统计现在中国的网民已经超过了3亿，是全世界网民数量最多的国家。每一个人、每一个企业都在上网找寻自己或他人所需要的各种产品，那么在找寻过程中人们必定会进入网站去浏览网页上的产品，如果网站内容或者产品本身一点都不好看、打开的很慢、甚至无法显示，势必会对人们的购买和咨询大打折扣，这时候就需要一名专业的网页设计人员来把我们的网页或产品做美工以及优化甚至重新建立一个全新的网站，那么一个网页设计师需要学什么软件呢？
网页设计需要学什么软件？学习网页设计，什么软件适合初学者，功能又很全的。下面小编就给大家介绍几款网页设计常用的软件：
一个优秀的网页设计师，必须要懂得html语言，这是我们学网页设计和网站开发的基础课，html语言虽说不懂的人看起来很难，但真正学起来还是很容易的。
这个可能相对html语言来说，有点编程的意思了，但如果想做出特别的效果出来，也是必不可少的。
这是专业的网页设计软件，可以像word一样简单来开发html言语页面，也是网页布局非常简单的一个可视化工具。
现在做网站的渠道和方法常多样的，不管是新手也好，老手也罢都能通过只要找到好用的软件做网站，那一切都将迎刃而解。对于老手来说，用什么软件制作网站他们自己可能已经有比较深的见解，而对新手来说，用什么软件进行网站建设，则可能非常的犹豫。
例如，程序员经常使用的Dreamweaver、Frontpage、Fireworks等这些软件，都不新手使用，因为一方面这些软件需要的专业知识比较多，而且软件操作起来复杂，新手了解软件都已经常痛苦的过程，更何况是要掌握专业的建站知识；另一方面，使用这些软件做网站，所花的时间往往都比较长，一个新手用这些软件进行网站建设，可能需要用几周甚至是更长的时间，才有可能制作出一个简单的网站，这时间的花费还没算上学习软件的使用和建站知识的时间，因此对新手并不使用这些软件。
那新手做网站用什么软件比较好呢？考虑到新手一般都是比较缺乏制作网站的知识，而且做网站的耐心会随着时间的增长而慢慢减弱，因此使用简单易操作，而且可以快速做出网站的软件，应该是最符合新手的需求的，而凡科自助建站软件就可以满足到新手的这些要求。
一方面，自助建站软件的使用方法与上述提到的软件对比是更为的简单，另一方面，自助建站软件的操作门槛更为的低，新手不需要掌握任何的建站知识都可以通过这个软件进行网站制作。
除此以外，新手通过自助建站软件做出的网站，效果一点也不比专业的网站逊色，而且做出一个完整的网站，只需花费几个小时即可，制作网站的时长得到最大化的缩短的。所以如果新手有意想做好网站，而又不想吃太多苦的，那就使用自助建站软件做网站。
Adobe Dreamweaver，简称“DW”，中文名称梦想编织者，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台和跨越浏览器的充满动感的网页。
设计出图一般都是用Photoshop,切图布局用DW，FLASH用得比较少，JS特效知道怎么套用就行不需要深入，测试需要火狐，IETESTER，谷歌，世界之窗，这几类，主要是还考虑IE的兼容，目前国内IE用户的多。好的网页设计师要不就是效果图好（偏重平面设计能力），要不就是DIV+CSS和SEO能力强，看你怎么选择方向，个人觉得前者适合企业站创意站展示站这类设计要求高的项目，后者更适合在大型站项目里面做，比如SNS，B2C这类功能站。个人，如有错误望高手一笑而过，希望对你有帮助小村庄的风流韵事电竞专业https://www.supergen-edu.com/，