基本辦公文書(shū)轉(zhuǎn)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>

<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">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="88">
<p>9</p>
</td>
<td width="404">
<p>CSS3新特性</p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="88">
<p>10</p>
</td>
<td width="404">
<p><strong>☉</strong><strong>期中考查</strong><strong> B</strong></p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
<tr>
<td width="88">
<p>11</p>
</td>
<td width="404">
<p>網(wǎng)站結(jié)構(gòu)（Site Structure）</p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="88">
<p>12</p>
</td>
<td width="404">
<p>CSS3高級(jí)技術(shù)</p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="88">
<p>13</p>
</td>
<td width="404">
<p>介面設(shè)計(jì)（Interface Design）</p>
</td>
<td width="142">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="88">
<p>14</p>
</td>
<td width="404">
<p>圖形設(shè)計(jì)（Graphic Design）</p>
</td>
<td width="142">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="88">
<p>15</p>
</td>
<td width="404">
<p>SVG與響應(yīng)式Web設(shè)計(jì)<br /> ☉<strong>期中在線考查</strong><strong> C</strong></p>
</td>
<td width="142">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="241">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="88">
<p>16</p>
</td>
<td width="404">
<p>CSS3過(guò)渡霎桅、變形和動(dòng)畫(huà)</p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="88">
<p>17</p>
</td>
<td width="404">
<p>☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果展示考查</p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
<tr>
<td width="88">
<p>18</p>
</td>
<td width="404">
<p>☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果點(diǎn)評(píng)總結(jié)</p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
<tr>
<td width="88">
<p>19</p>
</td>
<td width="404">
<p><strong>?</strong></p>
</td>
<td width="142">
<p><strong>?</strong></p>
</td>
<td width="241">
<p><strong>?</strong></p>
</td>
</tr>
<tr>
<td width="88">
<p>20</p>
</td>
<td width="404">
<p><strong>?</strong></p>
</td>
<td width="142">
<p>?</p>
</td>
<td width="241">
<p>?</p>
</td>
</tr>
</tbody>
</table>
<p>?</p>

段落標(biāo)簽
<p> 這是一個(gè)段落 </p>

文本格式化標(biāo)簽
<strong> 這是定義加重語(yǔ)氣的內(nèi)容 </strong>

表格標(biāo)簽
<table> 定義表格
<tbody> 定義表格的主體
<tr> 定義表格的行
<td> 定義表格的單元

列表標(biāo)簽
<li> 定義列表項(xiàng)
<ul> 定義無(wú)序列表 </ul>

其他WORD文書(shū)轉(zhuǎn)換或換出HTML格式的方法和結(jié)果比較

對(duì)比

五栖疑、教學(xué)活動(dòng)與預(yù)期成果評(píng)估

（一）教學(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)專業(yè)者到校分享問(wèn)答揪漩、案例討論、成果展示

方法一：網(wǎng)頁(yè)轉(zhuǎn)換器 出自>https://html-cleaner.com/

<p><strong>五吏口、教學(xué)活動(dòng)與預(yù)期成果評(píng)估</strong></p>
<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)專業(yè)者到校分享問(wèn)答囚痴、案例討論叁怪、成果展示</li>
</ul>

方法二：將word轉(zhuǎn)換成html網(wǎng)頁(yè)形式，打開(kāi)網(wǎng)頁(yè)深滚，然后審查元素奕谭。

<span style="font-size:12.0pt;line-height:
150%;font-family:等線;mso-ascii-font-family:宋體;mso-hansi-font-family:宋體;
mso-bidi-font-family:Tahoma;mso-fareast-language:ZH-CN">項(xiàng)目開(kāi)發(fā)展示及報(bào)告展示與互評(píng)。</span>

