目前还处于预览阶段的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。
三、Adobe ColdFusion 10
ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。
四、Sencha Architect 2
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。
五、Sencha Touch 2
Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。
六、Dojo Foundation Maqetta
来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板
七、微软Visual Studio 2010 ServicePack 1
虽然一开始并不支持HTML5，但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense，追加了针对HTML5的一些元素。
八、JetBrains WebStorm 4.0
作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。
九、Google Web Toolkit
该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。
...>>
问题二：网页开发软件有哪些 一、 Microsoft公司的FrontPage
应用开发工具可大大提高编制网络课件的效率. 目前,国际上比较流行的Web页制作软件大致可以分为两类:代码型和所见即所得型.代码型的制作软件要编程,对于初学者来说想要立即上手比较困难. Microsoft公司的FrontPage就不同了,它作为一种所见即所得型的代表软件,可以使使用者的工作效率得以很大提高. FrontPage 2000 是Office 2000 家族的一员,沿袭着Office 的风格.所以会用 Word 的人很容易学会FrontPage.
二、Macromedia 公司的Dreamweaver
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页.
三、网页制作工具的综合运用
Microsoft公司的FrontPage 和Macromedia公司的Dreamweaver是使用最多的HTML网页制作工具。它们都支持多种媒体类型，可以通过ActiveX定义接口，与脚本编程语言JavaScript和VBScript配合，创建动态交互的Web教学系统。特别值得指出的是，Macromedia的Dreamweaver以及Flash和Fireworks一起被人们称作网页制作三剑客，三者的有机结合，可以说是目前使用方便、功能强大的网站管理及HTML页面制作工具。
四、Java开发工具
应选择可移植性好的开发工具。如JDK。
虽然Java程序的可移植性好，但其也依赖于使用的开发工具，如果使用了一些编程工具自己提供的扩展功能，则可能会降低可移植性。
五、数据库的选择
最好选择能跨平台使用的数据库，如Oracle等。
问题三：制作网页软件需要哪些编程技术？ 15分 您需要掌握的技术：
html+css；
html5+css3；
js/jquery等脚本语言或者脚本框架；
bootstrap等前端框架；
PS，AI，FW等切图软件的 *** 作；
有一定的审美能力。
希望你能进步，加油！
问题四：免费的中文编程软件有哪些 中文编程软件有不少，习语言、习佳娃、习姐 是免费的。
问题五：网页编程用什么软件方便？ Dreamweaver 开发简单的HTML格式的软件 方面快捷 或者 EditPlus 这个都行 都挺好用的
问题六：网页制作，不懂编程，有什么好用易学的软件 Adobe Dreamweaver这个简单有提示，而且容易查看
问题七：html编程用什么软件比较好 dreamwaver很专业，想要的功能基本上都涵盖，但是站内存也多（我目前就用这个做html，css，js，PHP）。
相对来讲Notepad++就是一款功能还算强大，速度非常快的编程软件。
不管用什么软件开发，前提是一定要把软件里你需要的功能调用出来，例如代码错误提示功能，更改背景颜色用来保护眼睛啊。
问题八：初学web前端开发用什么软件 10分 初学web前端开发可以使用DW。
web前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，新的技术也给网页增加了许多新的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，我们需要更深入，更系统地去掌握前端知识.
那么我们应该怎么学习前端开发这门技术呢？
现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，最前面的是 4 9 四+中间是 灵 六 思+最后是 久 三 思！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间 。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。听起来比较复杂，但前端开发的门槛其实非常的低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。
所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。更系统的学习，做专业的人才更利于职业发展。当然学习的目的是为了就业，我们来看一下，web前端开发工程师前景如何？
行业发展好
从我们身边的方方面面考虑，互联网行业无疑是现在发展前景最好的行业之一。潭州教育致力于改变中国IT实践教学模式，引领中国IT教学技术标准与人才培养标准。让想学习的人随时随地都可以进行学习！
人才需求大
互联网对人们的影响越来越大，各类职业也需求更多，前端的人才需求比以前也有了质的飞跃。我们希望从业者：“我们不是为了学技术而去学技术，我们学技术是为了能更好去做产品”。最后引用乔布斯的话，Web就是未来，我们作为前端开发工作者也是未来。相信Web前端开发的明天会更好。
问题九：可以用来编程的软件有哪些？ 常用自动编程软件有
MASTERCAM
UG
POWERMILL
PRO / E软件
、CATIA、
CIMATRON、
DELCAM等软件。
PRO / E软件主要是模具行业用来三维建模的
问题十：有哪些适合初学者编程的软件 这个应该要看你学习什么东西了，学习C语言的话可以使用VC++6.0、TC，学习Java的话可用jcreator、eclipse、NetBeans，学习C#的话就只能用VS(VisualStudio),学习网页（HTML）的话可以用记事本、notepad++、Dreamweaver都可以
DOM是Web前端领域非常重要的组成部分，不仅在处理HTML元素时会用到DOM，图形编程也同样会用到。比如SVG绘图，各种图形都是以DOM节点的形式插入到页面中，这就意味着可以使用DOM方法对图形进行 *** 作。比如有一个 元素，可以直接用jquery增加click事件$('#p1').click(function(){…})"。然而这种DOM处理方法在HTML5的Canvas里不再适用，Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体，图形本身实际都是Canvas的一部分，不可单独获取，所以也就无法直接给某个图形增加JavaScript事件。
Canvas的限制
在Canvas里，所有图形都绘制在帧上，绘制方法不会将绘制好的图形元素作为一个返回值输出，js也无法获取到已经绘制好的图形元素。比如：
代码如下:
cvs = document.getElementById('mycanvas')
ctx = canvas.getContext('2d')
theRect = ctx.rect(10, 10, 100, 100)
ctx.stroke()
console.log(theRect)//undefined
这段代码在canvas标签里绘制了一个矩形，首先可以看到绘制图形的rect方法没有返回值。如果打开浏览器的开发者工具，还可以看到canvas标签内部没有增加任何内容，而在js里获取到的canvas元素以及当前的上下文，也都没有任何表示新增图形的内容。
所以，前端常用的dom方法在canvas里是不适用的。比如点击上面Canvas里的矩形，实际点击的是整个Canvas元素。
给Canvas元素绑定事件
由于事件只能达到Canvas元素这一层，所以，如果想进一步深入，识别点击发生在Canvas内部的`哪一个图形上，就需要增加代码来进行处理。基本思路是：给Canvas元素绑定事件，当事件发生时，检查事件对象的位置，然后检查哪些图形覆盖了该位置。比如上面的例子里画过一个矩形，该矩形覆盖x轴10-110、y轴10-110的范围。只要鼠标点击在这个范围里，就可以视为点击了该矩形，也就可以手动触发矩形需要处理的点击事件。思路其实比较简单，但是实现起来还是稍微有点复杂。不仅要考虑这个判断过程的效率，有些地方还需要重新判断事件类型，设置要重新定义一个Canvas内部的捕获和冒泡机制。
首先要做的，是给Canvas元素绑定事件，比如Canvas内部某个图形要绑定点击事件，就需要通过Canvas元素代理该事件：
代码如下:
cvs = document.getElementById('mycanvas')
cvs.addEventListener('click', function(e){
//...
}, false)
接下来需要判断事件对象发生的位置，事件对象e的layerX和layerY属性表示Canvas内部坐标系中的坐标。但是这个属性Opera不支持，Safari也打算移除，所以要做一些兼容写法：
代码如下:
function getEventPosition(ev){
var x, y
if (ev.layerX || ev.layerX == 0) {
x = ev.layerX
y = ev.layerY
} else if (ev.offsetX || ev.offsetX == 0) { // Opera
x = ev.offsetX
y = ev.offsetY
}
return {x: x, y: y}
}
//注：使用上面这个函数，需要给Canvas元素的position设为absolute。
现在有了事件对象的坐标位置，下面就要判断Canvas里的图形，有哪些覆盖了这个坐标。
isPointInPath方法
Canvas的isPointInPath方法可以判断当前上下文的图形是否覆盖了某个坐标，比如：
代码如下:
cvs = document.getElementById('mycanvas')
ctx = canvas.getContext('2d')
ctx.rect(10, 10, 100, 100)
ctx.stroke()
ctx.isPointInPath(50, 50)//true
ctx.isPointInPath(5, 5)//false
接下来增加一个事件判断，就可以判断一个点击事件是否发生在矩形上：
代码如下:
cvs.addEventListener('click', function(e){
p = getEventPosition(e)
if(ctx.isPointInPath(p.x, p.y)){
//点击了矩形
}
}, false)
以上就是处理Canvas事件的基本方法，但是上面的代码还有局限，由于isPointInPath方法仅判断当前上下文环境中的路径，所以当Canvas里已经绘制了多个图形时，仅能以最后一个图形的上下文环境来判断事件，比如：
代码如下:
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）