<p><strong>二宪彩、課程目標(biāo)</strong></p>
<p>透過混合學(xué)習(xí)及體驗式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p>
<ul>
<li>能夠從<strong><strong>用戶體驗</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><strong>HTML5</strong></strong>及<strong><strong>CSS3</strong></strong>的產(chǎn)業(yè)技術(shù)標(biāo)準(zhǔn)</li>
<li>能描述<strong><strong>響應(yīng)式網(wǎng)頁設(shè)計</strong></strong>的功能、特征及技術(shù)實(shí)踐常用標(biāo)準(zhǔn)作法</li>
<li>能運(yùn)用設(shè)計與制作<strong><strong>工具</strong></strong>及區(qū)分工具<strong><strong>使用</strong></strong><strong><strong>情境</strong></strong></li>
<li>能認(rèn)識相關(guān)<strong><strong>實(shí)踐社群</strong></strong>及學(xué)科胧谈，習(xí)得最佳實(shí)踐及技巧的更新途徑</li>
</ul>
<p><strong>四忆肾、教學(xué)進(jìn)度計劃表</strong></p>
<p>說明：<strong><strong>教學(xué)活動</strong></strong>除有額外說明，均為混合學(xué)習(xí)及體驗式學(xué)習(xí)</p>
<table>
<tbody>
<tr>
<td width="58">
<p><strong><strong>周次</strong></strong></p>
</td>
<td width="269">
<p><strong><strong>課程要點(diǎn)</strong></strong></p>
</td>
<td width="94">
<p><strong><strong>教學(xué)活動</strong></strong></p>
</td>
<td width="160">
<p><strong><strong>閱讀資料</strong></strong></p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>1</strong></strong></p>
</td>
<td width="269">
<p>網(wǎng)頁設(shè)計與制作與工具介紹</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>2</strong></strong></p>
</td>
<td width="269">
<p>從用戶體驗切入響應(yīng)式設(shè)計實(shí)踐</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>3</strong></strong></p>
</td>
<td width="269">
<p>HTML基本元素：碼云Pages搭建?</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>4</strong></strong></p>
</td>
<td width="269">
<p>頁面結(jié)構(gòu)（Page Structure）</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>5</strong></strong></p>
</td>
<td width="269">
<p>頁面制作案例一<br /><strong><strong>期中在線考查</strong></strong><strong><strong>?</strong></strong><strong><strong>A</strong></strong></p>
</td>
<td width="94">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="160">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>6</strong></strong></p>
</td>
<td width="269">
<p>圖像和視頻（Images&Video）</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>7</strong></strong></p>
</td>
<td width="269">
<p>彈性布局與響應(yīng)式圖片</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>8</strong></strong></p>
</td>
<td width="269">
<p>HTML5與響應(yīng)式</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>9</strong></strong></p>
</td>
<td width="269">
<p>CSS3新特性</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>10</strong></strong></p>
</td>
<td width="269">
<p><strong><strong></strong></strong><strong><strong>期中考查</strong></strong><strong><strong>?</strong></strong><strong><strong>B</strong></strong></p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>?</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>1</strong></strong><strong><strong>1</strong></strong></p>
</td>
<td width="269">
<p>網(wǎng)站結(jié)構(gòu)（Site Structure）</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>1</strong></strong><strong><strong>2</strong></strong></p>
</td>
<td width="269">
<p>CSS3高級技術(shù)</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>1</strong></strong><strong><strong>3</strong></strong></p>
</td>
<td width="269">
<p>介面設(shè)計（Interface Design）</p>
</td>
<td width="94">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="160">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>14</strong></strong></p>
</td>
<td width="269">
<p>圖形設(shè)計（Graphic Design）</p>
</td>
<td width="94">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="160">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>1</strong></strong><strong><strong>5</strong></strong></p>
</td>
<td width="269">
<p>SVG與響應(yīng)式Web設(shè)計<br /><strong><strong>期中在線考查 </strong></strong><strong><strong>C</strong></strong></p>
</td>
<td width="94">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="160">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>16</strong></strong></p>
</td>
<td width="269">
<p>CSS3過渡菱肖、變形和動畫</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>1</strong></strong><strong><strong>7</strong></strong></p>
</td>
<td width="269">
<p>期末應(yīng)用項目開發(fā)成果展示考查</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>?</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>18</strong></strong></p>
</td>
<td width="269">
<p>期末應(yīng)用項目開發(fā)成果點(diǎn)評總結(jié)</p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>?</p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>19</strong></strong></p>
</td>
<td width="269">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="94">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="160">
<p><strong><strong>?</strong></strong></p>
</td>
</tr>
<tr>
<td width="58">
<p><strong><strong>20</strong></strong></p>
</td>
<td width="269">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="94">
<p>?</p>
</td>
<td width="160">
<p>?</p>
</td>
</tr>
</tbody>
</table>
<p>?</p>
—————————————————————————————————————
標(biāo)簽
<p> 定義段落客冈。
<strong>
<ul> 定義無序列表。
<li>定義列表的項目稳强。
<table>定義表格
<tbody>定義表格中的主體內(nèi)容场仲。
<tr>定義表格中的行。
<td >定義表格中的單元退疫。
其他方法
我用pdf2all這個軟件對Word文檔進(jìn)行轉(zhuǎn)化渠缕，下載了這個軟件，放入源文件就可以轉(zhuǎn)換了褒繁。
對比：PDF2all這個軟件不可以把Word文本轉(zhuǎn)化為HTML格式褐健，只能先轉(zhuǎn)化為PDF格式，再進(jìn)行二次轉(zhuǎn)換澜汤，沒有HTML cleaner這個軟件簡單方便蚜迅。而且PDF2 all需要選擇源文件的路徑名，不正確的話不可以轉(zhuǎn)換俊抵，十分麻煩谁不，而HTML cleaner直接粘貼文本立刻轉(zhuǎn)換，省時間徽诲。
實(shí)踐心得：
通過課堂的教學(xué)和課后的復(fù)習(xí)以及對這兩個軟件轉(zhuǎn)換文本的基礎(chǔ)使用刹帕，我初步了解了響應(yīng)式網(wǎng)頁設(shè)計的基本操作和設(shè)計理念以及用了響應(yīng)式網(wǎng)頁設(shè)計和沒有使用的網(wǎng)頁的區(qū)別吵血。
在寒假時我通過網(wǎng)絡(luò)上的菜鳥教程已經(jīng)初步學(xué)習(xí)了一點(diǎn)HTML的元素，可是對于什么是HTML的運(yùn)用和響應(yīng)式網(wǎng)頁設(shè)計一點(diǎn)都不清楚偷溺。在經(jīng)過課堂上老師通過我校文學(xué)與傳媒學(xué)院官網(wǎng)和中山大學(xué)南方學(xué)院的官網(wǎng)一對比蹋辅，我明白了他們響應(yīng)式網(wǎng)頁的區(qū)別。響應(yīng)式網(wǎng)頁設(shè)計是順應(yīng)著互聯(lián)網(wǎng)時代的潮流而產(chǎn)生的挫掏，擁有傳統(tǒng)的網(wǎng)頁沒有的優(yōu)點(diǎn)侦另，但也有他的缺點(diǎn)。我相信隨著課程的學(xué)習(xí)我會明白他的優(yōu)缺尉共，可以自己架構(gòu)一個簡單的網(wǎng)站褒傅。
