得出代碼
<div>二、課程目標<br />透過混合學習及體驗式學習培養學生以下能力：<br />(1)能夠從用戶體驗框架，描述網頁設計與制作主要概念，包括頁面結構、網站結構、界面設計、圖形設計及圖像和視頻等<br />(2)能熟悉產業標準生態，活用HTML5及CSS3的產業技術標準<br />(3)能描述響應式網頁設計的功能、特征及技術實踐常用標準作法<br />(4)能運用設計與制作工具及區分工具使用情境<br />(5)能認識相關實踐社群及學科，習得最佳實踐及技巧的更新途徑</div><p>四、教學進度計劃表<br />說明：教學活動除有額外說明，均為混合學習及體驗式學習<br />周次 課程要點 教學活動 閱讀資料<br />1 網頁設計與制作與工具介紹 RWD1<br />2 從用戶體驗切入響應式設計實踐 RWD2, WSG0<br />3 HTML基本元素：碼云Pages搭建 w3school, 碼云Pages<br />4 頁面結構（Page Structure） WSG6<br />5 頁面制作案例一<br />☉期中在線考查 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設計<br />☉期中在線考查 C 教室外實踐或專業分享 RWD7<br />16 CSS3過渡、變形和動畫 WSG9<br />17 ☉期末應用項目開發成果展示考查 <br />18 ☉期末應用項目開發成果點評總結 <br />19 <br />20 </p>
標簽及其含義
- <div>：樣式/節，定義文檔中的節。
- <span>：樣式/節，定義文檔中的節。
- class：HTML 全局屬性，class 屬性規定元素的類名（classname）。class 屬性大多數時候用于指向樣式表中的類（class）。不過，也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
其他轉換方法與比較
- 使用java進行轉換，實例：java word文檔 轉 html文件
- 也有在線轉換網站，多數是針對于轉換html格式/網站，以及會產生冗余代碼，需要清除。
心得
- 說句實話，不是很懂。但是有一點理解了html與doc的對應關系，對html的標簽和顏色對應有了初步認識，會繼續深入學習和了解下去。
