基本办公文书转HTML工具

HTML代码

(I) 二丶课程目标

二、课程目标


透过混合学习及体验式学习培养学生以下能力:



  • 能够从用户体验框架,描述网页设计与制作主要概念,包括页面结构、网站结构、界面设计、图形设计及图像和视频等

  • 能熟悉产业标准生态,活用HTML5CSS3的产业技术标准

  • 能描述响应式网页设计的功能、特征及技术实践常用标准作法

  • 能运用设计与制作工具及区分工具使用情境

  • 能认识相关实践社群及学科,习得最佳实践及技巧的更新途径

(II) 四丶教学进度计划表

四、教学进度计划表


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




































































































































周次



课程要点



教学活动



阅读资料



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



 



 



 


关于标签的功能类别及描述

基础

  • :定义段落。

格式

  • :把文本定义为语气更强的强调的内容。

列表

    • :定义无序列表。
    • :定义列表的项目。

    表格

    • :定义表格。
    • :定义表格中的主体内容。
    • :定义表格中的行。
    • :定义表格中的单元。

      将Word转换为HTML的方法

      HTML Cleaner

      可以直接使用https://html-cleaner.com转换HTML格式

      HTML Cleaner

      这种方法可以直接看到HTML文本,需要用户自己再进行复制粘贴操作。

      直接使用Microsoft Word

      打开文档;

      点击文件-另存为;
      Word操作界面

      保存类型选择网页;
      Word操作界面

      点击保存,即可看到类型为HTML。

      当需要直接对文档进行转换时,用Word自身的转换方式较为简便,也可以直接保存。

      实践心得

      从上学期的课程简单知道了HTML,此次的练习是以实践更加懂得了其用法和意义。在HTML参考手册中知道了各种标签的意思及功能,不会像一开始一样看着一大片的英文字母而根本不懂是什么意思。也试着自己去其他网页上尝试操作。
      在学习响应式网页设计的时候才知道这种网页适应视图原来是需要一系列的操作以达到响应式设计,在做作业的时候自己去浏览很多不同网站,发现拥有响应式的网站确实给用户带来很大的便捷,也更能吸引人们去浏览,是网页设计的一项不可缺少的操作。

      部分方法内容来源于百度

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