课程目标
二、课程目标
透过混合学习及体验式学习培养学生以下能力:
- 能够从用户体验框架,描述网页设计与制作主要概念,包括页面结构、网站结构、界面设计、图形设计及图像和视频等
- 能熟悉产业标准生态,活用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代码"标签"
:定义段落
- :定义列表的项目
:定义表格中的行 - :定义语气更为强烈的强调文本
- :定义无序列表
:定义表格