得出代码

• <div>二、课程目标<br />透过混合学习及体验式学习培养学生以下能力：<br />(1)能够从用户体验框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等<br />(2)能熟悉产业标准生态，活用HTML5及CSS3的产业技术标准<br />(3)能描述响应式网页设计的功能、特征及技术实践常用标准作法<br />(4)能运用设计与制作工具及区分工具使用情境<br />(5)能认识相关实践社群及学科，习得最佳实践及技巧的更新途径</div>
• <p>四、教学进度计划表<br />说明：教学活动除有额外说明，均为混合学习及体验式学习<br />周次 课程要点 教学活动 阅读资料<br />1 网页设计与制作与工具介绍 RWD1<br />2 从用户体验切入响应式设计实践 RWD2, WSG0<br />3 HTML基本元素：码云Pages搭建 w3school, 码云Pages<br />4 页面结构（Page Structure） WSG6<br />5 页面制作案例一<br />☉期中在线考查 A 教室外实践或专业分享 WP2,WSG4,DMMT<br />6 图像和视频（Images&amp;Video） WSG11, 12<br />7 弹性布局与响应式图片 RWD3<br />8 HTML5与响应式 RWD4<br />9 CSS3新特性 RWD5<br />10 ☉期中考查 B <br />11 网站结构（Site Structure） WSG5<br />12 CSS3高级技术 RWD6<br />13 介面设计（Interface Design） 教室外实践或专业分享 WSG7<br />14 图形设计（Graphic Design） 教室外实践或专业分享 WSG8<br />15 SVG与响应式Web设计<br />☉期中在线考查 C 教室外实践或专业分享 RWD7<br />16 CSS3过渡、变形和动画 WSG9<br />17 ☉期末应用项目开发成果展示考查 <br />18 ☉期末应用项目开发成果点评总结 <br />19 <br />20 </p>

标签及其含义

• <div>：样式/节，定义文档中的节。
• <span>：样式/节，定义文档中的节。
• class：HTML 全局属性，class 属性规定元素的类名（classname）。class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。

其他转换方法与比较

• 使用java进行转换，实例：java word文档 转 html文件
• 也有在线转换网站，多数是针对于转换html格式/网站，以及会产生冗余代码，需要清除。

心得

• 说句实话，不是很懂。但是有一点理解了html与doc的对应关系，对html的标签和颜色对应有了初步认识，会继续深入学习和了解下去。