代碼：
課程目標(biāo)
<p><strong>二、課程目標(biāo)</strong></p>
<p>透過混合學(xué)習(xí)及體驗式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p>
<ul>
<li>能夠從<strong>用戶體驗</strong>框架，描述網(wǎng)頁設(shè)計與制作主要概念，包括頁面結(jié)構(gòu)、網(wǎng)站結(jié)構(gòu)、界面設(shè)計、圖形設(shè)計及圖像和視頻等</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)頁設(shè)計</strong>的功能、特征及技術(shù)實踐常用標(biāo)準(zhǔn)作法</li>
<li>能運用設(shè)計與制作<strong>工具</strong>及區(qū)分工具<strong>使用</strong><strong>情境</strong></li>
<li>能認(rèn)識相關(guān)<strong>實踐社群</strong>及學(xué)科，習(xí)得最佳實踐及技巧的更新途徑</li>
</ul>
教學(xué)進(jìn)度計劃表
<p><strong>教學(xué)進(jìn)度計劃表</strong></p>
<p>說明：<strong>教學(xué)活動</strong>除有額外說明，均為混合學(xué)習(xí)及體驗式學(xué)習(xí)</p>
<table width="583">
<tbody>
<tr>
<td width="59">
<p><strong>周次</strong></p>
</td>
<td width="270">
<p><strong>課程要點</strong></p>
</td>
<td width="95">
<p><strong>教學(xué)活動</strong></p>
</td>
<td width="161">
<p><strong>閱讀資料</strong></p>
</td>
</tr>
<tr>
<td width="59">
<p>1</p>
</td>
<td width="270">
<p>網(wǎng)頁設(shè)計與制作與工具介紹</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="59">
<p>2</p>
</td>
<td width="270">
<p>從用戶體驗切入響應(yīng)式設(shè)計實踐</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="59">
<p>3</p>
</td>
<td width="270">
<p>HTML基本元素：碼云Pages搭建</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="59">
<p>4</p>
</td>
<td width="270">
<p>頁面結(jié)構(gòu)（Page Structure）</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="59">
<p>5</p>
</td>
<td width="270">
<p>頁面制作案例一<br /> ☉<strong>期中在線考查</strong> <strong>A</strong></p>
</td>
<td width="95">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="161">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="59">
<p>6</p>
</td>
<td width="270">
<p>圖像和視頻（Images&Video）</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="59">
<p>7</p>
</td>
<td width="270">
<p>彈性布局與響應(yīng)式圖片</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="59">
<p>8</p>
</td>
<td width="270">
<p>HTML5與響應(yīng)式</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="59">
<p>9</p>
</td>
<td width="270">
<p>CSS3新特性</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="59">
<p>10</p>
</td>
<td width="270">
<p><strong>☉</strong><strong>期中考查</strong><strong> B</strong></p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
<tr>
<td width="59">
<p>11</p>
</td>
<td width="270">
<p>網(wǎng)站結(jié)構(gòu)（Site Structure）</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="59">
<p>12</p>
</td>
<td width="270">
<p>CSS3高級技術(shù)</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="59">
<p>13</p>
</td>
<td width="270">
<p>介面設(shè)計（Interface Design）</p>
</td>
<td width="95">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="161">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="59">
<p>14</p>
</td>
<td width="270">
<p>圖形設(shè)計（Graphic Design）</p>
</td>
<td width="95">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="161">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="59">
<p>15</p>
</td>
<td width="270">
<p>SVG與響應(yīng)式Web設(shè)計<br /> ☉<strong>期中在線考查</strong><strong> C</strong></p>
</td>
<td width="95">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="161">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="59">
<p>16</p>
</td>
<td width="270">
<p>CSS3過渡、變形和動畫</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="59">
<p>17</p>
</td>
<td width="270">
<p>☉期末應(yīng)用項目開發(fā)成果展示考查</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
<tr>
<td width="59">
<p>18</p>
</td>
<td width="270">
<p>☉期末應(yīng)用項目開發(fā)成果點評總結(jié)</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
<tr>
<td width="59">
<p>19</p>
</td>
<td width="270">
<p><strong>?</strong></p>
</td>
<td width="95">
<p><strong>?</strong></p>
</td>
<td width="161">
<p><strong>?</strong></p>
</td>
</tr>
<tr>
<td width="59">
<p>20</p>
</td>
<td width="270">
<p><strong>?</strong></p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
</tbody>
</table>
<p>?</p>
標(biāo)簽：
基礎(chǔ)
<p>
定義段落
p 元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規(guī)定
列表
<ul>
定義無序列表
<li>
定義列表項目
可用在有序列表 (<ol>) 和無序列表 (<ul>) 中
格式
<strong>
和 <em> 標(biāo)簽一樣，用于強(qiáng)調(diào)文本，但它強(qiáng)調(diào)的程度更強(qiáng)一些。
瀏覽器通常會以不同于 <em> 標(biāo)簽的方式來顯示 <strong> 標(biāo)簽中的內(nèi)容，通常是用加粗的字體（相對于斜體）來顯示其中的內(nèi)容，這樣用戶就可以把這兩個標(biāo)簽區(qū)分開來了。
表格
<table>
定義 HTML 表格
簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。
更復(fù)雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
<tbody>
用于組合 HTML 表格的主體內(nèi)容。
tbody 元素應(yīng)該與thead 和 tfoot元素結(jié)合起來使用。
<tr>
定義 HTML 表格中的行。
tr 元素包含一個或多個th或td元素。
<td>
定義 HTML 表格中的標(biāo)準(zhǔn)單元格。
(注：以上解釋內(nèi)容來源于 HTML 參考手冊)
Excel與HTML相互轉(zhuǎn)換的方法
一、Html轉(zhuǎn)為Excel
打開網(wǎng)絡(luò)上的一個包含表格內(nèi)容的頁面，點擊菜單欄-文件-另存為
彈出窗口選擇保存路徑，將保存類型選為“htm 或Html格式”
在計算機(jī)上新建一個Excel文件并打開，點擊菜單欄-數(shù)據(jù)-導(dǎo)入外部數(shù)據(jù)-導(dǎo)入數(shù)據(jù)。
找到剛才保存的“Html”單擊打開，再單擊“導(dǎo)入”
在彈出的“導(dǎo)入數(shù)據(jù)”窗口中你可以選擇“現(xiàn)有工作表”或者“新建工作表”，然后單擊確定。
二Excel轉(zhuǎn)為Html
點擊菜單欄-文件-另存為網(wǎng)頁
adaf2edda3cc7cd96d87984e3901213fb90e91fb.png
輸入導(dǎo)出文件名稱，點擊保存
?雙擊打開HTML文件，即會調(diào)出IE瀏覽器打開頁面
(注：以上方法內(nèi)容均來自網(wǎng)絡(luò)，網(wǎng)址為：https://jingyan.baidu.com/article/597a0643886051312b5243fb.html)
心得：
通過實踐操作，對HTML加深了了解，從看到代碼就像看到外星文到能夠認(rèn)識表格的代碼 （包含<table><tr><td>等）并且也能夠粗略地碼出簡單的表格，加深了對其的興趣。這也讓我想到了“實踐出真知”，覺得這門課真的特別需要實踐來理解感受掌握其知識。
