基本办公文书转HTML工具

课程目标HTML码

二、课程目标

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

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


• 能熟悉产业标准生态，活用HTML5及CSS3的产业技术标准


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


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


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

教学进度计划表

四、教学进度计划表

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

>

周次	课程要点	教学活动	阅读资料
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代码"标签

标签定义段落。
标签定义 HTML 表格中的标准单元格。
定义表格中的行。
定义表格中的主体内容
定义表格
定义宽度为118

定义无序列表

• 定义列表的项目

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

  利用word工具把word文档转换成HTML格式的方法

  1打开需要转换成html的Word文档。
  2找到Word软件上的“文件”按钮，在菜单栏上，点击打开。
  3弹出的文件菜单里选择“另存为”选项。
  4接下来会弹出另存为对话框。
  5在另存为对话框里设置好路径、文件名、把保存类型设置成“单个文件网页”。
  6最后点击保存就转换成功了。

  使用Word工具和https://html-cleaner.com两者之间把文档转换成HTML格式的比较

  1. 使用word 工具转换HTML格式的时候，可以直接使用Word的编写功能在Word上编写，同时利用Word的功能，将编写工作变得较轻松，最后还可以直接将输出的文档输出为文件的格式，可以减少工作量；缺点就在于，不能讲HTML格式的文档直接显示，使得检查工作较为困难

     
     
     

     QQ图片20180313131200.png

  2.使用https://html-cleaner.com转换的时候，如果有现成的文字，那么将大大减少工作量，因为直接将文字复制进去就可以直接显示HTML格式。输出的结果更为明显可观，更加有条理

  

  image.png

  实践心得

  第一次接触响应式web设计的时候是一头雾水，感觉自己就像是一个小学生走进了高中生的课堂，除了中文能读出来之外，其他的都是懵的。
  在上完汉腾老师的课后，感觉自己依旧是那个小学生，什么也不懂，可以感受到大学的学习和小学、初中、高中是完全不同的，所以自己也在不断的转换自己的学习模式，同时也尝试着多样的方法去解决同一个问题，渐渐的实践，发现大学的学习本来就是一门最重要的课程。
  在这个作业体验的过程中，很多东西都是老师给出，这样让作业进行的更加顺畅，同时再结合自己去查询资料，去了解更多的知识，使得自己拥有更加全面的了解，这样的体验还是很有效果的，至少现在我感觉自己像个初中生了，而不是那个小学生，所以在努力中，试图成为一个高手。
  完结