1、下载软件 Dreamweaver （1 天）
自行搜索，下载 Dreamweaver，具体细节不赘述。
原因：不管你是准备在 Win 环境下开发，还是在 Linux 环境下开发，先用一个好的 IDE 可以省掉很多麻烦，代码提示功能简直是新手的福音。过早地脱离代码提示，有好有坏，建议使用。
2、上 w3school 学习
HTML 基本知识 （1 - 2天）、CSS、CSS3 基本知识 （1 - 2天）
这两天的 HTML 与 CSS 的代码，尽量每一个都点进“试一试”里面看过代码，当然，如果在 Dreamweaver 上面敲过一遍就更好了，这里的知识后面得经常查，如果记住了，就没那么多事了。
（CSS3 的边框阴影看起来简单，但是用得好可以实现立体设计，画面凸显感强。选择平面化设计还是选择立体化设计，看个人喜好了）
3、学习 JavaScript、HTML DOM（2天）
还是在 w3school 上面学，这些知识在w3school上面贵在有很多例子，把例子过一遍，既可以学到知识，又可以强化案例，等自己脑海突然想到某个实现方法的时候，往往可以回这里找找类似的案例实现，稍加更改就可以了
4、jQuery （4天）
jQuery 这部分花的四天，只有一天是在花在 w3school 上面，后面的时间都花在折腾 jQuery 插件上了。
其实到这里，大家已经可以对自己的页面进行规划了。我怕是在学了 CSS 之后就开始设计自己的页面的，每学一部分内容，就改进一下设计。
JavaScript 可以将网页上的动作进行即使响应，常用的按键响应都是挺简单的。
假如我们有时候突然想到了一个比较复杂的展现方式，用 JavaScript 的话，得自己做很多设计，实现很长的代码，令人头大。这时候可以用上 jQuery 插件了，比如 我想做一个“弹框页面”，按下按键后，弹出高一层的窗口，这时候初学者的我们比较难马上做出来。所以百度、Google 一下关键词 jQuery弹框插件，就有挺多别人实现好的案例，根据他提供的API 进行调用就可以了。
有时候用不起来，我常常是到他的 demo 页面，按 F12，直接查看他的页面代码。这个方法虽然有点笨，但是可以实打实地了解到他的页面布置方法。
经过了上面部分的学习，我们已经可以将页面设计得有模有样了。但是页面只是一部分，作为IoT，最核心的其实是数据的传输问题（个人观点）。
接下来就到了进阶学习的时候了。
5、配置 LNMP（Linux + Nginx + Mysql + Php） （2-4天）
这里默认你们已经熟悉Linux的使用了，具体的布置细节可以参考以下的链接：
为小内存低配置 LNMP 服务器设置nginx+mysql+php
当你可以在局域网内浏览树莓派上的Nginx欢迎界面的时候就成功了。
这里多讲一点，LNMP主要是 平台+服务器+数据库+后端程序，不使用LNMP也有其他的架构，LAMP，WAMP都有，具体自查。
6、学习 Mysql（1 – 2天）
这部分学习我们常用的插入，删除，查询就差不多了。
Mysql 的创建用户及权限问题可自行百度。
具体操作 Mysql 时，我们一般用其他语言来进行操作，但是用到的语句也与内部语言基本相同。
7、学习 Php/ASP（4天）
单纯学习 Php/ASP 没太多用处。
Php 相对而言更跨平台一些，而且与 Nginx 搭配使用也不错。
ASP 是 Win 平台的产物，如果想搭建 WAM（Win + Apache + Mysql） 也是可以的。
JavaScript 与 Php 是相对而言的，Js 是前台动作（将页面上的操作即时反应），Php 是后台动作（将动作所涉及的内容提取出来）
8、学习前后台数据交换 AJAX、JSON （2 – 4 天）
还是在 w3shool 上面学，具体情况具体百度（百度未必不必谷歌好，在谷歌上部分资料是未经过整理的，在百度上往往能查到关键词匹配度比较高的内容，很多人也遇到了与你相同的情况）。
9、发布网站
我使用的是新花生壳。
这里有一个坑，一般我们家庭分到的ip很多都不是专线 ip，而是网络运营商 NAT 分配的，意思就是我们分到的 ip 是网络运营商那边路由器分配的 ip。具体可以百度关键词 我的ip，然后查看路由器 192.168.1.1 里面的 ip，两个不对应就是 NAT 过的。NAT 过的 ip 是无法直接用花生壳进行网页发布的，使用新花生壳来直接映射局域网端口则可以实现，不过需要申请账号，一天一抽，看手气了，也可以等公测版。
总结：基本知识学习顺序就是这样了，每个人学习的快慢不同，后面的时间仅作参考。主要还是大家心中有一个目标设计方向，然后针对性地找资料就很快了。相信大家也能尽快制作出自己满意的网页。当然这些知识只是这样学过，只是到能用的程度而已，大家如果想要往前端发展，每一个部分都有很长的路，我是走底层路线的，所以只能浅尝则止了。 共勉：）
© 2014 plinx