-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 215 KB
/
index.html
1
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta charset="UTF-8"><title>10小时学会制作个人网站</title><script type="text/javascript" src="outliner.js"></script><link href="styles.css" type="text/css" rel="stylesheet"></head><body id="wholeDocument" data-theme="light" class=""><div id="centered"><!--Column Titles--><table id="column-header"><tr data-level="header" id="header"><td style=""><div><div><div class="force-wrap white-space">主题</div></div></div></td><td style=""><div><div><div class="force-wrap white-space">Inquiry Learning</div></div></div></td><td style=""><div><div><div class="force-wrap white-space">Learning by reading</div></div></div></td><td style=""><div><div><div class="force-wrap white-space">Learning by doing</div></div></div></td><td style=""><div><div><div class="force-wrap white-space">Learning by speaking</div></div></div></td><td style=""><div><div><div class="force-wrap white-space">Learning by practice</div></div></div></td><td style=""><div><div><div class="force-wrap white-space">Learning by comments</div></div></div></td></tr></table><table data-level="1" id="oH_yt0FVDuw" class="whole-row root"><tr class="outline-row level-1"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 9px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ioH_yt0FVDuw" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">10小时学会制作个人网站</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="2" id="oL9HlkAiv7o" class="whole-row"><tr class="outline-row level-2"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 25px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ioL9HlkAiv7o" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">启动 Coding Inception</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="gnvMud-7EJL" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ignvMud-7EJL" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">开课说明</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="mddP0t0Lntc" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">课程目标</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nmddP0t0Lntc" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">课程结束后具备能力在Bootstrap模板的基础上，做出<a href="http://girlscodingday.org/" target="_blank">女性编程日</a>这样的个人网站</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="4" id="baNqp2wI_L_" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ibaNqp2wI_L_" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">软件和工具</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="em0RFcX41T0" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">下载并安装浏览器 Chrome</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">下载浏览器<span> </span><a href="http://cn.bing.com/search?q=chrome" target="_blank">http://cn.bing.com/search?q=chrome</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="lpH7EzmDtgN" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">下载并安装「文本编辑器」<span> </span><a href="https://atom.io/" target="_blank">Atom</a></div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">略读<span> </span><a href="https://zh.wikipedia.org/wiki/%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8" target="_blank">文本编辑器</a><a href="https://zh.wikipedia.org/wiki/%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8" target="_blank"> - </a><a href="https://zh.wikipedia.org/wiki/%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8" target="_blank">维基百科</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="no3dO9CYHPg" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">注册<span> </span><a href="http://codepen.io/" target="_blank">http://codepen.io/</a></div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="n2qDAxSgFLn" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">注册<a href="https://github.com/" target="_blank">GitHub</a></div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Github能用来做什么？</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">略读<span> </span><a href="https://www.zhihu.com/question/20070065" target="_blank">怎样使用</a><a href="https://www.zhihu.com/question/20070065" target="_blank"> GitHub</a><a href="https://www.zhihu.com/question/20070065" target="_blank">？</a><a href="https://www.zhihu.com/question/20070065" target="_blank"> - </a><a href="https://www.zhihu.com/question/20070065" target="_blank">知乎</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="jy5lTIZAGwh" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">安装<a href="https://desktop.github.com/" target="_blank">GitHub Desktop</a></div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">阅读并操作<span> </span><a href="https://help.github.com/desktop/guides/getting-started/authenticating-to-github/" target="_blank">Authenticating to GitHub</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">按照阅读内容，配置好<a href="http://github.com" target="_blank">github.com</a><span> </span>的帐号信息</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="kGkeEO_DDMO" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">手机安装「迅飞输入法」</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">手机上安装软件「迅飞输入法」</div><div class="force-wrap white-space" style="padding-top: 6px;"><a href="https://ime.voicecloud.cn/" target="_blank">https://ime.voicecloud.cn/</a><span> </span>，<span> </span>试用语音转文字的功能。</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">尝试着用迅飞讲解一个概念「文本编辑器」</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="jO5pvNyGER9" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">下载概念图开源软件<span> </span><a href="http://cmap.ihmc.us/" target="_blank">Cmap</a></div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="afutb3Et5EF" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iafutb3Et5EF" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">学习方法</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nafutb3Et5EF" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">不是所有的概念和知识点都严格按照该方法教授。</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="5" id="l_5PXI9fVqj" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="il_5PXI9fVqj" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">建立在学习观念基础上的教学方法</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="mJ2iimGMP63" class="whole-row"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">探究式学习 Inquiry Learning</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="bRsmcVfq5Be" class="whole-row"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">自主学习 Autonomous Learning</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="kxcw-SNqdC6" class="whole-row"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">社会化学习 Social Learning</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="dxZHXgcDy0r" class="whole-row"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="idxZHXgcDy0r" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">普通学习法</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="7" id="dN7x48J7aDe" class="whole-row note-expanded"><tr class="outline-row level-7"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 105px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="idN7x48J7aDe" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">1</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">Learning by doing</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="7" id="ndN7x48J7aDe" class="whole-note"><tr class="note-row level-7"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 105px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">1</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">学员模仿教材</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="8" id="iUOi0y-mSD_" class="whole-row"><tr class="outline-row level-8"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 121px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">学员自己读教程</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="8" id="hh4ssdnXE_D" class="whole-row"><tr class="outline-row level-8"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 121px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">学员自己做</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="7" id="ddh4dBmbya8" class="whole-row"><tr class="outline-row level-7"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 105px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iddh4dBmbya8" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">2</td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Learning by speaking</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="8" id="aRXVKpEzElK" class="whole-row"><tr class="outline-row level-8"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 121px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">教练讲解概念、组织大家以「概念图命题」的方式来表述</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="8" id="daYkms30Hn5" class="whole-row"><tr class="outline-row level-8"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 121px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="idaYkms30Hn5" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">学生自己讲解对概念和知识点的理解</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="9" id="gBNRDvpSsIs" class="whole-row"><tr class="outline-row level-9"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 137px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">使用手机软件迅飞讲，转成文字修改后保留</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="9" id="nd7cnpw4rPw" class="whole-row"><tr class="outline-row level-9"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 137px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">发到微信群与同学分享</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="7" id="dD9YuhXzKR2" class="whole-row note-expanded"><tr class="outline-row level-7"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 105px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">3</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">Learning by practice</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="7" id="ndD9YuhXzKR2" class="whole-note"><tr class="note-row level-7"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 105px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">3</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">课堂练习。开放性的练习题目，没有具体的指导步骤。</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="7" id="m6g_sUm9toJ" class="whole-row note-expanded"><tr class="outline-row level-7"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 105px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="im6g_sUm9toJ" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">4</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">Learning by feedback</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="7" id="nm6g_sUm9toJ" class="whole-note"><tr class="note-row level-7"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 105px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">4</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">练习后反馈</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="8" id="aNiWKcNO_3_" class="whole-row"><tr class="outline-row level-8"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 121px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">教练评论学生的作业</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="8" id="d-96SgVFkgb" class="whole-row"><tr class="outline-row level-8"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 121px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">学员自己讲讲该作业的构建过程以及难易度</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="bEbcPwQRCke" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">可视化教学 - 概念图</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 什么是概念图？</div><div class="force-wrap white-space" style="padding-top: 6px;">2. 概念图如何辅助学习?</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank">概念图</a><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank"> - </a><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank">维基百科，自由的百科全书</a></div><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;"><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank"> </a><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank">用</a><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank">CmapTool</a><a href="https://zh.wikipedia.org/wiki/%E6%A6%82%E5%BF%B5%E5%9B%BE" target="_blank">畫概念圖</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">使用软件<span> </span><a href="http://cmap.ihmc.us/" target="_blank">Cmap</a><span> </span>画一些自己熟悉的对象（object）或者事件（event）的概念图</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="mGBQVWy2-3O" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">刻意练习</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="opHfjDX5YB9" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iopHfjDX5YB9" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">WEB基本知识</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="ot3g64EbwwJ" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">先认识几个名词：单机 -> Client/Server -> Browser/Server</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Task：使用搜索引擎搜索关键词，阅读自己搜索到的文章。</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 向大家讲解自己对「C/S B/S」概念的理解，并用迅飞记录下自己每次的讲解。</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 画图，用可视化的方式来表达自己的理解。2. 针对 C/S 和 B/S 两种模式，互相提出问题，并回答。3. 怎么去判断 BS CS？例如小程序</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">老师和同学互相评价</div></div></div></div></div></td></tr></table><table data-level="4" id="not3g64EbwwJ" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">单机：软件没有联网的需求，只是用来做科学或者金融运算，就连游戏也以单机为主。大家举例</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="4" id="fjkSqqrdHxC" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ifjkSqqrdHxC" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">了解WEB工作原理</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Task：用搜索引擎搜索相关关键词，例如「How web works」</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nfjkSqqrdHxC" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 1284px; height: auto" src="How_the_Internet_Works.jpg" alt="How_the_Internet_Works"></div><div class="force-wrap white-space">阅读：<a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works" target="_blank">https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works</a></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="5" id="adIeURdYEGk" class="whole-row note-expanded"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">1</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">HTTP处理流程是怎么样的？</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="nadIeURdYEGk" class="whole-note"><tr class="note-row level-5"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 73px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">1</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">建立连接-->客户端浏览器发送请求信息--->web服务器解析请求并找到相应的资源将文件以及其它信息组成HTTP响应返回客户端-->关闭连接。</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="5" id="caPXM-eqNJl" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="icaPXM-eqNJl" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">2</td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">WEB工作的三种方式</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Task：1. 搜索「3-Tier Web Architecture」2. 「静态网站和动态网站」</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="a_HNmGQx5vv" class="whole-row note-expanded"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">1)</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">服务器不带应用程序和数据库，直接请求HTML文件</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="na_HNmGQx5vv" class="whole-note"><tr class="note-row level-6"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 89px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">1)</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"></div><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 393px; height: auto" src="1_1_1_1_1.jpg" alt="1"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="6" id="lKfVVFkOsay" class="whole-row note-expanded"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">2)</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">服务器带应用程序</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="nlKfVVFkOsay" class="whole-note"><tr class="note-row level-6"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 89px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">2)</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 374px; height: auto" src="2.jpg" alt="2"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="6" id="cspckBtifCV" class="whole-row note-expanded"><tr class="outline-row level-6"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 89px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">3)</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">服务器带应用程序和数据库</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="6" id="ncspckBtifCV" class="whole-note"><tr class="note-row level-6"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 89px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">3)</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 546px; height: auto" src="3.jpg" alt="3"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="5" id="ixclq-s5LyP" class="whole-row note-expanded"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label" style="padding-top: 6px; width: 1px; ">3</td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">服务器</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;"></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="nixclq-s5LyP" class="whole-note"><tr class="note-row level-5"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 73px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label level" style=" color: rgba(0,0,0,0); width: 1px; ">3</td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><span class="" style="font-weight: 700; ">是担负服务任务的机器。</span></div><div class="force-wrap white-space">这些服务任务由一般专门的软件来完成。</div><div class="force-wrap white-space">一般地，把具有某种服务功能的服务器软件及其所在的机器，都统称为XX服务器（XX表示某种具体服务）。这些软件可以集中于一台机器中（如图5），这样的机器可以称为集中式服务器；也可以单独存在于某台机器中（如下图<span> </span><img style="vertical-align: middle; width: 100%; max-width: 585px; height: auto" src="241108005308013.png" alt="241108005308013">），这样的机器可以称为独立式服务器，多个独立式服务器可组成服务器群或矩阵。</div><div class="force-wrap white-space"></div><div class="force-wrap white-space">由交换机可以将多个服务器连接起来称为一个服务器群，以下是常见的服务器软件：<img style="vertical-align: middle; width: 100%; max-width: 707px; height: auto" src="4.png" alt="4"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="5" id="n9RzfPvuDPT" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">优点：跨平台/设备</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="i2PrQ6Xgi8s" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">HTML/CSS/Bootstrap/Javascript 对于WEB分别意味着什么?</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">To-Do：搜索关键词</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="ni2PrQ6Xgi8s" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 972px; height: auto" src="html_with_css_vs_html_css_bootstrap_js.jpg" alt="html_with_css_vs_html_css_bootstrap_js"></div><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 282px; height: auto" src="images.png" alt="images"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="4" id="ohsLM75MgA5" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">CSS和HTML的关系</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="lgAddQ2Jvir" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ilgAddQ2Jvir" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">WEB历史</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="lF3OIPkiGQI" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">Web1.0 vs Web2.0</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Task：搜索关键词</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nlF3OIPkiGQI" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">阅读<span> </span><a href="https://zh.wikipedia.org/wiki/Web_2.0" target="_blank">https://zh.wikipedia.org/wiki/Web_2.0</a></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="4" id="gr-ZY2odLCu" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">浏览器大战</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Task：搜索关键词</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">写一篇文章介绍浏览器大战</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="ngr-ZY2odLCu" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">阅读<span> </span><a href="http://article.pchome.net/content-703364.html" target="_blank">http://article.pchome.net/content-703364.html</a></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="2" id="ifO7G5rRKkG" class="whole-row"><tr class="outline-row level-2"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 25px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iifO7G5rRKkG" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">HTML</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="pEePAA6UC8q" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ipEePAA6UC8q" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">初识HTML</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-size: 12px;">尝试向你的同学解释下列概念：</span></div><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-size: 12px;">1. </span><span class="" style="font-size: 12px;">什么是文本（</span><span class="" style="font-size: 12px;">Text</span><span class="" style="font-size: 12px;">）？</span></div><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-size: 12px;">2.</span><span class="" style="font-size: 12px;">什么是超文本（</span><span class="" style="font-size: 12px;">HyperText</span><span class="" style="font-size: 12px;">）</span><span class="" style="font-size: 12px;">? </span></div><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-size: 12px;">3.</span><span class="" style="font-size: 12px;">什么是标记语言（</span><span class="" style="font-size: 12px;">Markup Language</span><span class="" style="font-size: 12px;">）</span><span class="" style="font-size: 12px;">?</span></div><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-size: 12px;">4. </span><span class="" style="font-size: 12px;">什么是网页（也叫</span><span class="" style="font-size: 12px;">HTML </span><span class="" style="font-size: 12px;">文档）？</span></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. <span class="" style="background-color: rgba(0,0,0,0); ">阅读</span><span class="" style="background-color: rgba(0,0,0,0); ">W3School HTML</span><span class="" style="background-color: rgba(0,0,0,0); ">教程，阅读到响应式设计这一章节</span><span class="" style="background-color: rgba(0,0,0,0); "><span> </span></span><span class="" style='font-family: "Optima", sans-serif; font-style: normal; font-size: 13px;background-color: rgba(0,0,0,0); '><a href="http://www.w3school.com.cn/html/html_responsive.asp" target="_blank">http://www.w3school.com.cn/html/html_responsive.asp</a></span></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="gfbbyQdB44q" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="igfbbyQdB44q" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">常用HTML术语</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="ngfbbyQdB44q" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 650px; height: auto" src="html-tag.gif" alt="html-tag"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="5" id="lB3yRD2oVR2" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">元素 - Element</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 什么是HTML元素(HTML Element)？</div><div class="force-wrap white-space" style="padding-top: 6px;">2. HTML文档和HTML元素什么关系？</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="ceYZnp0nBaK" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">标签 - Tag</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-size: 12px;">什么是</span><span class="" style="font-size: 12px;">HTML</span><span class="" style="font-size: 12px;">标签（</span><span class="" style="font-size: 12px;">HTML Tag</span><span class="" style="font-size: 12px;">）？</span></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="j-6y1Gp9gzF" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">属性 - Attribute</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 什么是属性？<span> </span></div><div class="force-wrap white-space" style="padding-top: 6px;">2. 标签和属性是什么关系？</div><div class="force-wrap white-space" style="padding-top: 6px;">3. 什么是属性的名称/值对形式？</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="j_07GU44Vzu" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">HTML文档结构</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"><span class="" style="font-weight: 700; ">创建一个简单页面</span></div><div class="force-wrap white-space" style="padding-top: 6px;">1. 打开我们的文本编辑器, 创建一个名为index.html新文件, 并将其保存到我们不会忘记的位置，例如在我的桌面上创建一个名为 “女性编程日” 的文件夹, 并将该文件保存在那里。</div><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;">2. 在index.html 文件中, 添加文档结构, 包括 <!DOCTYPE html>文档类型和 <html>、<head> 、 <body> 元素。</div><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;">3. 在 <head> 元素中, 添加 <meta> 和 <title> 元素。<meta> 元素应包括正确的字符集属性和值, 而 <title> 元素应包含页面的标题-先写上 “女性编程日”。</div><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;">4. 在 <body> 元素中, 让我们添加 "<h1>和 <p> 元素。"<h1>元素应包括我们希望包括的标题-先写上” 女性编程日 "再次, <p> 元素应该包括一个简单的段落来介绍我们的活动。</div><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;">5. 现在是时候看看我们的所作所为了!让我们去找我们的index. html 文件 (我的是在 “女性编程日” 文件夹在我的桌面上)。双击此文件或将其拖动到 Chrome 浏览器打开。</div><div class="force-wrap white-space" style="padding-top: 6px;"></div><div class="force-wrap white-space" style="padding-top: 6px;">参考：<span> </span><a href="https://codepen.io/sundevilyang/pen/NjXOOX" target="_blank">https://codepen.io/sundevilyang/pen/NjXOOX</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"><a href="http://jsbin.com/" target="_blank">http://jsbin.com</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nj_07GU44Vzu" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap full-width white-space" style=" line-height: 1;"><span class="" style='color: rgb(0,0,0); font-family: "Helvetica", sans-serif; font-style: normal; font-size: 12px;line-height: 1;background-color: rgba(0,0,0,0); '><img style="vertical-align: middle; width: 100%; max-width: 485px; height: auto" src="HTML-Structure-1.jpg" alt="HTML-Structure-1"></span></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="3" id="chdeVruwhrp" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ichdeVruwhrp" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">了解更多HTML</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="crLObNkCfKc" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">div,span</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 什么是块元素？<span> </span></div><div class="force-wrap white-space" style="padding-top: 6px;">2. 什么是内联元素？</div><div class="force-wrap white-space" style="padding-top: 6px;">3. Div元素和span元素哪个是块元素？哪个是内联元素？</div><div class="force-wrap white-space" style="padding-top: 6px;"></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 阅读<a href="http://www.w3school.com.cn/html/html_blocks.asp" target="_blank">http://www.w3school.com.cn/html/html_blocks.asp</a><span> </span>，<span> </span>理解Block元素和Inline元素</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 在上述项目中加入 div和span元素</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="lvOjEqouhvL" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ilvOjEqouhvL" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Text-Based Elements</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="faUKuorgq5d" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Headings系列</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 是块元素还是内联元素？</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">1. 阅读<span> </span><a href="http://www.w3school.com.cn/html/html_headings.asp" target="_blank">HTML </a><a href="http://www.w3school.com.cn/html/html_headings.asp" target="_blank">标题</a></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="nULpyIQk9Ld" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Paragraphs</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="pbSO2hlRovf" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Bold Text with Strong</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="lW1LYvhfyDy" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Italicize Text with Emphasis</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="lyLCSxehyMb" class="whole-row note-expanded"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">Building Structure</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;"><header> vs. <head> vs. <h1> through <h6> 三者的区别？</div><div class="force-wrap white-space" style="padding-top: 6px;"></div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nlyLCSxehyMb" class="whole-note"><tr class="note-row level-4"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 57px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space"><img style="vertical-align: middle; width: 100%; max-width: 1400px; height: auto" src="building-structure.png" alt="building-structure"></div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="4" id="gmUWvf5qHaW" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="igmUWvf5qHaW" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">超链接</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"><div class="force-wrap white-space" style="padding-top: 6px;">Relative & Absolute Paths ？</div></div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="i_dyEFeWzAx" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Linking to an Email Address</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="dhR9WGyEWde" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Opening Links in a New Window</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="5" id="j-1Qq9W5ses" class="whole-row"><tr class="outline-row level-5"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 73px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Linking to Parts of the Same Page</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="cip4GeTzekF" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">image</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="k8I9sj3Nnm2" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Creating Lists</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="af4YHE0B4zu" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Organizing Data with Tables</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="m-GY5H1Sq0i" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">学会在浏览器中使用「元素检查器」</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="mz_3YvUzXbE" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">练习</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="2" id="ivkbqKwmTho" class="whole-row"><tr class="outline-row level-2"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 25px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iivkbqKwmTho" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">CSS</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="k9hJdUefHLL" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">定义</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="ciw_1mMyIMM" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iciw_1mMyIMM" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Selector</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="pJORiDqKEcL" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">id, class, tag</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="aqdbv_Fa0K-" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">选择器优先级</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="kYssLBXWd9N" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">伪类：hover</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="c-bVwvCbdJ2" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ic-bVwvCbdJ2" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Attribute & Value</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="nsrx53H91Ht" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">format</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="mRMwQKlostH" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">color</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="aZYu1nCyixm" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">font</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="pVqEshJ602f" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">background</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="ijgD4DSrM68" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">size</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="hcNGYWKNlNE" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">border</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="gKY-sBxHMfR" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">padding/margin</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="pcD3lJ_mlgz" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ipcD3lJ_mlgz" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">box model</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="hZkgjXtwCyc" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">inline</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="d7V12mlujdQ" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">block</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="jZ9Cqc0nEL3" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">在浏览器中审视和调整样式</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="fXLkwpSsgR3" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">练习</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="2" id="eonqwbSkxh2" class="whole-row"><tr class="outline-row level-2"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 25px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="ieonqwbSkxh2" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Bootstrap</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="phE1CozTe9z" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Grid System</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="eaVGtkf6SQW" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">响应式</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="iGLkhcymOT-" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iiGLkhcymOT-" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">样式</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="oZ-pXv-Uhb-" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">button</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="hDQAVcm8cZc" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">table</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="hIIP3oHkIRB" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">form</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="4" id="h17c4vVnkzI" class="whole-row"><tr class="outline-row level-4"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 57px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Helper classes</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="2" id="iAFjTp0e-o7" class="whole-row"><tr class="outline-row level-2"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 25px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img id="iiAFjTp0e-o7" alt="V" class="parent" src="Expanded.png" title="collapse"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Git & Github</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="nu8zceCer1p" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Git 简介</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="axoP77Dwa7z" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Git 配置</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="mtFQYeAbEl_" class="whole-row note-expanded"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-top: 6px;"><div class="force-wrap white-space">Git 常见命令</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table><table data-level="3" id="nmtFQYeAbEl_" class="whole-note"><tr class="note-row level-3"><td><div class="note-outline-column-div force-wrap fill-cell"><table class="note-table"><tr><td style="width: 41px;" class="note-bg "> </td><td class="note-bg " style="width: 15px;"> </td><td class="note-bg label empty level" style=" color: rgba(0,0,0,0); width: 1px; "></td><td class="note " style="padding-bottom: 7px; "><div class="force-wrap white-space">add/commit/push</div></td></tr></table></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td><td><div class="note-filler "><div></div></div></td></tr></table><table data-level="3" id="phBMN2ZmiLk" class="whole-row"><tr class="outline-row level-3"><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><table class="outline-column"><tr><td style="width: 41px;"> </td><td class="handle" style="padding-top: 6px; width: 15px;"><div class="handle"><img alt="*" class="leaf" src="LeafRowHandle.png"></div></td><td class="label empty" style="padding-top: 6px; width: 1px; "></td><td class=" column" style="padding-bottom: 7px; padding-top: 6px;"><div class="force-wrap white-space">Gh-pages 部署</div></td></tr></table></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td><td><div class="alt-row-layer fill-cell"><div class="fill-cell force-wrap"><div class="fill-cell force-wrap"><div class="column force-wrap" style="padding-top: 6px;"> </div></div></div></div></td></tr></table></div></body></html>