課程大綱HTML代碼
<p><strong>二、課程目標(biāo)</strong></p >
<p>透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p >
<ul>
<li>能夠從<strong>用戶體驗(yàn)</strong>框架，描述網(wǎng)頁設(shè)計(jì)與制作主要概念，包括頁面結(jié)構(gòu)、網(wǎng)站結(jié)構(gòu)、界面設(shè)計(jì)、圖形設(shè)計(jì)及圖像和視頻等</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è)計(jì)</strong>的功能、特征及技術(shù)實(shí)踐常用標(biāo)準(zhǔn)作法</li>
<li>能運(yùn)用設(shè)計(jì)與制作<strong>工具</strong>及區(qū)分工具<strong>使用</strong><strong>情境</strong></li>
<li>能認(rèn)識(shí)相關(guān)<strong>實(shí)踐社群</strong>及學(xué)科，習(xí)得最佳實(shí)踐及技巧的更新途徑</li>
</ul>
教學(xué)進(jìn)度表HTML
<p><strong>四、教學(xué)進(jìn)度計(jì)劃表</strong></p >
<p>說明：<strong>教學(xué)活動(dòng)</strong>除有額外說明，均為混合學(xué)習(xí)及體驗(yàn)式學(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é)活動(dòng)</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è)計(jì)與制作與工具介紹</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àn)切入響應(yīng)式設(shè)計(jì)實(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>教室外實(shí)踐或?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> | 定義列表的項(xiàng)目。 |
| <td> | 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格。 |
| <tr> | 標(biāo)簽定義 HTML 表格中的行。 |
| <table> | 標(biāo)簽定義 HTML 表格。 |
| <li> | 標(biāo)簽定義列表項(xiàng)目。 |
| <li> | 標(biāo)簽可用在有序列表 (<ol>) 和無序列表 (<ul>) 中 |
方法和結(jié)果比較
Word文檔轉(zhuǎn)換成HTML需要 HTML格式 專門軟件
而通過html-clearner.com 轉(zhuǎn)換只需將文檔直接復(fù)制粘貼即可
相較而言 第一個(gè)較為麻煩 且需清理一些代碼 而第二個(gè)只需要簡(jiǎn)單的操作即可
實(shí)踐心得
HTML語言具有 簡(jiǎn)易性 可擴(kuò)展性 平臺(tái)無關(guān)性 通用性 且編輯方式多種多樣 不只是單純限制于一個(gè)編輯器 而且更新較快 在短短十幾年間已出了5版 屬于一個(gè)不斷更新的語言 是具有無限可能性的
但由于編寫器的單一性使得 如沒有專門編輯器便無法簡(jiǎn)單快捷的進(jìn)行轉(zhuǎn)換成網(wǎng)頁 故覺得還是有著一定的不足 如Word文檔轉(zhuǎn)換成HTML時(shí)的操作過于繁雜 時(shí)間也需較長(zhǎng)(雖然說只需要一杯咖啡的時(shí)間即可轉(zhuǎn)換完成）
HTML的代碼的參考手冊(cè)上所列的代碼雖多但也是十分簡(jiǎn)單（畢竟沒有任何一項(xiàng)編程語言可以比漢字更博大精深） 需要一定時(shí)間記憶 （熟悉）
其他便沒有了 這只是個(gè)人的一些想法而言
