WEB前端学习笔记 三

接上一篇，web学习笔记 三，web学习笔记刚刚发出，就发现被其他网站采集了，在此感谢您的采集和转发，但请注明文章出自网知博学。

1.7  开发工具的选择

增强文本编辑器：EditPlus、Notepad++

特点：比较小、占用系统资源比较少、代码颜色高亮显示、但没有代码自动补功能

IDE：(Integrated Development Environment,集成开发环境)。IDE集成开发环境（简称IDE）开发环境就是指在开发软件的时候需要用到的软件。这些软件包括代码编辑器、编译器、调试工具和图形用户界面工具等。而一套拥有代码编辑器、编译器、调试工具和图形用户界面工具等软件的套装就是集成开发环境，又叫IDE

可选择使用的IDE：Dreamweaver、WebStorm、PHPStorm、Zend Studio Visual Studio系列、有很多WEB前端开发IDE，这里提到的只是我曾使用过的。各有优缺点，没有什么好与不好，就看个人的使用习惯了！本来笔记中的IDE想用webstrom或是phpstrom，但是考虑到笔记是从最基础的开始，还是选择比较简单的Dreamweaver吧，毕竟是中文，看着会容易一些。

说到开发工具，不得不多说几句，有些人，不赞同初学者使用具有代码补全功能的IDE，理由有很多，比如，IDE自动做了很多事情，让初学者不知道编译原理，让初学者变懒，有代码提示，离开了IDE，就不会写代码了。等等等等。乍一看，似乎很有道理，对于这样的理论，在这里不做过多的评论，只想说， 你在学习一门语言，学习的是语言和程序的设计，而不是写了段代码，还要知道这段代码是如何编译成汇编语言，然后再编译成机器语言，然后再呈现出结果给你！

善于运用工具，IDE的代码智能提示，我认为是很好的背单词的工具，一个单词你照着提示写几次，几乎就可以背下来了，如果没有提示呢？你打开一个记事本，写什么？如果英文是你的第二母语，那么你可以尝试下不使用IDE。所以初学者不要再就纠结这个问题！！

1.8  自学了HTML、CSS、JavaScript和Jquery,为什么写不出一个完整的网站。甚至是连一个页面都完成不了

这个问题，暂时想到以下2种情况

教程问题：也就是说你所学的教程（视频，书），既然已经自学过了，那么w3school的网站大家应该都知道了，网站上的例子，即使全都能做出同样效果了，那么也不一定写出自己的作品！个人觉得w3c更像是手册，当你忘记了某个标签，某个样式，可以去查询，但并不适合做教材，有些视频也是这个样子，把例子都讲了一遍，然后结束，你也感觉确实都会了，但其实并不是这样，当你照着这样的教程学习的时候，你只是知道了这个例子，写完后会有什么样的效果呈现，其实并没有学会！如果是这种情况，那么就要做些实际的项目案例。把所学的知识灵活的运用结合到一起，就会有自己的作品了。

学习方法问题：其实这里面还是有教程的问题，在学习html的时候根据视频教程学习了标签，并把所有标签的属性也都学了一遍，结果在学Css的时候，你发现，你所学的那些标签属性，再也用不到了，因为全部都用CSS实现了。在讲Css的时候只用div和span标签来讲CSS的样式。结果就是当你把CSS的例子都做完后，忽然发现HTML的其他标签你已经有些生疏了。同样在学JavaScript的时候，用了很长时间，好不容易也按照例子做完了，忽然又发现你对CSS也生疏了，到了jquery，你发现用JavaScript写了10几行代码才能实现的功能，在Jquery中只需要几行代码，甚至一行代码就能实现。你可能会有些迷茫，但一咬牙你坚持下去了，等你按照视频教程做完了Jquery的例子，不再迷茫了，而是蒙圈了，因为你忽然发现虽然你都学了，却好像是没有记住什么，当然写不出完整页面！！

所以说自学在教程的选择上是很重要的，同时学习的方法也很重要，在学习HTML的时候，标签样式属性只作为了解，因为有了CSS，HTML的标签样式属性几乎都被弃用了，你还在浪费时间跟着视频学个啥！！在JavaScript和Jquery的学习上，可以这样选择，JavaScrip基础语法、变量、函数，匿名函数，常用的内置对象，简单的数组能明白即可，其他知识点，如通过JavaScript选取并读取节点、文档遍历以及增加节点、删除节点、正则表达式、JSON、等等，这些在jquery中也都能实现，所以在JavaScript学完基础，就直接学习Jquery，如果你精力旺盛，不计较学习的时间成本，那么再回过头来去根据Jquery中的例子，用javaScript来实现。那么你在JavaScript方面就应该成为高高手了。

为了避免学完后，还写不出代码，HTML、CSS、JavaScript、Jquery这几个知识点，必须合理有效的结合学习，而不是单独的学习。   

好了，写完了，如果有什么问题以后再慢慢补充，感谢您关注网知博学技术博客

1.9 正式学习之前的准备

1. html的语法格式

2. html标签的属性格式

3. 构成HTML文档（网页）最基本的必须的标签

4. Dreamweaver的安装与激活

现在正式开始学习，今天我们将学习html的语法格式，也就是这个Html的标签应该用什么格式写以及html标签的属性格式（html标签的属性不作为重点，只需了解即可）。

还有网页的基本结构，你发个邮件（大家都会发邮件吧~嗯，应该会）不得有邮件的结构吗，什么发件人了，主题了，正文了，等等，好像应该叫做格式，反正就是这个意思吧，那么网页呢，一个完整的网页也有它的结构。

在学习html语法格式、网页基本结构和标签属性我们先用记事本或是增强文本编辑器：EditPlus，让大家快速的了解html的基础知识。

还有一点，同学们要知道一下，HTML和XHTML，其实我们现在所学习的标签书写规范都是XHTML的， XHTML又是什么呢，不要晕，其实就是重新定义的 HTML，是更严格更纯净的 HTML 版本，

我们只需知道，现在我们写网页的规范标准就两个，XHTML和HTML5，不要问可以不可以直接学HTML5，既然说到了HTML5就简单说一下,HTM5是用于取代html与xhtml 的新一代标准版本,。HTML5新增了新的标签和属性，加强了网页的标准、语义化与web表现性能，同时还增加了本地数据库等 Web 应用的功能。），只是在html和xhtml的基础上，所以还是要先把基础学好，再去学HTML5就很简单了。了解这些就行了。

Dreamweaver下载地址：在此篇文章最下方，压缩包中包含了注册机和注册方法。也可以参考：Adobe Dreamweaver CC 2015安装及注册方法

此篇学习笔记为网知博学原创，转载请附上文章链接并注明： 网知博学-技术博客