课程目标
<div>
<div>
<p><strong>二、课程目标</strong></p>
<p>透过混合学习及体验式学习培养学生以下能力：</p>
<p>(1) 能够从<strong>用户体验</strong>框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等</p>
<p>(2) 能熟悉产业标准生态，活用<strong>HTML5</strong>及<strong>CSS3</strong>的产业技术标准</p>
<p>(3) 能描述<strong>响应式网页设计</strong>的功能、特征及技术实践常用标准作法</p>
<p>(4) 能运用设计与制作<strong>工具</strong>及区分工具<strong>使用****情境</strong></p>
<p>(5) 能认识相关<strong>实践社群</strong>及学科，习得最佳实践及技巧的更新途径</p>
</div>
</div>
教学进度计划表
<p><span style="font-weight: bold;">周次 课程要点 阅读资料</span><br />1 网页设计与制作与工具介绍 RWD1 <br />2 从用户体验切入响应式设计实践 RWD2, WSG0 <br />3 HTML基本元素：码云Pages搭建 w3school, 码云Pages<br />4 页面结构（Page Structure） WSG6<br />5 页面制作案例一 ☉期中在线考查 A WP2,WSG4,DMMT <br />6 图像和视频（Images&Video） WSG11, 12<br />7 弹性布局与响应式图片 RWD3 <br />8 HTML5与响应式 RWD4<br />9 CSS3新特性 RWD5<br />10 ☉期中考查 B<br />11 网站结构（Site Structure） WSG5 <br />12 CSS3高级技术 RWD6<br />13 介面设计（Interface Design） WSG7<br />14 图形设计（Graphic Design） WSG8<br />15 SVG与响应式Web设计 ☉期中在线考查 C RWD7 <br />16 CSS3过渡、变形和动画 WSG9<br />17 ☉期末应用项目开发成果展示考查<br />18 ☉期末应用项目开发成果点评总结<br /><br /><strong>（一）教科书</strong><br />Frain, B. (2017). 响应式Web设计：HTML5和CSS3实战（第2版）. (奇舞团译) 人民邮电出版社。<strong>说明：简称 <strong><em>RWD</em></strong>，本课程内容为全書</strong>1,2,3,4,5,6,7,8,9<strong>章</strong><br />Lynch, P. J., & Horton, S. (2016). Web Style Guide : Foundations of User Experience Design (4th ed). New Haven: Yale University Press. <strong>说明：简称 <strong><em>WSG</em></strong>，本课程内容为</strong>5,6,7,8,11,12<strong>章</strong><br />WSG4 1,2,3,4, 网页版：<a href="http://webstyleguide.com/index.html"><u><span style="color: #0066cc;">http://webstyleguide.com/index.html</span></u></a><br /><strong>（二）参考书目</strong><br />田中勇辅(2015)著，许郁文(2016)译‧WordPress架站自学手册. 台北:碁峰資訊。**说明：简称 <strong><em>WP</em></strong><br />克鲁格(Steve Krug). (2014). 点石成金:<em>访客至上的Web__和移动可用性设计秘笈</em>. (蒋芳, 译) (3 本). 机械工业出版社. 说明：简称<strong>DMMT</strong><br />王晖. (2015). 网页设计那些事儿 (<em>第1__版)</em>. 人民邮电出版社. 说明：简称<strong>那</strong></p>
标签
<p> 标签定义段落。
<span> 标签被用来组合文档中的行内元素。
<strong> 把文本定义为语气更强的强调的内容。
<em> 把文本定义为强调的内容。
可插入一个简单的换行符。
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
<u> 标签可定义下划线文本。
<table> 标签定义 HTML 表格。
<tbody> 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。
<tr> 标签定义 HTML 表格中的行。
其他word文档转换成HTML的方法
- 找到自己想转换的word文档，将其打开
- 点击页面左上角的【文件】
- 点击【另存为】并选择存储路径，然后点击【保存类型】
- 选择保存类型【网页】，并点击【保存】
- 保存后，在桌面可以看见一个浏览器标识的“test”，查看属性可以看见类型已经变成“HTML”了
比较
两者标签基本相同，但两种方法下都有着新的标签。因而其是基本通用但具有特殊性的。
实践心得
HTML与我们日常所用的语言有着很大区别。我们的语言具有人性化的特点，因而不可避免存在着一词多义、一语双关或者歧义的情况。但HTML则更为直接明确，虽然不同方法下的标签有所不同，但总体来说确是想通的。
