最基础的开始学习前端开发

　　学而不思则罔，从最简单，最基础的开始学习前端开发，本文主要讲解我学习前端开发的一些经验也考验一下我的表达能力。前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。在这里呢，我要给大家解释一下，前端呢，其实我们真正常用的单词也就20个左右，今天我们就已经用3个了，width、height、background，当然这3个也是最最常用的，是每次都要书写的。

　　另外就是像格式之类的，同学可能也会有疑问，这次的是div要起名字，style写在head里，div写在body，那还会有多少这样的写法，

　　这一点呢，我可以告诉大家，大家不用担心，因为这是每次我们写前端都要首先写的东西，可以说是固定格式，就类似于做数学应用题，我们首先要写个“解”字，一个道理。

　　最后呢，我想跟同学们说，不管我们以后选择做什么，一定都要坚持去做，世上没有难的事，只有放弃的事。

　　前端需要掌握的技术

　　首先我们学习前端，要知道前端的三个大内容，HTML、CSS、JS，其中HTML和CSS是相互结合着学习，掌握了这两个了以后我们就算真正入门了，然后再深入学习JS等等。

　　HTML，CSS，JS

　　HTML，CSS，JS分别是什么?

　　HTML就相当于一个人，CSS相当于一个人穿着的衣服，JS相当于让这个人做什么动作，这样一形容呢，我们就很好理解了，这个人就是网站，需要有header头，body身体，footer脚……而网站所呈现给我们各种各样的样子就是我们写的CSS样式，网站里的动态效果就都是我们的JS去实现的。

　　零基础如何开始学前端?

　　说到这里，可能大家看这么多的文字有点看不下去了，那我们废话不多说，只要你决定了要学习前端，那就跟我们的课程一点一点学习去设计制作属于你自己的网页吧!

　　我们用到的软件呢，对于入门级来说我们一般推荐大家用Dreamweaver，简称DW，新建一个HTML后，出现的界面是这样的，

　　看到这么多代码不要慌，对我们敲代码没啥影响，下面我们开始敲代码，我们可以看到这里有这样的代码，这个就是我们网页的身体，我们接下来要敲的内容都是在这中间输入的，这个括号表示的标签，标签都是一前一后的，成对儿出现的，除了一些特殊的标签，随后我们再一一给大家讲解。现在我们输入点内容，看看效果。

　　我们输入一个标签

　　，点击右上角的地球浏览一下，会发现弹出了一个空网页，什么也没有，那是因为我们现在只书写了HTML，还没有写CSS，简单来说就是，我们创建了一个东西在页面里，但是还没有设置这个东西长什么样子，现在我们在设置它的样子，

　　1、我们为了给这个div设置样式，所有先给它起个名字不然，电脑不知道我们要给谁加样式，class="aaa" 的意思是起名为aaa

　　2、在里写入这样一组标签这个style的意思就是CSS，我们整个网站要加的所有样式都是写在这个中间的。

　　3、我们在style里写样式，电脑首先要知道我们给谁加样式，所有我们写个.aaa 这个.(点)的意思是我要给aaa加样式，电脑会自动把.(点)后面的名字，跟下面body里的名字做一个匹配，这样电脑就知道，哦~原来你是要给这个div加样式呀，

　　4、然后我们把要给这个div加的样式写在大括号里，width:100px; 意思是这个div的宽是100像素，height:100px; 意思是高是100像素，background-color:#FF0000; 意思是背景颜色是#FF0000这个颜色，

　　注意：这里我要给大家解释一下，大家别看这么多代码，这么多单词，其实软件有提示，像下面这样，直接输入第一个字母后面的单词就出现了，直接选中就行了，连单词都不用背，前端真的很简单，在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。