H5edu教育为html5开发为您解答，一般使用以下几种： 一、Adobe Edge 目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。二、Adobe Dreamweaver CS6 Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。 用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。三...1：建立参考线，CTRO+R，出现标尺，将鼠标放在标尺上，按住左键像图片内拖动就形成参考线，这时可以兼顾参考线上的单位像素（或厘米等，如果是厘米等，请到首选项中设置为像素），拖拽参考线，包围需要切割成图片的区域。这个不是必要环节，但是参考线可以帮助你切割更准确，因为切到可以自动靠齐参考线。如果有必要也可以使用网格来帮助。
其实参考线和网格是在开始设计构图时候就应使用的，这样页面才会更规矩，布局才更精确。
2：使用切片工具，切片工具和裁剪工具共享工具箱位置，点击裁剪工具不放，就会出现切片工具了。使用切片工具在图片上沿参考线划分。这个和使用选取工具是一样的。切出一个图片后，会根据整个图片自动生成其它切片。这个由你创建的是主要切片，其它都是自动生成的，可以叫辅助切片。如果对主要切片不满意，使用切片选择工具将它选中，然后点击右键删除。如果一个主要切片被删除，由它而生成的辅助切片也会被删除。
3：文件-存储为WEB和设备所用格式
执行这个操作会将你的图片直接生成一个按照切片分割好的网页。
注意：默认是生成用表格的网页，如果需要生成CSS网页，在这个界面的最左上角，有一个“优化菜单”图标小小的下拉菜单。点开后选择“输出设置”，在上面第二个选项中，选择“切片”，可以看到默认是“生成表格”，改成“生成CSS”就可以了
4：至于其它设置，请自己试验吧。返回，存储就可以得到网页。
建议：最好只使用那些被切好的图片，自己重新编辑CSS，因为生成的css真是要多乱有多乱啊
