基本办公文书转HTML工具

代码转换

  • 二:课程目标 5点 (含标题)
    <p><strong>二、课程目标</strong></p>
    <p>透过混合学习及体验式学习培养学生以下能力:</p>
    <ul>
    <li>能够从<strong><strong>用户体验</strong></strong>框架,描述网页设计与制作主要概念,包括页面结构、网站结构、界面设计、图形设计及图像和视频等</li>
    <li>能熟悉产业标准生态,活用<strong><strong>HTML5</strong></strong>及<strong><strong>CSS3</strong></strong>的产业技术标准</li>
    <li>能描述<strong><strong>响应式网页设计</strong></strong>的功能、特征及技术实践常用标准作法</li>
    <li>能运用设计与制作<strong><strong>工具</strong></strong>及区分工具<strong><strong>使用</strong></strong><strong><strong>情境</strong></strong></li>
    <li>能认识相关<strong><strong>实践社群</strong></strong>及学科,习得最佳实践及技巧的更新途径</li>
    </ul>
    <p>以上课程目标之详细作法按如下分章节详述:</p>
    <p><strong><strong>用户体验</strong></strong></p>
    <p>关于用户体验知识点,教学要求为学生能理解用户体验的科学基础,包括设计心理学。重难点在于用户体验的交叉学科背景,讲授及实践教学环节将以良莠不同的参考案例做分析比较。</p>
    <p><strong><strong>页面结构(</strong></strong><strong><strong>Page Structure</strong></strong><strong><strong>)</strong></strong></p>
    <p>关于页面结构,教学要求为从学生能操作页面结构语法—HTML5 and CSS3—的规范。重难点在于页面结构及语法的原理及实践,讲授及实践教学环节将以不同类型网站下的各种页面结构元素安排做参考案例比较,前者包括内容管理系统、问卷调查网站、等,后者包括导航模块、侧栏等。</p>
    <p><strong><strong>网站结构(</strong></strong><strong><strong>Site Structure</strong></strong><strong><strong>)</strong></strong></p>
    <p>关于网站结构知识点,教学要求为从学生能理解并区分网站的各组成分子。重难点在于结合网站结构整体规划及各别实际文檔的整合性操作,讲授及实践教学环节将以不同类型网站下的各种HTML及CSS档案安排为参考案例,反复操演比较各类网站之结构安排重点及工作流程。</p>
    <p><strong><strong>界面设计(</strong></strong><strong><strong>Interface Design</strong></strong><strong><strong>)及图形设计(</strong></strong><strong><strong>Graphic Design</strong></strong><strong><strong>)</strong></strong></p>
    <p>关于接口设计及图形设计知识点,教学要求为从学生能适当就界面及图形观点提出网页设计及用户体验的学理及业界规范。重难点在于结合设计及结构,讲授及实践教学环节将以同上知识点操作之方式,反复操演设计安排及互评互检查设计成果。</p>
    <p><strong><strong>响应式网页设计</strong></strong></p>
    <p>关于响应式网页设计知识点,教学要求为从学生理解并操作响应式网页科技及原理。重难点在于响应式网页要求如何能落实在页面结构、网站结构、界面设计及图形设计上,以增进用户体验,讲授及实践教学环节将以同上知识点操作之方式,反复操演响应式网页设计功能、特征及技术实践常用标准作法及互评互检查设计成果。</p>

  • 四:教学进度计划表
    <p><strong>四、教学进度计划表</strong></p>
    <p>说明:<strong><strong>教学活动</strong></strong>除有额外说明,均为混合学习及体验式学习</p>
    <table>
    <tbody>
    <tr>
    <td width="58">
    <p><strong><strong>周次</strong></strong></p>
    </td>
    <td width="269">
    <p><strong><strong>课程要点</strong></strong></p>
    </td>
    <td width="94">
    <p><strong><strong>教学活动</strong></strong></p>
    </td>
    <td width="160">
    <p><strong><strong>阅读资料</strong></strong></p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>1</strong></strong></p>
    </td>
    <td width="269">
    <p>网页设计与制作与工具介绍</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>RWD1</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>2</strong></strong></p>
    </td>
    <td width="269">
    <p>从用户体验切入响应式设计实践</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>RWD2, WSG0</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>3</strong></strong></p>
    </td>
    <td width="269">
    <p>HTML基本元素:码云Pages搭建 </p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>w3school, 码云Pages</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>4</strong></strong></p>
    </td>
    <td width="269">
    <p>页面结构(Page Structure)</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>WSG6</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>5</strong></strong></p>
    </td>
    <td width="269">
    <p>页面制作案例一<br />☉<strong><strong>期中在线考查</strong></strong><strong><strong> </strong></strong><strong><strong>A</strong></strong></p>
    </td>
    <td width="94">
    <p>教室外实践或专业分享</p>
    </td>
    <td width="160">
    <p>WP2,WSG4,DMMT</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>6</strong></strong></p>
    </td>
    <td width="269">
    <p>图像和视频(Images&Video)</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>WSG11, 12</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>7</strong></strong></p>
    </td>
    <td width="269">
    <p>弹性布局与响应式图片</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>RWD3</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>8</strong></strong></p>
    </td>
    <td width="269">
    <p>HTML5与响应式</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>RWD4</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>9</strong></strong></p>
    </td>
    <td width="269">
    <p>CSS3新特性</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>RWD5</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>10</strong></strong></p>
    </td>
    <td width="269">
    <p><strong><strong>☉</strong></strong><strong><strong>期中考查</strong></strong><strong><strong> </strong></strong><strong><strong>B</strong></strong></p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p> </p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>1</strong></strong><strong><strong>1</strong></strong></p>
    </td>
    <td width="269">
    <p>网站结构(Site Structure)</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>WSG5</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>1</strong></strong><strong><strong>2</strong></strong></p>
    </td>
    <td width="269">
    <p>CSS3高级技术</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>RWD6</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>1</strong></strong><strong><strong>3</strong></strong></p>
    </td>
    <td width="269">
    <p>介面设计(Interface Design)</p>
    </td>
    <td width="94">
    <p>教室外实践或专业分享</p>
    </td>
    <td width="160">
    <p>WSG7</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>14</strong></strong></p>
    </td>
    <td width="269">
    <p>图形设计(Graphic Design)</p>
    </td>
    <td width="94">
    <p>教室外实践或专业分享</p>
    </td>
    <td width="160">
    <p>WSG8</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>1</strong></strong><strong><strong>5</strong></strong></p>
    </td>
    <td width="269">
    <p>SVG与响应式Web设计<br />☉<strong><strong>期中在线考查 </strong></strong><strong><strong>C</strong></strong></p>
    </td>
    <td width="94">
    <p>教室外实践或专业分享</p>
    </td>
    <td width="160">
    <p>RWD7</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>16</strong></strong></p>
    </td>
    <td width="269">
    <p>CSS3过渡、变形和动画</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p>WSG9</p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>1</strong></strong><strong><strong>7</strong></strong></p>
    </td>
    <td width="269">
    <p>☉期末应用项目开发成果展示考查</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p> </p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>18</strong></strong></p>
    </td>
    <td width="269">
    <p>☉期末应用项目开发成果点评总结</p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160">
    <p> </p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>19</strong></strong></p>
    </td>
    <td width="269">
    <p><strong><strong> </strong></strong></p>
    </td>
    <td width="94">
    <p><strong><strong> </strong></strong></p>
    </td>
    <td width="160">
    <p><strong><strong> </strong></strong></p>
    </td>
    </tr>
    <tr>
    <td width="58">
    <p><strong><strong>20</strong></strong></p>
    </td>
    <td width="269">
    <p><strong><strong> </strong></strong></p>
    </td>
    <td width="94">
    <p> </p>
    </td>
    <td width="160"> </td>
    </tr>
    </tbody>
    </table>

