主页/ 电商学院/网站开发/用什么软件开发网站?

用什么软件开发网站?

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

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

PS网页设计软件

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

网页分辨率

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

DW代码编辑

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

DW软件

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

0 喜欢
444 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解