課程大綱HTML代碼
<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>能運(yùn)用設(shè)計與制作<strong>工具</strong>及區(qū)分工具<strong>使用</strong><strong>情境</strong></li>
<li>能認(rèn)識相關(guān)<strong>實踐社群</strong>及學(xué)科，習(xí)得最佳實踐及技巧的更新途徑</li>
</ul>
教學(xué)進(jìn)度表HTML
<p><strong>四、教學(xué)進(jìn)度計劃表</strong></p >
<p>說明：<strong>教學(xué)活動</strong>除有額外說明，均為混合學(xué)習(xí)及體驗式學(xué)習(xí)</p >
<table width="875">
<tbody>
<tr>
<td width="88">
<p><strong>周次</strong></p >
</td>
<td width="404">
<p><strong>課程要點(diǎn)</strong></p >
</td>
<td width="142">
<p><strong>教學(xué)活動</strong></p >
</td>
<td width="241">
<p><strong>閱讀資料</strong></p >
</td>
</tr>
<tr>
<td width="88">
<p>1</p >
</td>
<td width="404">
<p>網(wǎng)頁設(shè)計與制作與工具介紹</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241">
<p>RWD1</p >
</td>
</tr>
<tr>
<td width="88">
<p>2</p >
</td>
<td width="404">
<p>從用戶體驗切入響應(yīng)式設(shè)計實踐</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241">
<p>RWD2, WSG0</p >
</td>
</tr>
<tr>
<td width="88">
<p>3</p >
</td>
<td width="404">
<p>HTML基本元素：碼云Pages搭建</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241">
<p>w3school, 碼云Pages</p >
</td>
</tr>
<tr>
<td width="88">
<p>4</p >
</td>
<td width="404">
<p>頁面結(jié)構(gòu)（Page Structure）</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241">
<p>WSG6</p >
</td>
</tr>
<tr>
<td width="88">
<p>5</p >
</td>
<td width="404">
<p>頁面制作案例一<br /> <strong>期中在線考查</strong> <strong>A</strong></p >
</td>
<td width="142">
<p>教室外實踐或?qū)I(yè)分享</p >
</td>
<td width="241">
<p>WP2,WSG4,DMMT</p >
</td>
</tr>
<tr>
<td width="88">
<p>6</p >
</td>
<td width="404">
<p>圖像和視頻（Images&Video）</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241">
<p>WSG11, 12</p >
</td>
</tr>
<tr>
<td width="88">
<p>7</p >
</td>
<td width="404">
<p>彈性布局與響應(yīng)式圖片</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241">
<p>RWD3</p >
</td>
</tr>
<tr>
<td width="88">
<p>8</p >
</td>
<td width="404">
<p>HTML5與響應(yīng)式</p >
</td>
<td width="142">
<p> </p >
</td>
<td width="241
功能描述
| 標(biāo)簽 | 功能 |
|---|---|
| <p> | 定義段落。 |
| <li> | 定義列表的項目。 |
| <td> | 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格。 |
| <tr> | 標(biāo)簽定義 HTML 表格中的行。 |
| <table> | 標(biāo)簽定義 HTML 表格。 |
| <li> | 標(biāo)簽定義列表項目。 |
| <li> | 標(biāo)簽可用在有序列表 (<ol>) 和無序列表 (<ul>) 中 |
方法和結(jié)果比較
Word文檔轉(zhuǎn)換成HTML需要 HTML格式 專門軟件
而通過html-clearner.com 轉(zhuǎn)換只需將文檔直接復(fù)制粘貼即可
相較而言 第一個較為麻煩 且需清理一些代碼 而第二個只需要簡單的操作即可
上面所書的只是個人覺得方法比較 畢竟每一個人都有著自己對于這二者的認(rèn)識
結(jié)果的話 word文檔中會進(jìn)行一個代碼的刪減 因為要將一樣?xùn)|西轉(zhuǎn)換成另外一樣的東西的時候 必定要進(jìn)行一個刪減才能完成
而通過html-cleaner進(jìn)行轉(zhuǎn)換的話 可能對這些 不需要轉(zhuǎn)換的說 （只是個人的感想）
實踐心得
HTML語言具有 簡易性 可擴(kuò)展性 平臺無關(guān)性 通用性 且編輯方式多種多樣 不只是單純限制于一個編輯器 而且更新較快 在短短十幾年間已出了5版 屬于一個不斷更新的語言 是具有無限可能性的
但由于編寫器的單一性使得 如沒有專門編輯器便無法簡單快捷的進(jìn)行轉(zhuǎn)換成網(wǎng)頁 故覺得還是有著一定的不足 如Word文檔轉(zhuǎn)換成HTML時的操作過于繁雜 時間也需較長(雖然說只需要一杯咖啡的時間即可轉(zhuǎn)換完成）
HTML的代碼的參考手冊上所列的代碼雖多但也是十分簡單（畢竟沒有任何一項編程語言可以比漢字更博大精深） 需要一定時間記憶 （熟悉）
其他便沒有了 這只是個人的一些想法而言