功能描述

标签 功能
<p> 定义段落。
<li> 定义列表的项目。
<td> 标签定义 HTML 表格中的标准单元格。
<tr> 标签定义 HTML 表格中的行。
<table> 标签定义 HTML 表格。
<li> 标签定义列表项目,标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

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

  • 可以通过word选择“另存为”,然后文件类型选择网页便可直接转换成HTML格式,而且是一个可以直接打开的网页,但是之前的格式会缺失掉,最重要的是,这个方式无法转换成HTML的代码,而是直接展示出结果,不利于代码的检查和学习。
  • 通过html-clearner.com 转换只需将文档直接复制粘贴即可。此方法不会直接显示效果,但是却会展示代码,对于我们的学习有很大的帮助,而且支持每一行的对比,让我们知道哪一句对应什么,是非常实用的。

实践心得

HTML具有简易性、可扩展性、平台无关性、通用性这四大特性。
正式因为其具有这四大特性,在此次的实践当中才为初次接触的我们带来如此惊艳的效果。HTML语言的种种特性都极大的减少了网页设计与制作者的工作量,极大的提高了制作的效率和质量,但是更让人激动的是,HTML的更新速度非常快,在短短的十几年里已经发展到了HTML5,这也预示着该语言的未来是可观的。同时,越来越多的公司不断的加入到其中,使用着HTML语言,享受着HTML为他们带来的便捷和高效。
当然,HTML也存在一定的缺点。编译HTML需要特定的编译器,而且当我们想要将word文档转换成HTML语言时,是一个费时费力的过程,这个过程对新手是不怎么友好的。还有就是,尽管我们有HTML 参考手册可以查找关于HTML的众多知识,可是熟悉这种语言想必也是需要付出不少时间的,新手上路还是难免要花很多的时间去熟悉才可以运用并且理解。
总的来说,HTML是一门值得推广使用的语言,这将提高我们许多行业的发展,尤其是广告业的发展,对于网页编辑的高效和便捷,使广告商可以更为快捷的达到宣传的目的,也因此减少了工作量,对于企业自身的网站建设也省去了不少的麻烦,毕竟最新的HTML5中关于响应式网页设计,为企业开发网页省去了不少麻烦。
那么,我想说,HTML是一个可以活在未来的产物。