基本办公文书转HTML工具

注,该文章中的HTML语法转换自网页* * https://html-cleaner.com

原文

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

HTML代码

二、课程目标


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



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

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

  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

| | |
|

1****1

|

网站结构(Site Structure)

| |

WSG5

|
|

1****2

|

CSS3高级技术

| |

RWD6

|
|

1****3

|

介面设计(Interface Design)

|

教室外实践或专业分享

|

WSG7

|
|

14

|

图形设计(Graphic Design)

|

教室外实践或专业分享

|

WSG8

|
|

1****5

|

SVG与响应式Web设计 ☉期中在线考查 C

|

教室外实践或专业分享

|

RWD7

|
|

16

|

CSS3过渡、变形和动画

| |

WSG9

|
|

1****7

|

☉期末应用项目开发成果展示考查

| | |
|

18

|

☉期末应用项目开发成果点评总结

| | |
|

19

| | | |
|

20

| | | |

fx�r n�

HTML代码

四、教学进度计划表


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




































































































































周次



课程要点



教学活动



阅读资料



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代码"标签"

:定义段落

    :定义有序列表

  • :定义列表项目
  • :定义表格

    :定义表格中的主体内容

    :定义表格中的行

    :定义表格中的单元

    其他Word文书转换

    原文

    非常感谢您参与本次问卷调查!

    1、你的性别? (单选题 *必答)

    ○ 男

    ○ 女

    2、你所在的年级? (单选题 *必答)

    ○ 大一

    ○ 大二

    ○ 大三

    ○ 大四

    ○ 研究生

    3、你所居住的地方? (单选题 *必答)

    ○ 城市

    ○ 乡镇

    ○ 农村

    HTML代码

    非常感谢您参与本次问卷调查!


     


    1、你的性别? (单选题 *必答)


     ○ 男


     ○ 女


     


    2、你所在的年级? (单选题 *必答)


     ○ 大一


     ○ 大二


     ○ 大三


     ○ 大四


     ○ 研究生


     


    3、你所居住的地方? (单选题 *必答)


     ○ 城市


     ○ 乡镇


     ○ 农村

    如果是使用不同格式的Word文档会转换出不同的HTML代码,而如果选择不用HTML转换器,还可以在保存Word文档的时候选择另存为,然后保存为筛选过的网页。——该方法摘自《知乎》用户zecy

    实践心得

    上周三晚的第一堂课,我了解到了响应式web设计的原理和表现,也掌握了一点理论知识,知道了HTML5和CSS3的基本理论。看了教材《响应式web设计》知道了同样的网页可以做到在不同的用户端上显示不同的内容,例如老师课堂上举的例子,中大南方文传院的网页,整个页面制作精美,可以看得出制作者的用心良苦。课后在做作业的时候也有在网上寻找到一些同样是使用了响应式web设计的网站,更进一步了解到使用了响应式web设计和没有使用响应式web设计的区别。吴老师课上有提到有些网站不使用响应式web设计有一部分原因是因为用户分流,因为它们有的是有客户端的,所以不需要响应式web设计(?)。我自己摸索得还不是很透彻,所以在今后的学习过程中,除了加强计算机语言语法的掌握和使用以外,也需要了解到事情背后的意义,不要为了学习而学习。

    你可能感兴趣的:(基本办公文书转HTML工具)