项目1 制作新闻网站__eol__项目情景………………………………………………………………… 002 __eol__项目分析………………………………………………………………… 002 __eol__学习目标………………………………………………………………… 002 __eol__知识准备………………………………………………………………… 003 __eol__1. HTML简介 ……………………………………………… 003__eol__2. HTML元素 ……………………………………………… 004 __eol__项目实施………………………………………………………… 014__eol__ 1. 创建新闻首页和二级页面 ……………………………… 014__eol__2. 添加新闻页面内容 ……………………………………… 014__eol__3. 添加二级页面内容 ……………………………………… 016__eol__4. 实现页面跳转功能 ……………………………………… 018__eol__项目拓展………………………………………………………………… 018__eol__项目2 制作购物网站__eol__项目情景………………………………………………………………… 020 __eol__项目分析………………………………………………………………… 020 __eol__学习目标………………………………………………………………… 021__eol__ 知识准备………………………………………………………………… 021 __eol__1. CSS 简介 ………………………………………………… 021__eol__2. CSS 语法 ………………………………………………… 023__eol__3. CSS 选择器 ……………………………………………… 023__eol__4. CSS 常用样式 ………………………………………… 034 __eol__项目实施……………………………………………………………… 044 __eol__1. 创建文件 ………………………………………………… 044__eol__2. 链接到外部样式文件 …………………………………… 045__eol__3. 导航栏样式 ……………………………………………… 045__eol__4. 左边栏 …………………………………………………… 047__eol__5. 右边栏 …………………………………………………… 050__eol__6. 底边栏 …………………………………………………… 052__eol__项目拓展………………………………………………………………… 053__eol__项目3 制作项目提成计算器__eol__项目情景………………………………………………………………… 056 __eol__项目分析………………………………………………………………… 056 __eol__学习目标………………………………………………………………… 057__eol__ 知识准备………………………………………………………………… 057__eol__ 1. JavaScript 简介 …………………………………………… 057__eol__2. JavaScript 基础知识 ……………………………………… 058__eol__3. HTML DOM …………………………………………… 069 __eol__项目实施……………………………………………………………… 074__eol__ 1. 创建项目主体 …………………………………………… 074__eol__2. CSS美化页面 …………………………………………… 075__eol__3. 业务逻辑功能实现 ……………………………………… 077__eol__项目拓展………………………………………………………………… 080__eol__项目4 制作房屋装饰网站__eol__项目情景………………………………………………………………… 082 __eol__项目分析………………………………………………………………… 082 __eol__学习目标………………………………………………………………… 083 __eol__知识准备………………………………………………………………… 083 __eol__1. HTML5简介 ……………………………………………… 083__eol__2. HTML5语义化标签 ……………………………………… 083__eol__3. HTML5表单 …………………………………………… 086 __eol__项目实施……………………………………………………………… 097__eol__ 1. 创建项目主体 …………………………………………… 097__eol__2. 顶部搜索栏 ……………………………………………… 098__eol__3. 导航栏 …………………………………………………… 099__eol__4. 创建房屋信息/音乐播放区块…………………………… 100__eol__项目拓展………………………………………………………………… 101__eol__项目5 体验小程序项目模板__eol__项目情景……………………………………………………………… 104 __eol__项目分析……………………………………………………………… 104__eol__学习目标………………………………………………………………… 104__eol__知识准备………………………………………………………………… 104__eol__1. 小程序简介 ……………………………………………… 104__eol__2. 小程序与普通页面的开发区别 ………………………… 105__eol__3. 小程序运行环境 ………………………………………… 105__eol__4. 开发者工具 ……………………………………………… 105__eol__5.工具类文件 …………………………………………… 113 __eol__项目实施……………………………………………………………… 113__eol__ 1. 注册微信公众平台账号 ………………………………… 113__eol__2. 安装开发者工具 ………………………………………… 117__eol__3. 创建小程序 ……………………………………………… 117__eol__项目拓展………………………………………………………………… 118__eol__项目6 制作ToDoList小程序__eol__项目情景………………………………………………………………… 120 __eol__项目分析………………………………………………………………… 120 __eol__学习目标………………………………………………………………… 121 __eol__任务1 开发ToDoList小程序 ………………………………………… 122__eol__ 任务描述………………………………………………………………… 122__eol__ 知识准备………………………………………………………………… 122 __eol__1. 小程序视图组件（view） ……………………………… 122__eol__2. scroll-view组件 ………………………………………… 123__eol__3. 小程序表单组件——输入框input ……………………… 124__eol__4. 小程序表单组件——按钮button ……………………… 126__eol__5. 小程序WXML——页面传参wx:for …………………… 130__eol__6. 小程序WXSS …………………………………………… 132__eol__7. JavaScript中的 Page ()函数 ……………………………… 132__eol__8. JavaScript交互 …………………………………………… 134__eol__9. 小程序API——setData函数 …………………………… 135__eol__ 任务实施……………………………………………………………… 135 __eol__1.初始化 …………………………………………………… 135__eol__2.添加输入框 ……………………………………………… 136__eol__3.添加保存按钮 …………………………………………… 138__eol__4.把list存储的数据展示在页面 …………………………… 139__eol__5.完整代码展示 ………………………………………… 141 __eol__任务2 发布ToDoList小程序 ………………………………… 143__eol__ 任务描述…………………………………………………………… 143__eol__ 知识准备…………………………………………………… 143 __eol__微信公众平台小程序发布流程 ………………… 143 __eol__任务实施………………………………………………………… 146 __eol__1.开发者工具使用 ………………………………………… 146__eol__2.微信公众