接上一篇,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安装及注册方法

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