實(shí)踐心得
對(duì)于剛?cè)腴T(mén)的我來(lái)說(shuō)痴荐，網(wǎng)頁(yè)轉(zhuǎn)換器所轉(zhuǎn)換到的結(jié)果更能清晰明了的展示出來(lái)血柳，而網(wǎng)頁(yè)審查元素得到的結(jié)果是真的看不懂。HTML里的新標(biāo)簽有一些較為眼熟或者是記住的生兆，在文字轉(zhuǎn)換后還是能看懂標(biāo)簽所代表的意思难捌。我覺(jué)得學(xué)習(xí)這些代碼標(biāo)簽之類的其實(shí)蠻重要，回到最初的時(shí)候，當(dāng)網(wǎng)頁(yè)還沒(méi)制作出來(lái)時(shí)根吁，就是靠工程師將編碼一個(gè)個(gè)輸上去的员淫，而我們學(xué)習(xí)，就該學(xué)習(xí)最為本質(zhì)的東西击敌，這才能領(lǐng)略到其中的過(guò)人之處介返。作為一名用戶去體驗(yàn)網(wǎng)頁(yè)制作的本源，看是驚奇奧妙的沃斤，而學(xué)習(xí)的最初該知道它的意義所在圣蝎。第一節(jié)課我知道了互聯(lián)網(wǎng)就像是道路，而萬(wàn)維網(wǎng)是到達(dá)的目的地衡瓶，兩個(gè)是不同的概念徘公；還知道了HTML在RWD中是框架，即整理與分類的方面鞍陨，CSS在RWD中是裝飾，即版式从隆、顏色诚撵、大小等方面；還有前后端键闺，有前后端的配合才有完美的程序寿烟，就如前端訪客和后端數(shù)據(jù)庫(kù)一樣。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末辛燥，一起剝皮案震驚了整個(gè)濱河市筛武，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌挎塌，老刑警劉巖徘六，帶你破解...
    沈念sama閱讀 219,539評(píng)論 6贊 508
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異榴都，居然都是意外死亡待锈，警方通過(guò)查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評(píng)論 3贊 396
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門(mén)嘴高，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)竿音，“玉大人，你說(shuō)我怎么就攤上這事拴驮〈核玻” “怎么了？”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,871評(píng)論 0贊 356
  • 道士緝兇錄：失蹤的賣(mài)姜人
    文/不壞的土叔 我叫張陵套啤，是天一觀的道長(zhǎng)宽气。 經(jīng)常有香客問(wèn)我，道長(zhǎng)，這世上最難降的妖魔是什么抹竹？ 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,963評(píng)論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任线罕，我火速辦了婚禮，結(jié)果婚禮上窃判，老公的妹妹穿的比我還像新娘钞楼。我一直安慰自己，他們只是感情好袄琳，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評(píng)論 6贊 393
  • 惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
    文/花漫 我一把揭開(kāi)白布询件。 她就那樣靜靜地躺著，像睡著了一般唆樊。 火紅的嫁衣襯著肌膚如雪宛琅。 梳的紋絲不亂的頭發(fā)上，一...
    開(kāi)封第一講書(shū)人閱讀 51,763評(píng)論 1贊 307
  • 城市分裂傳說(shuō)
    那天逗旁，我揣著相機(jī)與錄音嘿辟，去河邊找鬼。 笑死片效，一個(gè)胖子當(dāng)著我的面吹牛红伦，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播淀衣，決...
    沈念sama閱讀 40,468評(píng)論 3贊 420
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開(kāi)眼昙读，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了膨桥？” 一聲冷哼從身側(cè)響起蛮浑，我...
    開(kāi)封第一講書(shū)人閱讀 39,357評(píng)論 0贊 276
  • 萬(wàn)榮殺人案實(shí)錄
    序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎只嚣，沒(méi)想到半個(gè)月后沮稚，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 45,850評(píng)論 1贊 317
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡册舞，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評(píng)論 3贊 338
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年壮虫，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片环础。...
    茶點(diǎn)故事閱讀 40,144評(píng)論 1贊 351
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡囚似，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出线得，到底是詐尸還是另有隱情饶唤，我是刑警寧澤，帶...
    沈念sama閱讀 35,823評(píng)論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布贯钩，位于F島的核電站募狂，受9級(jí)特大地震影響办素，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜祸穷，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評(píng)論 3贊 331
  • 男人毒藥：我在死后第九天來(lái)索命
    文/蒙蒙 一性穿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧雷滚，春花似錦需曾、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,026評(píng)論 0贊 22
  • 一樁弒父案呆万，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至车份，卻和暖如春谋减，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背扫沼。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,150評(píng)論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來(lái)泰國(guó)打工出爹， 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人缎除。 一個(gè)月前我還...
    沈念sama閱讀 48,415評(píng)論 3贊 373
  • 代替公主和親
    正文 我出身青樓严就，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親伴找。 傳聞我的和親對(duì)象是個(gè)殘疾皇子盈蛮，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評(píng)論 2贊 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,190評(píng)論 25贊 707
  • 混合學(xué)習(xí)空間：內(nèi)涵、效用表征與形成機(jī)制 2017-03-14 吳南中 本文由《電化教育研究》雜志授權(quán)發(fā)布 作者：吳...
    蔡蔡Tacy閱讀 1,647評(píng)論 0贊 0
  • 有人說(shuō)殊轴，我很高興你能來(lái)衰倦，也不后悔你離開(kāi)。是旁理。沒(méi)有后悔只有遺憾和悵惘樊零，還有那么一絲不甘。付出精力和時(shí)間去維持的東西孽文，...
    嘻嘻哈哈的笑閱讀 150評(píng)論 0贊 0
  • 遠(yuǎn)山含黛似眉彎驻襟，日月星辰眸中轉(zhuǎn)。 微微一笑傾城色芋哭，恍若丹青辭卷還沉衣。
    風(fēng)流傾江左閱讀 241評(píng)論 1贊 2
  • 今天是這學(xué)期最后一天上課，無(wú)論結(jié)果怎樣减牺，我用心了豌习〈婊眩回想當(dāng)年我們上學(xué)時(shí)，不知道啥叫壓力肥隆，只知道把老師教的東西學(xué)會(huì)既荚，都...
    水墨煙嵐閱讀 378評(píng)論 0贊 4