文档介绍：犀牛课堂小程序培训课——培训讲师:Tabniu微信小程序开发工具1、打开浏览器输入./debug/wxadoc/dev/devtools/?t=1475052055364打开页面2、查看系统信息3、选择下载对应的工具4、安装工具5、打开工具(需要微信扫描登录)6、尝试运行微信小程序学完你能做什么?怎么做?1、你能够独立的编写自己的网页,如个人简历。2、微信运营人员完全可以抛开网络上的微信编辑器,自己想做啥样就啥样,完全自己做主。3、你可以胜任初级web前端的岗位要求。4、你可以做自己想要的微信功能(基于你强大的javascript编程能力)5、除了以上,你可以开发网络上任何一家提供api的接口,实现自己想要的应用程序。如淘宝客,地图导航,天气预报等等。案例:和手机浏览器打开是不同的风格,该案例用html+css+javascript+php+淘宝客api开发怎么做?通过教学,学会基础的知识,亲自动手,不懂先百度,再不懂问网友。周而复始,锻炼自己的一套学习方法和学习技巧。就像你一开始玩lol一样,拿出那样的游戏精神,大不了坑了队友呗,坑一次两次就够了,关键要学会思考,能做什么?先做什么?再做什么?不用一年,你一定会成为高手。网络视频的合理利用优酷视频:电脑打开优酷视频,搜索关键字“html基础教程”选择适合自己的视频观看。学习小程序所需的技能1、软件的使用(代码的辅助工具)浏览器:浏览器很多,有谷歌浏览器,火狐浏览器,ie浏览器,qq浏览器等,这里我们统一使用火狐浏览器调试。(没有火狐没关系,只要你有浏览器就行。只不过火狐好一点,不影响开发)编辑器:编辑器也有很多,有自带的文编编辑器,dreamweaver,eclipse,androidstudio都行,这里我们统一使用Dreamweaver编写代码。(没有dreamweaver也没关系,只要你的系统是windows,有记事本就ok)不要纠结细节。掌握方法才是学语言(与浏览器沟通的一种方式,最基础)3、CSS:层叠样式表(就想人的衣服一样,装饰的,但很重要!!!)4、JavaScript:2016最火的网络脚本语言,往后几年会一直火下去(必须会!!!)。在这里要感谢微信大神:张小龙。html基础课程HTML:超文本标记语言标签:<html></html>闭合标签、<br/>自闭标签<img/><hr/>HTML很重要,重要,一定要学好。HTML标签的熟练使用如:<div><a><span><b><img><input><table><tr><td><p><ul><ol><li><dl><dt><dd>等等。演示常用的标签,并在浏览器打开,查看效果html代码分:块级元素/行内元素html在线手册地址:/html/多看为什么要学习css?怎么学?在学习之前我们要明白学习css是为了什么?1、前面我们提到css是一种“装饰”语言。是人的衣服,是多彩的,是多样化的,是灵活的。2、学习css我们能够把网页或者小程序(产品)打扮漂亮,为了让用户看起来舒服,用起来爽,专业点就叫用户体验佳,css就起到关键的作用。怎么学???1、学习css之前html要熟练,没有墙面(html)的话,我们给墙面怎么刷漆(css装饰)?对不对?2、看视频教程,看书籍,写代码,调试代码,多思考。3、坚持下去,选择他就要把他学好,不忘初心。网络在线手册地址:/css/css基础课程css中文名称:层叠样式表css语法:由两个主要的部分构成:选择器,以及一条或多条声明选择器:通常是指需要改变样式的html元素每条声明:由一个属性和一个值组成(如p{color:red;})p就是一个html元素(标签)一个属性是color(颜色),一个值是red,中间用英文冒号隔开:在值的后面用英文的分号结束;一条声明:例如p{color:red;}p{color:red;}也可以多条声明:例如p{color:red;text-align:center;}多条声明用;隔开,可以写在一行;注意:英文状态下的分号p{ color:red; text-align:center; text-indent:24px;}也可以这样编写,;css高级语法同时定义多个元素多组声明的写法,英文状态下的逗号p,h1,h2,div,table{ color:red; font-size:16px;}4种css的加载方式1、行内方式<pstyle=”color:red;font-size:14px;line-height:30px;”>一段文本</p>这里我们定义了段落的字体为红色,字体大小为14像素