本课程通过混合学习和体验式学习方式，培养学生的网页设计与制作能力，重点讲解HTML5、CSS3及响应式网页设计等内容，使学生掌握产业标准生态及网页设计最佳实践。
HTML代码
(I) 二丶课程目标
二、课程目标
透过混合学习及体验式学习培养学生以下能力：
- 能够从用户体验框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等
- 能熟悉产业标准生态，活用HTML5及CSS3的产业技术标准
- 能描述响应式网页设计的功能、特征及技术实践常用标准作法
- 能运用设计与制作工具及区分工具使用情境
- 能认识相关实践社群及学科，习得最佳实践及技巧的更新途径
(II) 四丶教学进度计划表
四、教学进度计划表
说明：教学活动除有额外说明，均为混合学习及体验式学习
周次 | 课程要点 | 教学活动 | 阅读资料 |
1 | 网页设计与制作与工具介绍 | RWD1 | |
2 | 从用户体验切入响应式设计实践 | RWD2, WSG0 | |
3 | HTML基本元素：码云Pages搭建 | w3school, 码云Pages | |
4 | 页面结构(Page Structure) | WSG6 | |
5 | 页面制作案例一 | 教室外实践或专业分享 | 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设计 | 教室外实践或专业分享 | RWD7 |
16 | CSS3过渡、变形和动画 | WSG9 | |
17 | ☉期末应用项目开发成果展示考查 | ||
18 | ☉期末应用项目开发成果点评总结 | ||
19 | |||
20 |
关于标签的功能类别及描述
基础
：定义段落。
格式
：把文本定义为语气更强的强调的内容。
列表
- ：定义无序列表。
- ：定义列表的项目。
表格
：定义表格中的单元。 将Word转换为HTML的方法
HTML Cleaner
HTML Cleaner
这种方法可以直接看到HTML文本，需要用户自己再进行复制粘贴操作。
直接使用Microsoft Word
打开文档；
点击文件-另存为；
Word操作界面
保存类型选择网页；
Word操作界面
点击保存，即可看到类型为HTML。
当需要直接对文档进行转换时，用Word自身的转换方式较为简便，也可以直接保存。
实践心得
从上学期的课程简单知道了HTML，此次的练习是以实践更加懂得了其用法和意义。在HTML参考手册中知道了各种标签的意思及功能，不会像一开始一样看着一大片的英文字母而根本不懂是什么意思。也试着自己去其他网页上尝试操作。
在学习响应式网页设计的时候才知道这种网页适应视图原来是需要一系列的操作以达到响应式设计，在做作业的时候自己去浏览很多不同网站，发现拥有响应式的网站确实给用户带来很大的便捷，也更能吸引人们去浏览，是网页设计的一项不可缺少的操作。
部分方法内容来源于百度
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
