基本办公文书转HTML工具

课程目标

教学进度计划表

<p><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: 40px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">教学进度计划表</span></p>
<table style="width: 468.21px; height: 379px;">
<tbody>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">周次&nbsp;</span></td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">课程要点&nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_108" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">阅读资料</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">1</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> &nbsp;网页设计与制作与工具介绍&nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_112" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">RWD1&nbsp;</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">2</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">从用户体验切入响应式设计实践&nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_113" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">RWD2, WSG0&nbsp;</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">3</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">HTML基本元素：码云Pages搭建&nbsp;</span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_114" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">w3school, 码云Pages</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">4</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">页面结构（Page Structure）&nbsp; &nbsp; &nbsp; &nbsp;</span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_115" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> &nbsp; WSG6</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">5</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">页面制作案例一 ☉期中在线考查 A&nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_116" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> &nbsp; WP2,WSG4,DMMT&nbsp;</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">6</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">图像和视频（Images&amp;Video）&nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_117" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> &nbsp;WSG11, 12</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">7</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">弹性布局与响应式图片</span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_118" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">RWD3&nbsp;</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">8</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">&nbsp;HTML5与响应式&nbsp; &nbsp; &nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_119" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">&nbsp; &nbsp; &nbsp;RWD4</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">9</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">&nbsp;CSS3新特性&nbsp; &nbsp;</span></td>
<td style="width: 191.26px; height: 21px;">
<p><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">&nbsp; &nbsp; &nbsp;RWD5</span></p>
</td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">10</td>
<td style="width: 218.34px; height: 21px;"><span style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">10&nbsp; &nbsp; &nbsp; &nbsp;☉期中考查 B</span></td>
<td style="width: 191.26px; height: 21px;">&nbsp;</td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">11</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">网站结构（Site Structure）&nbsp; &nbsp;</span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_122" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">WSG5&nbsp;</span></td>
</tr>
<tr style="height: 21.02px;">
<td style="width: 57.61px; height: 21.02px;">12</td>
<td style="width: 218.34px; height: 21.02px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">&nbsp;CSS3高级技术&nbsp; </span></td>
<td style="width: 191.26px; height: 21.02px;"><span id="yui_3_17_2_1_1520935515742_123" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">RWD6</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">13</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">介面设计（Interface Design</span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_124" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">WSG7</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">14</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">图形设计（Graphic Design）&nbsp;</span></td>
<td style="width: 191.26px; height: 21px;"><span style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">WSG8</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">15</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">SVG与响应式Web设计 ☉期中在线考查 C</span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_121" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">RWD7&nbsp;</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">16</td>
<td style="width: 218.34px; height: 21px;"><span style="display: inline !important; float: none; background-color: transparent; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> CSS3过渡、变形和动画&nbsp; &nbsp; &nbsp; &nbsp; </span></td>
<td style="width: 191.26px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_126" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> &nbsp;WSG9</span></td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">17</td>
<td style="width: 218.34px; height: 21px;"><span style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> ☉期末应用项目开发成果展示考查</span></td>
<td style="width: 191.26px; height: 21px;">&nbsp;</td>
</tr>
<tr style="height: 21px;">
<td style="width: 57.61px; height: 21px;">18</td>
<td style="width: 218.34px; height: 21px;"><span id="yui_3_17_2_1_1520935515742_125" style="background-color: transparent; color: #333333; font-family: &amp;quot; helvetica neue&amp;quot;,helvetica,arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin-left: 0px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;"> ☉期末应用项目开发成果点评总结</span></td>
<td style="width: 191.26px; height: 21px;">&nbsp;</td>
</tr>
</tbody>
</table>

课程目标

<p><strong>二、课程目标</strong></p>
<p>透过混合学习及体验式学习培养学生以下能力：</p>
<ul>
<li>能够从<strong>用户体验</strong>框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等</li>
<li>能熟悉产业标准生态，活用<strong>HTML5</strong>及<strong>CSS3</strong>的产业技术标准</li>
<li>能描述<strong>响应式网页设计</strong>的功能、特征及技术实践常用标准作法</li>
<li>能运用设计与制作<strong>工具</strong>及区分工具<strong>使用</strong><strong>情境</strong></li>
<li>能认识相关<strong>实践社群</strong>及学科，习得最佳实践及技巧的更新途径</li>
</ul>

标签

其他WORD文书转换或换出HTML格式的方法和结果比较

关于这个百度经验非常详细，可前往链接观看。

心得：

感觉越来越专业化。需要学习的知识越来越多。在背的同时也要灵活应用。通过上篇文章的响应式网页设计，我初步了解了RWD，也认识到RWD对网新的人的重要性！在手机普及率日渐提高的现代，响应式网页设计越来越必要。RWD使网页在各个终端的自由切换的便利性。希望接下来的学习路程能收获更多！
ps：老师，我之前那个账号这篇文章突然不见了，所以建了一个新账号！