基本办公文书转HTML工具

课程目标



二、课程目标


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


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


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


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


(4) 能运用设计与制作工具及区分工具使用****情境


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



教学进度计划表

周次                         课程要点                               阅读资料
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      ☉期末应用项目开发成果点评总结

(一)教科书
Frain, B. (2017). 响应式Web设计:HTML5和CSS3实战(第2版). (奇舞团译) 人民邮电出版社。说明:简称 RWD,本课程内容为全書1,2,3,4,5,6,7,8,9
Lynch, P. J., & Horton, S. (2016). Web Style Guide : Foundations of User Experience Design (4th ed). New Haven: Yale University Press. 说明:简称 WSG,本课程内容为5,6,7,8,11,12
WSG4 1,2,3,4, 网页版:http://webstyleguide.com/index.html
(二)参考书目
田中勇辅(2015)著,许郁文(2016)译‧WordPress架站自学手册. 台北:碁峰資訊。**说明:简称 WP
克鲁格(Steve Krug). (2014). 点石成金:访客至上的Web__和移动可用性设计秘笈. (蒋芳, 译) (3 本). 机械工业出版社. 说明:简称DMMT
王晖. (2015). 网页设计那些事儿 (第1__版). 人民邮电出版社. 说明:简称

标签

标签定义段落。
标签被用来组合文档中的行内元素。
把文本定义为语气更强的强调的内容。
把文本定义为强调的内容。

可插入一个简单的换行符。
标签定义超链接,用于从一张页面链接到另一张页面。
元素最重要的属性是 href 属性,它指示链接的目标。
标签可定义下划线文本。

标签定义 HTML 表格。
标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。
标签定义 HTML 表格中的行。

其他word文档转换成HTML的方法

  • 找到自己想转换的word文档,将其打开
  • 点击页面左上角的【文件】
  • 点击【另存为】并选择存储路径,然后点击【保存类型】
  • 选择保存类型【网页】,并点击【保存】
  • 保存后,在桌面可以看见一个浏览器标识的“test”,查看属性可以看见类型已经变成“HTML”了

比较

两者标签基本相同,但两种方法下都有着新的标签。因而其是基本通用但具有特殊性的。

实践心得

HTML与我们日常所用的语言有着很大区别。我们的语言具有人性化的特点,因而不可避免存在着一词多义、一语双关或者歧义的情况。但HTML则更为直接明确,虽然不同方法下的标签有所不同,但总体来说确是想通的。

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