二、课程目标
透过混合学习及体验式学习培养学生以下能力：
(1) 能够从用户体验框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等
(2) 能熟悉产业标准生态，活用HTML5及CSS3的产业技术标准
(3) 能描述响应式网页设计的功能、特征及技术实践常用标准作法
(4) 能运用设计与制作工具及区分工具使用情境
(5) 能认识相关实践社群及学科，习得最佳实践及技巧的更新途径
用户体验
关于用户体验知识点，教学要求为学生能理解用户体验的科学基础，包括设计心理学。重难点在于用户体验的交叉学科背景，讲授及实践教学环节将以良莠不同的参考案例做分析比较。
页面结构（Page Structure）
关于页面结构，教学要求为从学生能操作页面结构语法—HTML5 and CSS3—的规范。重难点在于页面结构及语法的原理及实践，讲授及实践教学环节将以不同类型网站下的各种页面结构元素安排做参考案例比较，前者包括内容管理系统、问卷调查网站、等，后者包括导航模块、侧栏等。
网站结构（Site Structure）
关于网站结构知识点，教学要求为从学生能理解并区分网站的各组成分子。重难点在于结合网站结构整体规划及各别实际文檔的整合性操作，讲授及实践教学环节将以不同类型网站下的各种HTML及CSS档案安排为参考案例，反复操演比较各类网站之结构安排重点及工作流程。
界面设计（Interface Design）及图形设计（Graphic Design）
关于接口设计及图形设计知识点，教学要求为从学生能适当就界面及图形观点提出网页设计及用户体验的学理及业界规范。重难点在于结合设计及结构，讲授及实践教学环节将以同上知识点操作之方式，反复操演设计安排及互评互检查设计成果。
响应式网页设计
关于响应式网页设计知识点，教学要求为从学生理解并操作响应式网页科技及原理。重难点在于响应式网页要求如何能落实在页面结构、网站结构、界面设计及图形设计上，以增进用户体验，讲授及实践教学环节将以同上知识点操作之方式，反复操演响应式网页设计功能、特征及技术实践常用标准作法及互评互检查设计成果。
<p> ：定义段落
<strong>： 定义语气更为强烈的强调文本。
<ul>： 定义无序列表
<tbody>：定义表格中的主体内容
<li>： 定义列表的项目
<tr>: 定义表格中的行
</td>: 定义表格中单元
<table>： 定义表格
四、教学进度计划表
说明：教学活动除有额外说明，均为混合学习及体验式学习
周次 课程要点 教学活动 阅读资料
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
<p> ：定义段落
<strong>： 定义语气更为强烈的强调文本。
<ul>： 定义无序列表
<tbody>：定义表格中的主体内容
<li>： 定义列表的项目
<tr>: 定义表格中的行
</td>: 定义表格中单元
<table>： 定义表格
<style>: 定义文档的样式信息
其他WORD文书转换或换出HTML格式的方法和结果比较
进入互联网时代，网络订餐成了越来越多人的选择，只需轻点手机，热乎乎的饭菜不到半小时就送到了家门口，由此而衍生的穿梭于大街小巷的外卖小哥，则成了城市新的一道风景线。高三毕业之后，我想去找兼职賺点零花钱用，于是就做上了一个多月的美团外卖小哥，体验到外卖的配送生活，体验到外卖小哥的苦与乐
<p>进入“互联网+”时代，网络订餐成了越来越多人的选择，只需轻点手机，热乎乎的饭菜不到半小时就送到了家门口……由此而衍生的穿梭于大街小巷的外卖小哥，则成了城市新的一道风景线。高三毕业之后，我想去找兼职賺点零花钱用，于是就做上了一个多月的美团外卖小哥，体验到外卖的配送生活，体验到外卖小哥的苦与乐</p>
发现word文本转化的HTML要比教材纲要简单一些。
实践心得：
经过几个小时的学习，通过通读响应式网页设计第一章其实可以看得懂一些原理，然后经过作业的实践，还有一些上网查找解释，看知乎，会发现知识还有很多，我们学到的还只是毛皮，我们还要学的地方有很多，这次实践我也收获不少，希望能接下来的学习也继续努力。
