html5哪个开发工具比较适合新手
前端有两大神器
Sublmie
下载地址:
http://www.sublimetext.com/
下面我们介绍一下Sublime的安装和使用:
处于安全和安装版本的考虑,建议大家还是去官网下载Sublime的安装包(http://www.sublimetext.com/), 官网上还用gif动态形象的展示了它的一些常用功能。
注意在安装后, Sublime不会在桌面添加图标,你需要在开始菜单的所有程序中找到它:
图6-打开Sublime编辑器(截图来自秒秒学课程)
通常我们习惯打开侧边栏,可以通过如下操作打开。
图7-打开Sublime侧边栏(截图来自秒秒学课程)
打开侧边栏后,基本的编辑界面就是下图中的样子。
图8-Sublime基本界面(截图来自秒秒学课程)
上图有行数,代码缩略图,标题以及侧边目录,和代码高亮。然后下图展示了智能代码提示功能,基本这几大功能是我们最常用的。
图9-Sublime智能代码提示(截图来自秒秒学课程)
Sublime当然还有其它很多的功能,比如多窗口,多选择,项目及时切换等等,作为web开发的初学者,我其实也很少用到这些高级功能,但我知道它真的很方便。
最后,当然是用浏览器打开html文件。如下图,在html文件中右键,然后选择Open in Broser选项就可以了。
图10-用浏览器打开操作(截图来自秒秒学课程)
总之呢,Sublime是一款轻量、简洁、高效、而且跨平台的编辑器。支持N多种语言,很多攻城狮都偏爱它!作为web学习者,我觉得不用在编辑器的选择上太费周章,选一款你中意的就行,比如我就比较中意Sublime。
Notepad++
https://notepad-plus-
plus.org/
以上两个都是前端开发的神器
HTML5是什么东西
1. HTML5的技术组成HTML5技术由HTML(结构)、CSS(样式)、JavaScript(行为)组成。2. 什么是结构、样式与行为?
简单来说,HTML5是“将设计图转换为用户查看的网页”所需要的技术。
结构实现的是网页中的标题、列表、图片等标签。
样式处理的是标题文字的字体大小、颜色,图片尺寸,某个标签的背景等。
行为可以实现网页中的时间,电商网站当中的倒计时效果,在注册表单时用户名是否重复的检测,网站当中顶部图片的切换特效等等。简单的理解结构样式和行为:将网页看做一个装修好的功能完备的房子,那么结构实现的是房间以及家具的位置布局,样式则是针对房间进行装饰,行为是为房间添加“开门”等功能。想了解更多,可查看文章《HTML5(WEB前端)是什么?零基础技术小白,轻松认识HTML5》
新手学习HTML5/CSS3有哪些好书籍推荐
如果是想做web前端开发,学习HTML和CSS是必备的,网上有很多免费文档,教程,看w3cschool也是可以了,重要的还有实践,如果真要看书,《HTML5权威指南》《HTML5秘籍》《HTML布局之路》《HTML5与CSS3权威指南》也是值得一看的,还有《CSS揭秘》非常不错的书。js的书籍可以看《javascript权威指南》和《javascript高级程序设计语言》《javascript语言精粹》都是不错的书,也是前端开发需要掌握的知识。

