html在线设计-国内几款比较好用的html5页面制作工具有哪些？

我也是从别人的帖子上看到的,借花献佛

先从最简单的 HTML 网页入手;选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具;制作前,粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程,了解这几个软件到底能做些什么;制作你的第一个实验性的网站, 遇到困难,可买本《新编网页制作》的书,找最新版本的,新华书店就有。资料网上也有的是,如果遇到问题难以解决,请将问题提出,让更多高手为你解答; 初级阶段:应初步掌握 三剑客网页工具的基本操作:策划和制作你的第一个网站;不断为你的网站增加内容与功能(例如尝试将一些 Java Script 小程序添加到你的网页中。 进阶阶段:具有一定的网页制作经验,制作一般的网页已经不在话下:根据个人喜好及实际需要,网页制作的方向,你可以学习一些美术方面的知识;锻炼自己在网站策划及信息采辑的技能;尝试制作其他不同类型的网站,从模仿别人开始,逐渐形成自己的设计风格;熟练操作 三剑客网页工具,并至少能读懂 HTML 及 JavaScript的简单语言。 好了!这样,你的网页制作水平就离高手就不远了。 祝你成功!

另外还有

(一)主页的制作:

1、首先进入需要制作网页后,密码进入点击制作网页;

2、进入在线编辑;

3、起动浏览器;

4、进入其他人网页主页;

5、点击其他人网页内容;

6、点击右键出复制;

7、内容编辑(下面);

8、点击左键粘贴;

9、修改不合适内容;

10、选颜色;

11、输入文件名;index

12、点击完成;

(二)怎样进行超级连接?

一、相对连接:(内部连接)

第一步:先进入进入成员专区,打开网页制作系统;

第二步:如果是连接你本网页著作系统已上传的文件,首先打开需要被连接的文件,点地址栏,变为兰色,再点右键点复制;

第三步:进入第一页(主页)改内容,找到原先设定的目录选中此目标;

第四步:点插入连接,出现对话框,点右键点粘贴,再点OK

第五步:选中背景颜色,点击完成即可。

二、绝对连接:(外部连接)

其他文件(本硬盘已存或别人网站等)怎样进行超级连接?

其他步骤基本相同唯一不同的是:首先选中你所存硬盘或别人网站地址栏内的目录。

(三)怎样把照片搬到自己的网页上

一、上传 选择法:

1、先把要般的相片存在软盘上,(非中文文件名)

2、上传到40兆空间

3、打开网页制作改内容,

4、指定放相片的位置,

5、按插入相片按钮,点“选择”;

6、选背景颜色,按完成。

二、复制 粘贴法:

1、选择相片右键点“复制”,

2、进入网页改内容指定位置,

3、点击“粘贴”即可。

动画的提取大体与上相同。

只要你输入任意字元在任意编辑器窗格里,你会立刻发现「网址列」发生了变化,如下图所示,编号1的地方就是你的Bin ID,编号2的地方则是这个Bin的版本编号 (预设会从1开始),编号3的地方则是目前的显示模式,edit则代表「编辑」模式。预设的情况下,你输入的HTML / CSS / JavaScript都会立刻反映到最右边的Output窗格。

注 :在JS Bin里面,每一个前端网页组合( HTML + CSS + JavaScript )都被称为一个Bin!

当然,只要你把这个Bin设定完成后,便可直接把你当下的JS Bin网址分享出去,非常方便!

导览列介绍

如下图是JS Bin进入后的主要版面,非常简洁,最上方就是个导览列而已,接下来会依图编号解说:

HTML5被看做是Web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。

1、Sublime Text

Sublime Text是一个跨平台的代码编辑器,同时支持Windows、Linux、Mac OS X等操作系统,也是HTML的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,拥有可视化编辑界面,支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具,允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具,WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder,即Html Builder的缩写,Builder是建造者的意思。HBuilder是一个极客工具,追求无鼠标的极速操作,不管是敲代码的快捷设定,还是操作功能的快捷设定,都融入了效率第一的设计思想。

6、visual studio code

一个运行于Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性,包括语法高亮,可定制的热键绑定,括号匹配以及代码片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比较好的的HTML5、CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS、Android、Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。

8. Sencha Architect

在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。

开发工具的选择,可以说是开发者社区中一个经久不衰的话题,现今编辑器的数量数不胜数,vim、sublime Text,Emacs,Atom等等,那么对于一个开发者而言,挑选一个合适的编辑器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦,大家可根据自己的喜好选择哦!