課程目標(biāo)(原文)
二卓起、課程目標(biāo)
透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力:
(1) 能夠從用戶體驗(yàn)框架,描述網(wǎng)頁(yè)設(shè)計(jì)與制作主要概念盾饮,包括頁(yè)面結(jié)構(gòu)采桃、網(wǎng)站結(jié)構(gòu)、界面設(shè)計(jì)丐谋、圖形設(shè)計(jì)及圖像和視頻等
(2) 能熟悉產(chǎn)業(yè)標(biāo)準(zhǔn)生態(tài)芍碧,活用HTML5及CSS3的產(chǎn)業(yè)技術(shù)標(biāo)準(zhǔn)
(3) 能描述響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的功能、特征及技術(shù)實(shí)踐常用標(biāo)準(zhǔn)作法
(4) 能運(yùn)用設(shè)計(jì)與制作工具及區(qū)分工具使用****情境
(5) 能認(rèn)識(shí)相關(guān)實(shí)踐社群及學(xué)科号俐,習(xí)得最佳實(shí)踐及技巧的更新途徑
透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力:
課程目標(biāo) (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)度計(jì)劃表(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="438">
<tbody>
<tr>
<td width="44">
<p><strong>周次</strong></p>
</td>
<td width="202">
<p><strong>課程要點(diǎn)</strong></p>
</td>
<td width="71">
<p><strong>教學(xué)活動(dòng)</strong></p>
</td>
<td width="121">
<p><strong>閱讀資料</strong></p>
</td>
</tr>
<tr>
<td width="44">
<p>1</p>
</td>
<td width="202">
<p>網(wǎng)頁(yè)設(shè)計(jì)與制作與工具介紹</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="44">
<p>2</p>
</td>
<td width="202">
<p>從用戶體驗(yàn)切入響應(yīng)式設(shè)計(jì)實(shí)踐</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="44">
<p>3</p>
</td>
<td width="202">
<p>HTML基本元素:碼云Pages搭建</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="44">
<p>4</p>
</td>
<td width="202">
<p>頁(yè)面結(jié)構(gòu)(Page Structure)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="44">
<p>5</p>
</td>
<td width="202">
<p>頁(yè)面制作案例一<br /> ☉<strong>期中在線考查</strong> <strong>A</strong></p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="44">
<p>6</p>
</td>
<td width="202">
<p>圖像和視頻(Images&Video)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="44">
<p>7</p>
</td>
<td width="202">
<p>彈性布局與響應(yīng)式圖片</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="44">
<p>8</p>
</td>
<td width="202">
<p>HTML5與響應(yīng)式</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="44">
<p>9</p>
</td>
<td width="202">
<p>CSS3新特性</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="44">
<p>10</p>
</td>
<td width="202">
<p><strong>☉</strong><strong>期中考查</strong><strong> B</strong></p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
<tr>
<td width="44">
<p>11</p>
</td>
<td width="202">
<p>網(wǎng)站結(jié)構(gòu)(Site Structure)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="44">
<p>12</p>
</td>
<td width="202">
<p>CSS3高級(jí)技術(shù)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="44">
<p>13</p>
</td>
<td width="202">
<p>介面設(shè)計(jì)(Interface Design)</p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="44">
<p>14</p>
</td>
<td width="202">
<p>圖形設(shè)計(jì)(Graphic Design)</p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="44">
<p>15</p>
</td>
<td width="202">
<p>SVG與響應(yīng)式Web設(shè)計(jì)<br /> ☉<strong>期中在線考查</strong><strong> C</strong></p>
</td>
<td width="71">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="121">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="44">
<p>16</p>
</td>
<td width="202">
<p>CSS3過(guò)渡、變形和動(dòng)畫(huà)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="44">
<p>17</p>
</td>
<td width="202">
<p>☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果展示考查</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
<tr>
<td width="44">
<p>18</p>
</td>
<td width="202">
<p>☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果點(diǎn)評(píng)總結(jié)</p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
<tr>
<td width="44">
<p>19</p>
</td>
<td width="202">
<p><strong>?</strong></p>
</td>
<td width="71">
<p><strong>?</strong></p>
</td>
<td width="121">
<p><strong>?</strong></p>
</td>
</tr>
<tr>
<td width="44">
<p>20</p>
</td>
<td width="202">
<p><strong>?</strong></p>
</td>
<td width="71">
<p>?</p>
</td>
<td width="121">
<p>?</p>
</td>
</tr>
</tbody>
</table>
HTML代碼功能類(lèi)別及描述
<p> 定義段落。
<ul>定義無(wú)序列表袱结。
<li> 定義列表的項(xiàng)目亮隙。
<table> 定義表格
<tbody> 定義表格中的主體內(nèi)容。
<tr> 定義表格中的行垢夹。
<td> 定義表格中的單元溢吻。
其他WORD文書(shū)轉(zhuǎn)換或換出HTML格式的方法和結(jié)果比較
原文
(一)教學(xué)活動(dòng):
混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)教學(xué)活動(dòng):
1、 混合學(xué)習(xí):混合課堂講說(shuō)果元、問(wèn)答促王、案例討論、成果展示以及在線學(xué)習(xí)系統(tǒng)之出題丶審題丶實(shí)作工作坊等活動(dòng)
2而晒、 體驗(yàn)學(xué)習(xí):體驗(yàn)產(chǎn)業(yè)實(shí)踐社群?jiǎn)柎鹩恰㈨?xiàng)目開(kāi)發(fā)展示及報(bào)告展示與互評(píng)。
3欣硼、 教室外實(shí)踐或?qū)I(yè)分享:在教室外實(shí)踐或邀請(qǐng)專(zhuān)業(yè)者到校分享問(wèn)答题翰、案例討論恶阴、成果展示
HTML版
<h2>(一)教學(xué)活動(dòng):</h2>
<p>混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)教學(xué)活動(dòng):</p>
<ul>
<li>混合學(xué)習(xí):混合課堂講說(shuō)诈胜、問(wèn)答、案例討論冯事、成果展示以及在線學(xué)習(xí)系統(tǒng)之出題丶審題丶實(shí)作工作坊等活動(dòng)</li>
<li>體驗(yàn)學(xué)習(xí):體驗(yàn)產(chǎn)業(yè)實(shí)踐社群?jiǎn)柎鸾剐佟㈨?xiàng)目開(kāi)發(fā)展示及報(bào)告展示與互評(píng)。</li>
<li>教室外實(shí)踐或?qū)I(yè)分享:在教室外實(shí)踐或邀請(qǐng)專(zhuān)業(yè)者到校分享問(wèn)答昵仅、案例討論缓熟、成果展示</li>
</ul>
比較
該教學(xué)活動(dòng)文書(shū)轉(zhuǎn)換成HTML版與教書(shū)進(jìn)度計(jì)劃表轉(zhuǎn)換成HTML版相比,轉(zhuǎn)換后的符號(hào)語(yǔ)言更加簡(jiǎn)單摔笤。教書(shū)進(jìn)度計(jì)劃表在文書(shū)中是一份簡(jiǎn)單的表格够滑,但轉(zhuǎn)換成HTML版之后的符號(hào)又多又復(fù)雜,說(shuō)明了word文書(shū)內(nèi)容格式越復(fù)雜吕世,HTML版更加復(fù)雜彰触。使用https://html-cleaner.com/來(lái)將文書(shū)轉(zhuǎn)換成HTML版十分簡(jiǎn)單,只需要幾步命辖,即復(fù)制和粘貼况毅,相比之下,使用HTML 參考手冊(cè)比較麻煩尔艇,需要一一查找HTML代碼標(biāo)簽的功能類(lèi)別及描述尔许。
實(shí)踐心得
這一次的作業(yè)是我在網(wǎng)新的第一份作業(yè),完成的過(guò)程十分艱辛终娃。登上學(xué)習(xí)網(wǎng)站知道作業(yè)后味廊,又注冊(cè)簡(jiǎn)書(shū),學(xué)習(xí)Markdown語(yǔ)法,在簡(jiǎn)書(shū)中嘗試余佛,完成之后還要研究如何上傳作業(yè)迅皇。相較于其他擁有室友的同學(xué),似乎有點(diǎn)孤軍奮戰(zhàn)的感覺(jué)衙熔,但也讓我收獲良多登颓。第一次的課讓我了解到了響應(yīng)式web設(shè)計(jì)的存在,它的兼容性十分強(qiáng)大红氯,使網(wǎng)站能在不同視口與設(shè)備中進(jìn)行調(diào)整框咙,讓用戶便于瀏覽。還明白了很多的名詞痢甘,如前端后端喇嘱,HTML5等等,讓我受益匪淺塞栅。