作为一个◥乙方公司▲的员工，在工作期□□□间经常受□□到甲方人◥员发来的□□各式各样✦的网站设□□□□计稿，有PS（Photoshop）、AI（Illustrator）、CDR（CorelDRAW）等等。虽然什么※样的软件◆都能开发□□□□网站，但是作为□□□□行业通用△符合大部□□□□分人使用□□□习惯的还□□□是PS+DW（Dreamweaver）配合设计+前端+程序开发。网站建设□□□主要分3个流程分□□□□别为页面◇设计、前端制作、程序开发；每个阶段□□□的分工人□□员和使用□□□软件也略□□□□有区别。

首先第一□□□□步进行的□□是页面设□□计（部分大型□□□□网站要先□□开始做策□□□划和原型□□图制作，但这个不□□是必要过□□□程，所以这里·不做过多□□的阐述）页面设计□□我们主要●用PS，经常收到○一些平面□□□设计公司□□发来AI和CDR格式的设▽计稿，这种设计▲稿不是不□□□□能用，是用起来□□太麻烦，因这是矢□□□□量图软件，做矢量图□□和印刷效▽果会很好，单位标准◇也是厘米◥等绝对长□□□□度单位，但是网站□□就是展示□□在各种电□□□□子设备终□□□□端的，不需要印□□□刷单位标○准也是像□□素和屏幕□□分辨率是●匹配的。如下图新□□□□建一个网丨站设计首□□□□先在PS里面建一·个文件。
 

作为PC端的网站□□宽度1200PX就足够了，因目前最□□□□小的显示□□器如笔记□□本也是1366px了，台式显示△器低于1280px也基本没·有了，所以这个□□宽度各PC终端都能□□展示完。移动终端□□□□还需要我□□□□们单独再□□□设计一个□□□□稿。



以上是2018.7—2018.12月近半年的□□□□丨终端分□□辨□□□□率统计，其中画红◇线的是PC端分辨率□□□统计，没画红线□□的是移动◣端分辨率□□统计。所以PC端制作宽□□度1200px足以了，由于移动□□□□端的双倍□□分辨率所□□□以移动端750px也足以了。
其次当页□□□面设计稿□□做好后就□□要做前端□□□□制作了，就是把PSD文件制作·为HTML文件，这里前端□□□用的软件□□□□和程序开□□发用的软□□件是一直◣的都是DW（不过程序◥用的软件◆更杂一些），移动端兴□□□起后前端□□□制作师的□□□□工作量就□□大大增加□□□了，因同样的◥设计稿前□□□端要把稿□□□□件制作为□□□兼容各种□□分辨率的html文件，因设计师□□□□的稿件是□□□固定的，要兼容各◣种不同大□□□小的显示□□□□器，特别是不□□□同内核导□□致读取代✦码方式不□□一样的浏□□□览器，如：IE浏览器、谷歌浏览□□□器（Chrome）、火狐浏览·器（Firefox）和国内的360浏览器等□□□等。要做到完□□□□全兼容显□□□示效果一□□直，还是很需□□□要水平的。制作界面□□如下图：



最后是网□□□站的程序□□□□开发，程序开发□□用的软件○就比较杂□□□□了，不过也有□□很多是用DW软件写代□□□码的，其中代码□□技术分为PHP、.NET、JAVA等等，菲律宾j9集团开发□□□□网站主要□□□□用PHP也是市场□□□上开发网□□站的一种□□□主流技术。程序开发▲的重点是□□□□要实现网□□□站上的各□□种逻辑功□□能，如实现后□□□□台可以更□□新网站上▼的信息、实现会员□□的注册等□□等，还有一个□□□重点就是○系统安全，特别是一▽些涉及到□□金钱交易□□□□的商城网□□□站，所以这种□□□功能型网□□□站开发程□□□□序是一个•重点也是□□□□一个难点！如下图为▲程序开发□□□网站的软□□□□件截图



虽然开发□□□□网站用什□□□□么软件是□□□没有绝对◈的标准，但是还是□□□建议用一□□些行业通▽用的软件，毕竟网站□□的后期可□□□能有新需□□□求要二次✦开发，以及在正□□□在开发的□□过程中需□□□要同事的□□□□协助等等。大家统一□□□□标准才能□□□事半功倍。