给零基础学网页小伙伴的一封信

互联网时代，无论是打开电脑，还是手机，网络技术服务都无时无刻不伴随在我们左右。当我们从一个受众的消费个体开始思考成为让更多人受益的网络产品制作者，那种来自新技术的狂想和喜悦将使您感受到前所未有的奇迹。

现在，假定你是一个拥有了网站开发技能的人，你可以做什么呢？

——你多了一个就业的渠道，要知道IT在全世界就业人群中比例激增，这个热门行业虽然需求旺盛，但远远没有满足人力的要求；

——你有新点子、新创意吗？自己开个网站折腾吧，没有哪里写着：你不能成为第二个马云，况且马云出道之前只是一位默默无闻的老师，他过去不懂技术，但现在他驾驭了技术并创造了这个时代的奇迹；

——你有自己的买卖、生意，多了这项技能你可以把现实产业扩充到网络营销，要知道全世界98.33%的知名企业都在使用互联网技术为自己谋福利；

——你至少多了一个谈资，我懂这些，你蒙不了我，当有朝一日你领导一个公司或在一个单位任职，免不了将接触信息化的方方面面，有了这项技能，你将是一个明白人。

——还有许多许多，俗话说，技不压身，多一个技能，你难道不觉得自己开始徘徊在牛A和牛C之间了吗？

一个分界线，当你看到这封信的这一段，你会继续读下去的话，让我们说说学习网站开发的态度。

态度决定一切，不是吗？当你抱着试试看的态度来时，你对自己全然不知，你在关心要学什么？我能不能学会？我行吗？等等。其实我告诉你，没有笨的脑子，只有懒的心灵。现在，如果你同意这个看法，请把你的态度纠正为——

“我要学，并且一定要学会！”

你只有树立这样的学习态度，才能扫除一切未知和已知的障碍。让自己没有退路，让学习这门新技能成为必然要求。

有了好的态度，更不能盲目自信，接下来让我给您说一说这项新技能需要学习哪些东西吧。为了避免生僻难懂，我们来打个比喻，做一个网站好比建造一座房屋，网站由很多个网页搭配组成，那么网页相当于一个房间，现在让我们一起把这座房屋建完。

准备建材——学习网页的组成部分

建造房屋前，我们需要买钢筋、砖块、混凝土等材料，做网页也是一样的，需要把组成网页的各个部分学清楚，网页是由一种叫“标签”的东西组合而成的，一般来说，这些不同的标签就像区分钢筋、砖块一样，总共约有89个，它们将在网页中扮演不同的角色。

这些标签放在一起，有一个共同的名字叫HTML，它是英文：Hyper Text Markup Lanugage的缩写，意思是：超文本标记语言。

搭建房间——把网页标签组合在一起

别紧张，一看到英文+注释就蒙了吗？别那么胆小，让我来为你解释一下，超文本的意思就是比文本还要牛的东西，其实我们早就接触过了，比如把原本没有格式的文字加粗、变色、变大，又比如图片、音乐、视频、游戏等等，这些都是超文本的表现；那么什么叫标记语言呢？标记语言和以前您听说的C语言、JAVA什么的不同，那些属于复杂的高级编程语言，但HTML这种语言不用那么复杂，它使用两个尖括号把我们前面提到的标签括起来，按照顺序排列在网页中就可以了。

关于这种语言该以什么样的方式和规范排列，我们将在开课后给大家细细讲解，在这里您只需要有个基本概念就可以了。

开始装修——网页样式

黄瓜都知道刷了绿漆扮个嫩，房间建好了，得装修吧，给房间里的窗户涂上什么颜色，用什么材料，地板弄成什么样的，灯饰怎么选择， 这些工作在网页中的表现就是：样式。样式的英文是：style，这个单词大家一定要记住，不是有个短语叫in style吗？它的意思是：时髦的、时尚的，那么老旧的、古板的，就可以说成是：out of style。别一看英语就发毛，我们只说style——样式。

网页里许多的样式，比如改变字体颜色、粗细、大小，给文字加边框，给图片指定大小宽度高度、让按钮变成圆角等等，这些样式组合在一起就叫——样式表。前面说到，多个标签按顺序组合在一起成为网页，那么给网页装修用到的样式表也可以单独写在一起，组成一个叫“层叠样式表”的东西，英文名字叫：CSS，是英文Cascading Style Sheets 的缩写。

记住啦，一说起CSS，就是指给网页装修的一堆样式的意思，别再觉得这东西离自己太遥远了。

让房间“动”起来——实现网页交互功能

房间里要安装电线、网线、路由器、电脑、电话、电灯等家用电器，让它们能运转起来必须有一套程式驱动，在网页里，比如想让文字动起来，让图片一闪一闪的，或者幻灯片啊，视频自动播放啊，甚至网页游戏里那些绚丽多彩的变化都是网页更复杂的交互功能的体现。

这些功能的实现，靠一种叫JAVASCRIPT的脚本技术，平时业内都称呼为JS，它是JAVA语言衍生出来的脚本语言，不过不要紧张，这种语言要比JAVA简单多了，为什么叫脚本技术呢？你可以百度一下，大致意思是让HTML+CSS的网页更加富有戏剧性，就像电影脚本、电视剧脚本一样吧！你可以这样理解。

JS实际上是整个网页前端开发中比较复杂的东西，因为它涉及到了程序思想，一个从来没有编过任何程序的人是没有程序逻辑思维的，如何建立起来，我们将在后面的授课中给同学们具体的讲授，在这里，大家不要畏难，当经过了5-10节的训练，相信你能很好的理解这个东西到底是什么？该怎么用？

一个房间不同展现——动态网页技术

我们制作一个网页，如同建造一个房间，当你在互联网上看到一些网页随着时间的变化、用户的操作也会发生变化，啊，网页不是死的，它可以变，就像房间里每天因为东西的变化而表现不同一样。

那么网页在什么情况下会发生变化呢？

——用户提交新的数据时，比如发帖、发微博、发微信等；

——用户修改数据时，比如修改博客、修改文章等；

——用户删除数据时，比如删除帖子、博客、微博、微信时；

——用户搜索数据时，比如搜索帖子、微博、博客、微信朋友圈文章时。

——时间发生变化时，会让网页也改变，比如在某种情况下，网页需要限制哪些时间不能访问；

——不同的IP地址可以呈现不同的网页，比如黑名单用户访问网页时提示不存在；

——对登录的限制，游客、会员、VIP会员对同一网页的访问展现是不同的。

……

我们把这一系列的变化，成为网页的动态服务器技术，它们由更高级的语言驱动形成，我们也管它叫网页的后台技术，关于网页后台技术属于网页开发的核心环节，它们包括了服务器环境、数据库、语言框架等，您可以理解为：语言框架用来编写动态网页，数据库用于存储用户增删改查的数据，并通过服务器环境将动态网页转化为前面说的HTML+CSS+JS。

好了，这封信写到这里就结束了，网页设计与开发涉及到很多方面的知识，学习没有捷径。最后，祝愿你都能学有所成，你会是那个最好的，对吗？加油！！