实践

原文

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

四、教学进度计划表

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

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

二、课程目标


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



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

  • 能熟悉产业标准生态,活用HTML5CSS3的产业技术标准

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

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

  • 能认识相关实践社群及学科,习得最佳实践及技巧的更新途径


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


 


 

四、教学进度计划表


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




































































































































周次



课程要点



教学活动



阅读资料



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格式的方法和结果比较

标签

: 定义段落

: 定义表格
: 定义表格中的主体内容
:定义表格中的行
  • :定义列表项目
      :定义无序列表

      其他WORD文书转换或换出HTML格式的方法和结果比较

      原文

      病假申请

      姓名
      学号
      年级
      专业

      请假原因
      是否通知家长
      家长联系方式 学生联系方式

      学生代表签名
      请假人签名
      辅导员签名

      销假证明人

      HTML格式

      病假申请


       


      姓名
      学号
      年级
      专业


       


      请假原因


      是否通知家长


      家长联系方式     学生联系方式


       


      学生代表签名


      请假人签名


      辅导员签名


       


      销假证明人

      结果比较

      word文档的格式相对于简单易懂,更加浅显的反应出了我们所要表达的主要内容,而相比较的HTML格式能更清楚的看出内容每一段的主体大意,每一段在文章中的位置和所起的作用,是针对两个完全不同的方面。但它们里面也是具有共通之处的,当word文档中的内容或格式越繁琐的时候,HTML则会出现更多的标签,它会跟据每一段的所给出的内容和格式做出相应的标签。

      实践心得

      对于刚开始接触响应式web设计的我,HTML代码的转换对于我来说是非常的新奇的,当然一开始接触HTML代码也会对里面的标签十分的不熟悉,不能完全熟悉每个标签所代表的意思内涵,虽然在实践中我能检查到了HTML代码,但其实我对于里面的内涵还是并不太清楚,我会随着以后的学习不断的深入去理解实践得出我对响应式web设计的理解,并尝试着去做得更好,刚刚入门的我对于这堂课程充满的好奇也同时充满的恐惧,但在今后的学习过程中会不断地努力学习,不断探索响应式web设计。

      你可能感兴趣的:(实践)