基本办公文书转HTML工具

课程目标

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

代码:


课程目标


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







教学进度计划表的HTML

教学进度计划表


说明:教学活动除有额外说明,均为混合学习及体验式学习




































































































































周次



课程要点



教学活动



阅读资料



1



网页设计与制作与工具介绍





RWD1



2



从用户体验切入响应式设计实践





RWD2, WSG0



3



HTML基本元素:码云Pages搭建





w3school, 码云Pages



4



页面结构(Page Structure)





WSG6



5



页面制作案例一
期中在线考查 A



教室外实践或专业分享



WP2,WSG4,DMMT



6



图像和视频(Images&Video)





WSG11, 12



7



弹性布局与响应式图片





RWD3



8



HTML5与响应式





RWD4



9



CSS3新特性





RWD5



10



期中考查 B







11



网站结构(Site Structure)





WSG5



12



CSS3高级技术





RWD6



13



介面设计(Interface Design)



教室外实践或专业分享



WSG7



14



图形设计(Graphic Design)



教室外实践或专业分享



WSG8



15



SVG与响应式Web设计
期中在线考查 C



教室外实践或专业分享



RWD7



16



CSS3过渡、变形和动画





WSG9



17



☉期末应用项目开发成果展示考查







18



☉期末应用项目开发成果点评总结







19









20







HTML代码便签:

  • :定义段落

  • :定义列表的项目
  • :定义表格中的行
  • :定义语气更为强烈的强调文本
    • :定义无序列表
    • :定义表格
    • :定义表格中的主体内容

      :定义表格中的单元
    • :定义粗体字.

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

      方法:

      基本办公文书转HTML工具_第1张图片
      来自网络图片

      基本办公文书转HTML工具_第2张图片
      来自网络图片

      基本办公文书转HTML工具_第3张图片
      来自网络图片

      基本办公文书转HTML工具_第4张图片
      来自网络图片

      基本办公文书转HTML工具_第5张图片
      来自网络图片

      结果:

      基本办公文书转HTML工具_第6张图片
      微信图片_20180309222537.png

      基本办公文书转HTML工具_第7张图片
      微信图片_20180309222542.png
      对比效果:
      • 通过对比发现,一些必要的元素会在每一中word转换成代码中出现,比如

      ,但是内容不一样,会出现不一样的标签,比如:

      实践心得:

      第一次接触HTML是在上学期,第一次是完全看不懂的状态,自己在相关的网站学习了一些关于HTML代码的一些标签,比如: 标签、: 标签定义超链接,用于从一张页面链接到另一张页面、 标签指示简称或缩写,比如 "WWW" 或 "NATO"等等,觉得这是一个神奇的世界,也渐渐有更多的好奇心想要去了解。HTML可以说是HTML1、HTML2、HTML5的源头,HTML上有挺多的标签或者是语法被更新,特别是在响应式网页设计的出现。通过HTML,我还了解了CSS3、媒体查询等其他与之有关的知识。这学期才开开始,而我觉得HTML会给带来美妙的体验的。

      你可能感兴趣的:(基本办公文书转HTML工具)