标签：
放暑假没事，看到网上关于HTML5 和 CSS3的讨论很多。所以想要趁暑假学习一下web前端。
由于HTML与CSS入门比较轻松，所以我认为可以同时进行HTML, CSS和JavaScript 的学习。今天是第一天的学习记录。全是大白话方便理解。
1 什么是web前段？
我们看到的网站一般分为两部分，第一部分是浏览器和用户之间的交流，也称为前端（front-end），第二部分是浏览器和服务器之间进行的交流（B/S），也就是后端(back-end)。一般来说前端是使用HTML,CSS，javascript来编写给浏览器解析，而后端则使用Php,asp,jsp,.net等编写给服务器进行数据的交换。
从数据交流的角度来分，网页又分为静态网页和动态网页。
用html,css,js来编写的网页是静态网页，不与服务器进行数据交换，即使网页上有动画，交互。只要有浏览器就可以看到看到效果。
而用php,jsp,asp,.net 等编写的网页则称为动态网页，要与服务器进行数据交换。
一句话总结：前端就是我们在浏览器中看到的网页，而后端用户是看不到的，是跑在机房里的。
2. HTML CSS JAVASCRIPT 是什么？
Html,Css,JavaScript 具体是什么我就不介绍了，百度百科比我写的好多了，我就说一下它们能干什么。
Html（超文本标记语言）是一种标签语言，算不得是编程语言，因为它更本没有逻辑性，是用标签来控制网页结构。也就是告诉浏览器在哪里分段啊，在哪里有标题啊之类的。是可以用任意的文本编辑器进行编辑。目前已经发展到了HTML5。
CSS（层叠样式表）顾名思义，是用来表现网页样式的。也就是让我们的网页更加美观，更加好看。比如控制字体，字号，网页背景等。它也是可以用任意的文本编辑器进行编辑。目前已经发展到了CSS3。
JavaScript, 是一种脚本语言。脚本语言是一种解释运行，而不是编译运行的语言，比编程语言(JAVA,C等)更加的简单。它是使用浏览器中的js引擎来进行解释执行。它的作用是用来进行交互（针对用户的特定行为，产生指定的变化），使我们的网页对用户更加的友好，增加用户体验。由于网站上大量的弹出广告，闪烁广告都是有JavaScrip编写的，所以人们不喜欢它，地位很低。而随着近年来用户体验被拉到一个很高的地位，JavaScript越来越受欢迎，已经一跃成为最流行的脚本语言。它也是可以用任意文本器来进行编辑的。
一句话总结，Html就像是一个没有穿衣服的机器人，而CSS给它穿上了衣服，JavaScript让他能对人们的命令做出反应。
好了，明白了这些，我们就能得到一个非常重要的结论：
网页的三个层次：
a. 结构层：使用html结构化网页内容；
b. 表现层：使用css表现网页样式；
c. 行为层：使用JavaScript进行网页的交互，提高用户体验；
3. 学习web前端的一些建议（慢慢更新）
web前端技术是一门新的技术，一般的大学没有开设有关课程。所以一般都靠自学。虽然学习门槛很低，但是想要精通，需要很大的努力。
教程推荐w3school教程
编辑器推荐sublime。但是初学者建议使用notepad++或者windows自带的文本编辑器进行编辑，好熟悉代码。
好了，现在我们就已经对web前端有了一个基础的认识，我想已经足够了。现在就来正式学习吧!
标签：
原文地址：http://www.cnblogs.com/cdh-fw/p/4177129.html
