基本办公文书转HTML工具

word文档

二、课程目标

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

以上课程目标之详细作法按如下分章节详述：

用户体验

关于用户体验知识点，教学要求为学生能理解用户体验的科学基础，包括设计心理学。重难点在于用户体验的交叉学科背景，讲授及实践教学环节将以良莠不同的参考案例做分析比较。

页面结构（Page Structure）

关于页面结构，教学要求为从学生能操作页面结构语法—HTML5 and CSS3—的规范。重难点在于页面结构及语法的原理及实践，讲授及实践教学环节将以不同类型网站下的各种页面结构元素安排做参考案例比较，前者包括内容管理系统、问卷调查网站、等，后者包括导航模块、侧栏等。

网站结构（Site Structure）

关于网站结构知识点，教学要求为从学生能理解并区分网站的各组成分子。重难点在于结合网站结构整体规划及各别实际文檔的整合性操作，讲授及实践教学环节将以不同类型网站下的各种HTML及CSS档案安排为参考案例，反复操演比较各类网站之结构安排重点及工作流程。

界面设计（Interface Design）及图形设计（Graphic Design）

关于接口设计及图形设计知识点，教学要求为从学生能适当就界面及图形观点提出网页设计及用户体验的学理及业界规范。重难点在于结合设计及结构，讲授及实践教学环节将以同上知识点操作之方式，反复操演设计安排及互评互检查设计成果。

响应式网页设计

关于响应式网页设计知识点，教学要求为从学生理解并操作响应式网页科技及原理。重难点在于响应式网页要求如何能落实在页面结构、网站结构、界面设计及图形设计上，以增进用户体验，讲授及实践教学环节将以同上知识点操作之方式，反复操演响应式网页设计功能、特征及技术实践常用标准作法及互评互检查设计成果。

四、教学进度计划表

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

周次 课程要点 教学活动 阅读资料
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语法

二、课程目标

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

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


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


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


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


5. 能认识相关实践社群及学科，习得最佳实践及技巧的更新途径用户体验页面结构（Page Structure）网站结构（Site Structure）界面设计（Interface Design）及图形设计（Graphic Design）响应式网页设计


6. 关于响应式网页设计知识点，教学要求为从学生理解并操作响应式网页科技及原理。重难点在于响应式网页要求如何能落实在页面结构、网站结构、界面设计及图形设计上，以增进用户体验，讲授及实践教学环节将以同上知识点操作之方式，反复操演响应式网页设计功能、特征及技术实践常用标准作法及互评互检查设计成果。


7. 关于接口设计及图形设计知识点，教学要求为从学生能适当就界面及图形观点提出网页设计及用户体验的学理及业界规范。重难点在于结合设计及结构，讲授及实践教学环节将以同上知识点操作之方式，反复操演设计安排及互评互检查设计成果。


8. 关于网站结构知识点，教学要求为从学生能理解并区分网站的各组成分子。重难点在于结合网站结构整体规划及各别实际文檔的整合性操作，讲授及实践教学环节将以不同类型网站下的各种HTML及CSS档案安排为参考案例，反复操演比较各类网站之结构安排重点及工作流程。


9. 关于页面结构，教学要求为从学生能操作页面结构语法—HTML5 and CSS3—的规范。重难点在于页面结构及语法的原理及实践，讲授及实践教学环节将以不同类型网站下的各种页面结构元素安排做参考案例比较，前者包括内容管理系统、问卷调查网站、等，后者包括导航模块、侧栏等。


10. 关于用户体验知识点，教学要求为学生能理解用户体验的科学基础，包括设计心理学。重难点在于用户体验的交叉学科背景，讲授及实践教学环节将以良莠不同的参考案例做分析比较。


11. 以上课程目标之详细作法按如下分章节详述：

四、教学进度计划表

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

周次	课程要点	教学活动	阅读资料
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 文档。