（I）二墨榄、課程目標(biāo)5點(diǎn)（含標(biāo)題）

<p><strong>二吏夯、課程目標(biāo)</strong></p>
<p>透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p>
<ul>
<li>能夠從<strong>用戶體驗(yàn)</strong>框架此蜈，描述網(wǎng)頁(yè)設(shè)計(jì)與制作主要概念，包括頁(yè)面結(jié)構(gòu)噪生、網(wǎng)站結(jié)構(gòu)裆赵、界面設(shè)計(jì)、圖形設(shè)計(jì)及圖像和視頻等</li>
<li>能熟悉產(chǎn)業(yè)標(biāo)準(zhǔn)生態(tài)跺嗽，活用<strong>HTML5</strong>及<strong>CSS3</strong>的產(chǎn)業(yè)技術(shù)標(biāo)準(zhǔn)</li>
<li>能描述<strong>響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)</strong>的功能战授、特征及技術(shù)實(shí)踐常用標(biāo)準(zhǔn)作法</li>
<li>能運(yùn)用設(shè)計(jì)與制作<strong>工具</strong>及區(qū)分工具<strong>使用</strong><strong>情境</strong></li>
<li>能認(rèn)識(shí)相關(guān)<strong>實(shí)踐社群</strong>及學(xué)科，習(xí)得最佳實(shí)踐及技巧的更新途徑</li>
</ul>

<p> （基礎(chǔ)） 定義段落
<strong> （格式）定義語(yǔ)氣更為強(qiáng)烈的強(qiáng)調(diào)文本
<li> （列表）定義列表的項(xiàng)目

（II）教程進(jìn)度計(jì)劃表（含標(biāo)題）

<p><strong>四桨嫁、教學(xué)進(jìn)度計(jì)劃表</strong></p>
<p>說(shuō)明：<strong>教學(xué)活動(dòng)</strong>除有額外說(shuō)明植兰，均為混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)</p>
<table width="438">
<tbody>
<tr>
<td width="44">
<p><strong>周次</strong></p>
</td>
<td width="202">
<p><strong>課程要點(diǎn)</strong></p>
</td>
<td width="71">
<p><strong>教學(xué)活動(dòng)</strong></p>
</td>
<td width="121">
<p><strong>閱讀資料</strong></p>
</td>
</tr>
<tr>
<td width="44">
<p>1</p>
</td>
<td width="202">
<p>網(wǎng)頁(yè)設(shè)計(jì)與制作與工具介紹</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="44">
<p>2</p>
</td>
<td width="202">
<p>從用戶體驗(yàn)切入響應(yīng)式設(shè)計(jì)實(shí)踐</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="44">
<p>3</p>
</td>
<td width="202">
<p>HTML基本元素：碼云Pages搭建</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="44">
<p>4</p>
</td>
<td width="202">
<p>頁(yè)面結(jié)構(gòu)（Page Structure）</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="44">
<p>5</p>
</td>
<td width="202">
<p>頁(yè)面制作案例一<br /> ☉<strong>期中在線考查</strong> <strong>A</strong></p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="44">
<p>6</p>
</td>
<td width="202">
<p>圖像和視頻（Images&Video）</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="44">
<p>7</p>
</td>
<td width="202">
<p>彈性布局與響應(yīng)式圖片</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="44">
<p>8</p>
</td>
<td width="202">
<p>HTML5與響應(yīng)式</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="44">
<p>9</p>
</td>
<td width="202">
<p>CSS3新特性</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="44">
<p>10</p>
</td>
<td width="202">
<p><strong>☉</strong><strong>期中考查</strong><strong> B</strong></p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
<tr>
<td width="44">
<p>11</p>
</td>
<td width="202">
<p>網(wǎng)站結(jié)構(gòu)（Site Structure）</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="44">
<p>12</p>
</td>
<td width="202">
<p>CSS3高級(jí)技術(shù)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="44">
<p>13</p>
</td>
<td width="202">
<p>介面設(shè)計(jì)（Interface Design）</p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="44">
<p>14</p>
</td>
<td width="202">
<p>圖形設(shè)計(jì)（Graphic Design）</p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="44">
<p>15</p>
</td>
<td width="202">
<p>SVG與響應(yīng)式Web設(shè)計(jì)<br /> ☉<strong>期中在線考查</strong><strong> C</strong></p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="44">
<p>16</p>
</td>
<td width="202">
<p>CSS3過(guò)渡、變形和動(dòng)畫</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="44">
<p>17</p>
</td>
<td width="202">
<p>☉期末應(yīng)用項(xiàng)目開發(fā)成果展示考查</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
<tr>
<td width="44">
<p>18</p>
</td>
<td width="202">
<p>☉期末應(yīng)用項(xiàng)目開發(fā)成果點(diǎn)評(píng)總結(jié)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
<tr>
<td width="44">
<p>19</p>
</td>
<td width="202">
<p><strong>?</strong></p>
</td>
<td width="71">
<p><strong>?</strong></p>
</td>
<td width="121">
<p><strong>?</strong></p>
</td>
</tr>
<tr>
<td width="44">
<p>20</p>
</td>
<td width="202">
<p><strong>?</strong></p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
</tbody>
</table>
<p>?</p>

<table>（表格）定義表格
<tr>（表格）定義表格中的行
<td>（表格）定義表格中的單元

其他word文書轉(zhuǎn)換

實(shí)踐心得：這是Web設(shè)計(jì)的一個(gè)小小部分璃吧，基礎(chǔ)要先打好楣导，在未來(lái)的學(xué)習(xí)當(dāng)中十分重要。當(dāng)然畜挨，Web是活的筒繁，不是死的，所以要與時(shí)俱進(jìn)巴元，不然就會(huì)掉到舊歷史的漩渦中毡咏。