就以网页导航为例,html5就有更多实用的加载功能可以选择,更加利于搜索引擎。下面小编为您详细介绍做网站写html用什么工具比较好和提高html书写的速度。
一、做网站用什么软件写html?
小编接触页面制作的时候连基本的css语法都不会,之前也很少用table的方式写,所以直接从div+css学起,开始是看别人写好的网页,
然后分析他们的每一行代码,后来发现这样学习不太适合我,于是就把一个结构不太复杂的网页截图,然后照着图片来写html结构的网页。
开始的时候连基本的margin、padding这样基本的语句我都不会,但是我并没有用dreamweaver、frontpage这些有代码提示和控件拖拽功能的软件来写网页,
因为师姐告诉我说初学网页制作一定不要用代码提示类的软件。当时不懂为啥,后来写熟练了甚至不去碰那些软件,才明白其中的道理,
这些软件是提高工作效率用的,有时候时间短、任务重,必须要提高代码书写效率,迫不得已用一下(虽然这样说,但实际中我觉得不用这些软件效率会更高)。
用什么软件写html并不是那么重要,你入门时可能用过Editplus、Notepad++、sublimetext2、ultraedit、vim等代码编辑器,
也可能和我一样会在百度和谷歌中疯狂的搜索用那种软件写页面最好,甚至不惜浪费时间用不同的编辑器写相同的代码来体验生活,这都是新手学习初期很容易遇到的问题。
我们大可不必在选择编辑器上下"功夫",那些所谓的神一样级别的编辑软件我们其实只能用到它们所有功能的1%,而我们能用到的功能所有的编辑器都有,
所以看着哪个比较顺眼拿来用就行了,代码还是要自己一个一个的敲出来,不要用代码提示功能,如果软件默认开启了代码提示,就主动把它关掉,
如果你一心想成为一个高手,那么告诉你,真正的高手就算用windows自带的记事本也能写出华丽丽的代码。
小编建议新手不要去一条条的看那些网上的教程,而是从一个简单的只有框架的页面入手,自己动手看能否实现这个html页面效果,遇到解决不了的问题可以像别人请教,
css中涉及的那些语法还有要记住的单词,写一两遍肯定是记不住的(我不是天才),至少要写好几十遍才能记住,然后逐渐提高页面结构的难度,想办法实现javascript的动态效果。
最后,也是最重要的,就是在不同浏览器中的显示效果一致的问题,这是个困扰前端页面制作人员多年的难题,
不过都有办法来解决,遇到了正常显示的网页在另一个非同类浏览器(或者同类不同版本)中显示错乱时,
不要怀疑自己的代码,那就是浏览器的解析差异导致的,这些问题早有高人已经遇到过,去百度搜索一下就能得到解决办法。
二、提高html书写的效率
做的网站一向排名都非常不错的。因为结构都经过了优化,采用F型,E型,还有树状结构。为什么这么快,是因为书写html,css的效率高。
1.基础一定得牢固。
别怕一遍遍阅读W3C标准,对于重构人员来讲,必须要做到无手册手写代码能力,Html和CSS的每一个片段、表达式、选择器都要熟知。
2.在此基础上,深入了解各个浏览器特性。
并且经过自身实际的测试,掌握解决方案或Hacking方法。
3.站在巨人的肩膀上,足够了解那些流行度高,且兼容性较强的开源项目。
如网易的NEC、支付宝的AliceUI,Sencha等各种前端CSS或Javascript框架,研习它们代码,学习它们的设计思想和开发模式。
4.《一万小时大师理论》这本书说过,任何事情没有一万小时都不行,所以勤加练习吧。
这个世界上很少有那种本身就比你聪明,随便三下五除二做的东西,就是比你一下午做的东西好的人。
多操作多写才知道重点在哪,瓶颈在什么地方,长此以往也就找到突破口了,对于程序员来讲,就是多写。
5.一些提高生产力的东西,学不会也要硬着头皮学,磨刀不误砍柴工。
你花一周跌跌撞撞搞明白的东西,可能对你未来10年都有帮助,我主写PHP对CSS只是一知半解,说的不深入希望对你有帮助。
LiveReload,这是个文件夹监控插件,有Firefox扩展版本,目的是监测你电脑中某个路径的文件一旦改变,自动刷新浏览器。
我觉得这是前端开发里必不可少的工具,尤其是多屏工作时,左屏写代码,右屏打开浏览器调试,如果手工刷新浏览器麻烦死,这个插件只要你随时保存文件,随时浏览器就刷新;
Github,这个不用细说了吧,这两年Javascript兴起之后Github多么的火,不管你是学习别人项目还是与人协作开发,这是提高你自己技术水平必须要会的东西,
所谓站在巨人肩上,就是你首先得站上去,Github上巨人多;Firefox和Firebug这都不用说了,你不写Javascript,对你有用,但用处不是特别大;
一个好的IDE,语法提示功能特别强,能把浏览器支持情况也反馈出来,这个你自己找;哦对了,还有zencode或Emmet之类的Html简写工具,能为你提速很多。