基本办公文书转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



 



 



 



 


标签:

基础

定义段落

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定

列表

    定义无序列表

  • 定义列表项目

    可用在有序列表 (

      ) 和无序列表 (
        ) 中

    格式

    标签一样,用于强调文本,但它强调的程度更强一些。

    浏览器通常会以不同于 标签的方式来显示 标签中的内容,通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了。

    表格

    定义 HTML 表格

    简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
    更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

    用于组合 HTML 表格的主体内容。

    tbody 元素应该与thead 和 tfoot元素结合起来使用。

    定义 HTML 表格中的行。

    tr 元素包含一个或多个th或td元素。

    定义 HTML 表格中的标准单元格。

    (注:以上解释内容来源于 HTML 参考手册)


    Excel与HTML相互转换的方法

    一、Html转为Excel

    打开网络上的一个包含表格内容的页面,点击菜单栏-文件-另存为
    弹出窗口选择保存路径,将保存类型选为“htm 或Html格式”
    在计算机上新建一个Excel文件并打开,点击菜单栏-数据-导入外部数据-导入数据。
    找到刚才保存的“Html”单击打开,再单击“导入”
    在弹出的“导入数据”窗口中你可以选择“现有工作表”或者“新建工作表”,然后单击确定。

    二Excel转为Html

    点击菜单栏-文件-另存为网页


    adaf2edda3cc7cd96d87984e3901213fb90e91fb.png

    输入导出文件名称,点击保存
    ​双击打开HTML文件,即会调出IE浏览器打开页面

    (注:以上方法内容均来自网络,网址为:https://jingyan.baidu.com/article/597a0643886051312b5243fb.html)


    心得:

    通过实践操作,对HTML加深了了解,从看到代码就像看到外星文到能够认识表格的代码 (包含

    等)并且也能够粗略地码出简单的表格,加深了对其的兴趣。这也让我想到了“实践出真知”,觉得这门课真的特别需要实践来理解感受掌握其知识。

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