課程大綱HTML代碼
<p><strong>二氓奈、課程目標(biāo)</strong></p >
<p>透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p >
<ul>
<li>能夠從<strong>用戶體驗(yàn)</strong>框架痹籍，描述網(wǎng)頁(yè)設(shè)計(jì)與制作主要概念瞬欧，包括頁(yè)面結(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)頁(yè)設(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>說(shuō)明：<strong>教學(xué)活動(dòng)</strong>除有額外說(shuō)明恬叹，均為混合學(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)頁(yè)設(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>頁(yè)面結(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>頁(yè)面制作案例一<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>) 和無(wú)序列表 (<ul>) 中 |
方法和結(jié)果比較
Word文檔轉(zhuǎn)換成HTML需要 HTML格式 專門軟件
而通過(guò)html-clearner.com 轉(zhuǎn)換只需將文檔直接復(fù)制粘貼即可
相較而言 第一個(gè)較為麻煩 且需清理一些代碼 而第二個(gè)只需要簡(jiǎn)單的操作即可
上面所書的只是個(gè)人覺(jué)得方法比較 畢竟每一個(gè)人都有著自己對(duì)于這二者的認(rèn)識(shí)
結(jié)果的話 word文檔中會(huì)進(jìn)行一個(gè)代碼的刪減 因?yàn)橐獙⒁粯訓(xùn)|西轉(zhuǎn)換成另外一樣的東西的時(shí)候 必定要進(jìn)行一個(gè)刪減才能完成
而通過(guò)html-cleaner進(jìn)行轉(zhuǎn)換的話 可能對(duì)這些 不需要轉(zhuǎn)換的說(shuō) （只是個(gè)人的感想）
實(shí)踐心得
HTML語(yǔ)言具有 簡(jiǎn)易性 可擴(kuò)展性 平臺(tái)無(wú)關(guān)性 通用性 且編輯方式多種多樣 不只是單純限制于一個(gè)編輯器 而且更新較快 在短短十幾年間已出了5版 屬于一個(gè)不斷更新的語(yǔ)言 是具有無(wú)限可能性的
但由于編寫器的單一性使得 如沒(méi)有專門編輯器便無(wú)法簡(jiǎn)單快捷的進(jìn)行轉(zhuǎn)換成網(wǎng)頁(yè) 故覺(jué)得還是有著一定的不足 如Word文檔轉(zhuǎn)換成HTML時(shí)的操作過(guò)于繁雜 時(shí)間也需較長(zhǎng)(雖然說(shuō)只需要一杯咖啡的時(shí)間即可轉(zhuǎn)換完成）
HTML的代碼的參考手冊(cè)上所列的代碼雖多但也是十分簡(jiǎn)單（畢竟沒(méi)有任何一項(xiàng)編程語(yǔ)言可以比漢字更博大精深） 需要一定時(shí)間記憶 （熟悉）
其他便沒(méi)有了 這只是個(gè)人的一些想法而言
