- 使用 https://html-cleaner.com ，得出HTML代碼
<p><strong>二、課程目標</strong></p>
<p>透過混合學習及體驗式學習培養(yǎng)學生以下能力：</p>
<ul>
<li>能夠從<strong>用戶體驗</strong>框架，描述網(wǎng)頁設計與制作主要概念，包括頁面結(jié)構(gòu)、網(wǎng)站結(jié)構(gòu)、界面設計、圖形設計及圖像和視頻等</li>
<li>能熟悉產(chǎn)業(yè)標準生態(tài)，活用<strong>HTML5</strong>及<strong>CSS3</strong>的產(chǎn)業(yè)技術標準</li>
<li>能描述<strong>響應式網(wǎng)頁設計</strong>的功能、特征及技術實踐常用標準作法</li>
<li>能運用設計與制作<strong>工具</strong>及區(qū)分工具<strong>使用</strong><strong>情境</strong></li>
<li>能認識相關<strong>實踐社群</strong>及學科，習得最佳實踐及技巧的更新途徑</li>
</ul>
<h3>教學進度計劃表</h3>
<div>
<div>
<p data-source-line="1">周次 課程要點 閱讀資料<br />1 網(wǎng)頁設計與制作與工具介紹 RWD1?<br />2 從用戶體驗切入響應式設計實踐 RWD2, WSG0?<br />3 HTML基本元素：碼云Pages搭建 w3school, 碼云Pages<br />4 頁面結(jié)構(gòu)（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 網(wǎng)站結(jié)構(gòu)（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 ☉期末應用項目開發(fā)成果展示考查<br />18 ☉期末應用項目開發(fā)成果點評總結(jié)</p>
</div>
</div>
- 分別就這兩部份內(nèi)容轉(zhuǎn)換出的HTML代碼"標簽"記錄并列出
<p><strong></strong></p>
<ul></ul>
<li></li>
<h3></h3>
<div></div>
<p></p>
<br />
- 就列出的"標簽", 一一在HTML 參考手冊查找其功能類別及描述
| 標簽 | 描述 |
|---|---|
| <h3> | 定義 HTML 標題 |
| <div> | 定義文檔中的節(jié) |
| <p> | 定義段落 |
| <br | 定義簡單的折行。 |
| <strong> | 定義語氣更為強烈的強調(diào)文本 |
| <ul> | 定義無序列表 |
| <li> | 定義列表的項目 |
- 其他WORD文書轉(zhuǎn)換或換出HTML格式的方法和結(jié)果比較
使用站長工具轉(zhuǎn)換HTML格式，不僅可以線上轉(zhuǎn)化，同時也非常實用、快捷和便利。
- 實踐心得
線上有許多供我們轉(zhuǎn)換成HTML的工具，非常的實用與便利。對于外行以及初學者來說，這是我們學習HTML的一個好方法的好工具，面對繁瑣的代碼，它能夠幫助我們快速的實現(xiàn)我們想要的結(jié)果，提高效率，節(jié)省時間。但是我們也不能過于依賴它們，而是要利用這些工具獲得知識。
以上為我的課堂整理和思考。
