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

4点击导出按钮，选择待导出文件5点开保存的文件夹，即可看到生成的html文件。

5在弹出的窗口中点击存储的按钮6最后，弹出的保存窗口中把格式选择为HTML图像，再点击保存按钮即可。

1打开百度经验页面的保存为一张图片看清楚是图片是jpg的用ps打开这张图片，如图2下面就开始操作html静态网页一般都是图片文字和效果组成的，这边主要是教用ps生成html静态页，就是把图片转换成静态页因为网。

在PHOTOSHOP点切片完成后，点文件==导出HTML。

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

使用Photoshop的切图工具，将图片切分为不同的小图片，然后导出，导出时选择HTML和图片。

有哪些不用编写代码就能轻松制作生成HTML5页面的工具 做一些H5特效的动态页面，以前需要专业技术团队和设计师才能制作现在通过这些简单的平台，你几分钟就能免费创作自己的H5页面甚至有的你需要做的只是仅仅换上几张图，敲几个字，选。

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

基于HTML5的工具网站兔展优点页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面缺点屏幕界面大小不可调节，上传的图会比例失调生成后到各尺寸屏上页面会存在拉伸现象此图意在说明上传的图片的尺寸。

根据不同的设计图采取不同的方案你可以用table布局，可以用ltmap+ltarea标签，可以用CSS绝对或相对定位一个lta的位置很久很久以前，人们喜欢大大的图放上去，再用map标签指定图片的可点击热点后来流行方块切图的方式。

1首先我们需要在桌面上，新建一张记事本 2然后我们需要打开记事本，编写代码 3然后我们需要把记事本修改后缀名为html 4然后我们需要在桌面上就会有一张网页，这一点很重要5最后我们需要需要在浏览器上运行该。

这是web前端开发的工作，首先用ps将设计图中需要用到的图片或者图标切片取下 然后通过html css js 按照设计图用代码还原 当然你也可以下个Dreamweaver 最新版的有那种可以一键导出页面，不用你写代码，不过很是很方便用。

不可以，Axure 生成的只是原型，是在产品制定时供大家参考了解项目用的Axure输出的HTML文件不能直接用于前端代码开发，Axure为了模拟交互效果，使用了大量的JS，其中有很多是用不着的内容，前端代码需要完全重写Axure输出内容不。

楼上这说的，从没见过哪个软件可以生成DIV+CSS的 将网页效果图切片成为HTML只用PS或者firework的切片工具将作网页时需要用到的图片切出再导成web格式，LZ可以先了解下网页的布局以及做网页时需要用到哪些图片，切出来的。

制作网页的Photoshop方法 网页设计的方法有很多，比如直接写代码可视化软件设计如DreamWeaver用中间软件进行格式转换如Word生成HTML代码网页的PS设计等我们收集整理了关于Photoshop的网页，供大家参考首先用Photoshop。

哇，我现在正想成为一个美工呢能不能一起交流下 我个人认为你要提高设计水平，除了过硬的美工基础你应该还是要有自己的思想，构思 用自己的色彩来设计一个活动页面或者是网页 如果这还认为不够的话，你就多多欣赏下。

不可以根据相关公开信息查询结果显示，即时设计不可以导出html，html也无法在即时设计运行即时设计是国内首款专业级UI设计工具，原生中文无需科学上网支持中文字体，具备渐变填充矢量图形编辑钢笔工具布尔运算蒙版。