运用 https://html-cleaner.com/ 进行Word 转化
文字原文
二、课程目标
透过混合学习及体验式学习培养学生以下能力：
能够从用户体验框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等
能熟悉产业标准生态，活用HTML5及CSS3的产业技术标准
能描述响应式网页设计的功能、特征及技术实践常用标准作法
能运用设计与制作工具及区分工具使用情境
能认识相关实践社群及学科，习得最佳实践及技巧的更新途径
转换后
二、课程目标
透过混合学习及体验式学习培养学生以下能力：
- 能够从用户体验框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等
- 能熟悉产业标准生态，活用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与响应式 | RWD34 | |
| 9 | CSS3新特性 | RWD5 | |
| 10 | ☉期中考查 B | ||
| 11 | 网站结构（Site Structure) | WSG5 | |
| 12 | CSS3高级技术 | RWD6 | |
| 13 | 介面设计（Interface Design | 教室外实践或专业分享 | WSG7 |
| 14 | 介面设计（Interface Design | 教室外实践或专业分享 | WSG8 |
| 15 | SVG与响应式Web设计 ☉期中在线考查 C | 教室外实践或专业分享 | RWD7 |
| 16 | CSS3过渡、变形和动画 | WSG9 | |
| 17 | ☉期末应用项目开发成果展示考查 | ||
| 18 | ☉期末应用项目开发成果点评总结 | ||
| 19 | |||
| 20 |
转换后
四、教学进度计划表
说明：教学活动除有额外说明，均为混合学习及体验式学习
周次
课程要点
教学活动
阅读资料
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 参考手册查找其功能类别及描述
| 标签 | 描述 | |||||
|---|---|---|---|---|---|---|
| 定义段落。 | ||||||
| 定义语气更为强烈的强调文本。 | ||||||
| 定义无序列表。 | ||||||
| 定义列表的项目。 | ||||||
| 定义表格中的单元。 | ||||||
|