放暑假没事,看到网上关于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前端有了一个基础的认识,我想已经足够了。现在就来正式学习吧!