HTML代碼
<p><strong>二惹想、課程目標</strong></p>
<p>透過混合學習及體驗式學習培養(yǎng)學生以下能力：</p>
<ul>
<li>能夠從<strong><strong>用戶體驗</strong></strong>框架问词，描述網(wǎng)頁設計與制作主要概念，包括頁面結(jié)構(gòu)嘀粱、網(wǎng)站結(jié)構(gòu)激挪、界面設計、圖形設計及圖像和視頻等</li>
<li>能熟悉產(chǎn)業(yè)標準生態(tài)锋叨，活用<strong><strong>HTML5</strong></strong>及<strong><strong>CSS3</strong></strong>的產(chǎn)業(yè)技術(shù)標準</li>
<li>能描述<strong><strong>響應式網(wǎng)頁設計</strong></strong>的功能垄分、特征及技術(shù)實踐常用標準作法</li>
<li>能運用設計與制作<strong><strong>工具</strong></strong>及區(qū)分工具<strong><strong>使用</strong></strong><strong><strong>情境</strong></strong></li>
<li>能認識相關<strong><strong>實踐社群</strong></strong>及學科，習得最佳實踐及技巧的更新途徑</li>
</ul>
<p><strong>四娃磺、教學進度計劃表</strong></p>
<p>說明：<strong><strong>教學活動</strong></strong>除有額外說明薄湿，均為混合學習及體驗式學習</p>
<table>
<tbody>
<tr>
<td width="87">
<p><strong><strong>周次</strong></strong></p>
</td>
<td width="404">
<p><strong><strong>課程要點</strong></strong></p>
</td>
<td width="141">
<p><strong><strong>教學活動</strong></strong></p>
</td>
<td width="241">
<p><strong><strong>閱讀資料</strong></strong></p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>1</strong></strong></p>
</td>
<td width="404">
<p>網(wǎng)頁設計與制作與工具介紹</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>2</strong></strong></p>
</td>
<td width="404">
<p>從用戶體驗切入響應式設計實踐</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>3</strong></strong></p>
</td>
<td width="404">
<p>HTML基本元素：碼云Pages搭建?</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>4</strong></strong></p>
</td>
<td width="404">
<p>頁面結(jié)構(gòu)（Page Structure）</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>5</strong></strong></p>
</td>
<td width="404">
<p>頁面制作案例一 ☉<strong><strong>期中在線考查</strong></strong><strong><strong>?</strong></strong><strong><strong>A</strong></strong></p>
</td>
<td width="141">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>6</strong></strong></p>
</td>
<td width="404">
<p>圖像和視頻（Images&Video）</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>7</strong></strong></p>
</td>
<td width="404">
<p>彈性布局與響應式圖片</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>8</strong></strong></p>
</td>
<td width="404">
<p>HTML5與響應式</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>9</strong></strong></p>
</td>
<td width="404">
<p>CSS3新特性</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>10</strong></strong></p>
</td>
<td width="404">
<p><strong><strong>☉</strong></strong><strong><strong>期中考查</strong></strong><strong><strong>?</strong></strong><strong><strong>B</strong></strong></p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>1</strong></strong><strong><strong>1</strong></strong></p>
</td>
<td width="404">
<p>網(wǎng)站結(jié)構(gòu)（Site Structure）</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>1</strong></strong><strong><strong>2</strong></strong></p>
</td>
<td width="404">
<p>CSS3高級技術(shù)</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>1</strong></strong><strong><strong>3</strong></strong></p>
</td>
<td width="404">
<p>介面設計（Interface Design）</p>
</td>
<td width="141">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>14</strong></strong></p>
</td>
<td width="404">
<p>圖形設計（Graphic Design）</p>
</td>
<td width="141">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>1</strong></strong><strong><strong>5</strong></strong></p>
</td>
<td width="404">
<p>SVG與響應式Web設計 ☉<strong><strong>期中在線考查 </strong></strong><strong><strong>C</strong></strong></p>
</td>
<td width="141">
<p>教室外實踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>16</strong></strong></p>
</td>
<td width="404">
<p>CSS3過渡、變形和動畫</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>1</strong></strong><strong><strong>7</strong></strong></p>
</td>
<td width="404">
<p>☉期末應用項目開發(fā)成果展示考查</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>18</strong></strong></p>
</td>
<td width="404">
<p>☉期末應用項目開發(fā)成果點評總結(jié)</p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>19</strong></strong></p>
</td>
<td width="404">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="141">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="241">
<p><strong><strong>?</strong></strong></p>
</td>
</tr>
<tr>
<td width="87">
<p><strong><strong>20</strong></strong></p>
</td>
<td width="404">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="141">
<p>?</p>
</td>
<td width="241">?</td>
</tr>
</tbody>
</table>
<p>?</p>
列出的"標簽", 一一在HTML 參考手冊查找其功能類別及描述
- <p>定義段落
- <strong>把文本定義為語氣更強的強調(diào)的內(nèi)容
- <ul>標簽定義為無序列表
- <li>標簽定義列表項目 可用在有序列表（<ol>)和無序列表（<ul>)中
- <table>定義表格<strong>
- <tbody>定義表格中的主體內(nèi)容
- <tr>定義表格中的行
- <td>定義表格中的單元
其他WORD文書轉(zhuǎn)換或換出HTML格式的方法和結(jié)果比較
第一步：
通過wps將word保存為html格式偷卧。
以下均引用http://www.jb51.net/office/word/506699.html
步驟如下：
1豺瘤、打開word文檔，單擊菜單欄中的“文件”涯冠，找到“另存為” 或“另存為網(wǎng)頁”，如圖所示逼庞。
2蛇更、單擊另存為” 或“另存為網(wǎng)頁”，彈出"另存為" 窗口， 如圖所示派任。
3砸逊、在"另存為" 窗口的“保存類型”，下拉菜單中找到“網(wǎng)頁”掌逛。
4师逸、在“文件名”一欄中可以修改我們想要的文件名，如圖我改成了“經(jīng)驗”豆混。
5篓像、點“保存”，就把一篇word文檔保存成網(wǎng)頁格式了皿伺。我保存在桌面了员辩。
6、這時候在桌面就可以找到保存的網(wǎng)頁鸵鸥，然后用瀏覽器會打開并顯示網(wǎng)頁的內(nèi)容
雖然出來完成了奠滑，但如果打開源碼查看可以看到很多的比較亂的代碼，可以進行二次清理才可以妒穴。
心得
比較可得宋税，雖然word文書轉(zhuǎn)換成HTML的格式同樣也能轉(zhuǎn)化為網(wǎng)頁，但其也存在著很大的不足讼油，比如代碼比較混亂杰赛，還需要進行二次清理。在通過基本辦公文書轉(zhuǎn)HTML的過程中汁讼，我覺得代碼的種類繁多淆攻，在入門學習的時候認為較為復雜，但是HTML中的代碼分類清晰嘿架，我們可以通過固定的代碼了解它在文本中所呈現(xiàn)的方式瓶珊、位置與內(nèi)容，可以更加高效率的通過編寫代碼去完成在網(wǎng)頁上所需要呈現(xiàn)的效果耸彪，去完成一個自己所需呈現(xiàn)的網(wǎng)頁編排效果伞芹。
