设计图生成html(设计图生成html ai)

一个是偏向于设计，一个是偏向于代码对于web前端开发这个就是把别人设计好的自己用divcssjs去实现的，一个简单的网页可能就是divcss把它写出来，但是这里面是充满经验的Web前端开发工程师，主要职责是利用XHTMLCSS。

1首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页选择“经典”界面，有助于我们更便捷使用这个软件 2下面选择这三个界面，代码拆分设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

简单的html网页可以直接利用文本编写的，无需下载特定编辑器 1在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为quot最简单网页quot，只是便于标识，实际上并不影响我们的操作注意我们需要提前在文件属性中把扩展名显示出来。

现在好多软件可以设计图直接转代码的，像蓝湖设计师做好ui设计图之后直接上传上去就可以，设计稿一件转代码，工程师直接复制去用就行完全不用自己手动画静态页面。

3文件打开以后，选择工具栏的切片工具，根据需要进行图片的分割，选择切片工具，然后在psd页面上拉动选择位置，就可完成一张图的切片 4将切图保存 5选择保存的格式 三根据psd设计图，进行html代码的书写 示例图如 总。