基本辦公文書轉HTML工具

運用 https://html-cleaner.com/ 進行Word 轉化

文字原文

二、課程目標

透過混合學習及體驗式學習培養(yǎng)學生以下能力：

能夠從用戶體驗框架，描述網(wǎng)頁設計與制作主要概念掩缓，包括頁面結構揽浙、網(wǎng)站結構、界面設計湾盗、圖形設計及圖像和視頻等
能熟悉產(chǎn)業(yè)標準生態(tài)伏蚊，活用HTML5及CSS3的產(chǎn)業(yè)技術標準
能描述響應式網(wǎng)頁設計的功能、特征及技術實踐常用標準作法
能運用設計與制作工具及區(qū)分工具使用情境
能認識相關實踐社群及學科格粪，習得最佳實踐及技巧的更新途徑

轉換后

<p><strong>二躏吊、課程目標</strong></p>
<p>透過混合學習及體驗式學習培養(yǎng)學生以下能力：</p>
<ul>
<li>能夠從<strong>用戶體驗</strong>框架，描述網(wǎng)頁設計與制作主要概念帐萎，包括頁面結構比伏、網(wǎng)站結構、界面設計疆导、圖形設計及圖像和視頻等</li>
<li>能熟悉產(chǎn)業(yè)標準生態(tài)赁项，活用<strong>HTML5</strong>及<strong>CSS3</strong>的產(chǎn)業(yè)技術標準</li>
<li>能描述<strong>響應式網(wǎng)頁設計</strong>的功能、特征及技術實踐常用標準作法</li>
<li>能運用設計與制作<strong>工具</strong>及區(qū)分工具<strong>使用</strong><strong>情境</strong></li>
<li>能認識相關<strong>實踐社群</strong>及學科，習得最佳實踐及技巧的更新途徑</li>
</ul>

表格原文

四、教學進度計劃表

說明：教學活動除有額外說明椿疗，均為混合學習及體驗式學習

周次 課程要點 教學活動 閱讀資料
1 網(wǎng)頁設計與制作與工具介紹 RWD1
2 從用戶體驗切入響應式設計實踐 RWD2, WSG0
3 HTML基本元素：碼云Pages搭建 w3school, 碼云Pages
4 頁面結構（Page Structure） WSG6
5 頁面制作案例一 ☉期中在線考查 A 教室外實踐或專業(yè)分享 WP2,WSG4,DMMT
6 圖像和視頻（Images&Video） WSG11, 12
7 彈性布局與響應式圖片 RWD3
8 HTML5與響應式 RWD34
9 CSS3新特性 RWD5
10 ☉期中考查 B
11 網(wǎng)站結構（Site Structure) WSG5
12 CSS3高級技術 RWD6
13 介面設計（Interface Design 教室外實踐或專業(yè)分享 WSG7
14 介面設計（Interface Design 教室外實踐或專業(yè)分享 WSG8
15 SVG與響應式Web設計 ☉期中在線考查 C 教室外實踐或專業(yè)分享 RWD7
16 CSS3過渡锥咸、變形和動畫 WSG9
17 ☉期末應用項目開發(fā)成果展示考查
18 ☉期末應用項目開發(fā)成果點評總結
19
20

轉換后

<ul>
<li>
<p><strong>四、教學進度計劃表</strong></p>
<p>說明：<strong>教學活動</strong>除有額外說明论寨，均為混合學習及體驗式學習</p>
<table width="583">
<tbody>
<tr>
<td width="59">
<p><strong>周次</strong></p>
</td>
<td width="270">
<p><strong>課程要點</strong></p>
</td>
<td width="95">
<p><strong>教學活動</strong></p>
</td>
<td width="161">
<p><strong>閱讀資料</strong></p>
</td>
</tr>
<tr>
<td width="59">
<p>1</p>
</td>
<td width="270">
<p>網(wǎng)頁設計與制作與工具介紹</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="59">
<p>2</p>
</td>
<td width="270">
<p>從用戶體驗切入響應式設計實踐</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="59">
<p>3</p>
</td>
<td width="270">
<p>HTML基本元素：碼云Pages搭建</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="59">
<p>4</p>
</td>
<td width="270">
<p>頁面結構（Page Structure）</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="59">
<p>5</p>
</td>
<td width="270">
<p>頁面制作案例一<br /> ☉<strong>期中在線考查</strong> <strong>A</strong></p>
</td>
<td width="95">
<p>教室外實踐或專業(yè)分享</p>
</td>
<td width="161">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="59">
<p>6</p>
</td>
<td width="270">
<p>圖像和視頻（Images&Video）</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="59">
<p>7</p>
</td>
<td width="270">
<p>彈性布局與響應式圖片</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="59">
<p>8</p>
</td>
<td width="270">
<p>HTML5與響應式</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="59">
<p>9</p>
</td>
<td width="270">
<p>CSS3新特性</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="59">
<p>10</p>
</td>
<td width="270">
<p><strong>☉</strong><strong>期中考查</strong><strong> B</strong></p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
<tr>
<td width="59">
<p>11</p>
</td>
<td width="270">
<p>網(wǎng)站結構（Site Structure）</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="59">
<p>12</p>
</td>
<td width="270">
<p>CSS3高級技術</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="59">
<p>13</p>
</td>
<td width="270">
<p>介面設計（Interface Design）</p>
</td>
<td width="95">
<p>教室外實踐或專業(yè)分享</p>
</td>
<td width="161">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="59">
<p>14</p>
</td>
<td width="270">
<p>圖形設計（Graphic Design）</p>
</td>
<td width="95">
<p>教室外實踐或專業(yè)分享</p>
</td>
<td width="161">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="59">
<p>15</p>
</td>
<td width="270">
<p>SVG與響應式Web設計<br /> ☉<strong>期中在線考查</strong><strong> C</strong></p>
</td>
<td width="95">
<p>教室外實踐或專業(yè)分享</p>
</td>
<td width="161">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="59">
<p>16</p>
</td>
<td width="270">
<p>CSS3過渡、變形和動畫</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="59">
<p>17</p>
</td>
<td width="270">
<p>☉期末應用項目開發(fā)成果展示考查</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
<tr>
<td width="59">
<p>18</p>
</td>
<td width="270">
<p>☉期末應用項目開發(fā)成果點評總結</p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
<tr>
<td width="59">
<p>19</p>
</td>
<td width="270">
<p><strong>?</strong></p>
</td>
<td width="95">
<p><strong>?</strong></p>
</td>
<td width="161">
<p><strong>?</strong></p>
</td>
</tr>
<tr>
<td width="59">
<p>20</p>
</td>
<td width="270">
<p><strong>?</strong></p>
</td>
<td width="95">
<p>?</p>
</td>
<td width="161">
<p>?</p>
</td>
</tr>
</tbody>
</table>
</li>
</ul>

轉換后各標簽的在HTML 參考手冊查找其功能類別及描述

標簽 描述
<p> 定義段落。
<strong> 定義語氣更為強烈的強調文本芬骄。
<ul> 定義無序列表。
<li> 定義列表的項目充择。
<td> 定義表格中的單元德玫。
<table> 定義表格
<tbody> 定義表格中的主體內(nèi)容。
<tbody> 定義表格中的主體內(nèi)容椎麦。
<style> 定義文檔的樣式信息宰僧。

與其他的HTML轉化方式比較

  • 某種在線轉化服務：檔鋪轉化后的效果及HTML代碼
    檔鋪轉化的結果
  • 與 html-cleaner 不同，這個服務產(chǎn)生的代碼極其復雜
  • html-cleaner 可以完整地把文字和表格信息直接轉化為標準的HTML格式，直觀且有效琴儿。

實驗心得

  • html-cleaner 可以很好的幫助我們在初學html的時候運用Word進行早期的內(nèi)容編輯段化，其中簡單利落的標簽使用也值得我們的借鑒，通過這樣的文字轉化造成，也可以學習到一些從未使用的標簽显熏。

  • 在網(wǎng)頁設計過程中，如果遇到想要的格式或效果不知道用什么標簽的時候晒屎，也可以用html-cleaner的服務觀察其使用的標簽喘蟆。

最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市鼓鲁，隨后出現(xiàn)的幾起案子蕴轨，更是在濱河造成了極大的恐慌，老刑警劉巖骇吭，帶你破解...
    沈念sama閱讀 219,427評論 6贊 508
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件橙弱，死亡現(xiàn)場離奇詭異，居然都是意外死亡燥狰，警方通過查閱死者的電腦和手機棘脐，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來龙致，“玉大人蛀缝，你說我怎么就攤上這事∧看” “怎么了内斯？”我有些...
    開封第一講書人閱讀 165,747評論 0贊 356
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長像啼。 經(jīng)常有香客問我俘闯，道長，這世上最難降的妖魔是什么忽冻？ 我笑而不...
    開封第一講書人閱讀 58,939評論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任真朗，我火速辦了婚禮，結果婚禮上僧诚，老公的妹妹穿的比我還像新娘遮婶。我一直安慰自己，他們只是感情好湖笨，可當我...
    茶點故事閱讀 67,955評論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布旗扑。 她就那樣靜靜地躺著，像睡著了一般慈省。 火紅的嫁衣襯著肌膚如雪臀防。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 51,737評論 1贊 305
  • 城市分裂傳說
    那天，我揣著相機與錄音袱衷，去河邊找鬼捎废。 笑死，一個胖子當著我的面吹牛致燥，可吹牛的內(nèi)容都是我干的登疗。 我是一名探鬼主播，決...
    沈念sama閱讀 40,448評論 3贊 420
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼嫌蚤，長吁一口氣：“原來是場噩夢啊……” “哼辐益！你這毒婦竟也來了？” 一聲冷哼從身側響起脱吱，我...
    開封第一講書人閱讀 39,352評論 0贊 276
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤荷腊，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后急凰，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 45,834評論 1贊 317
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡猜年，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3贊 338
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年抡锈，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乔外。...
    茶點故事閱讀 40,133評論 1贊 351
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡床三，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出杨幼，到底是詐尸還是另有隱情撇簿，我是刑警寧澤，帶...
    沈念sama閱讀 35,815評論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布差购，位于F島的核電站四瘫，受9級特大地震影響，放射性物質發(fā)生泄漏欲逃。R本人自食惡果不足惜找蜜，卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3贊 331
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望稳析。 院中可真熱鬧洗做，春花似錦、人聲如沸彰居。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0贊 22
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽陈惰。三九已至畦徘，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背旧烧。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工影钉， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人掘剪。 一個月前我還...
    沈念sama閱讀 48,398評論 3贊 373
  • 代替公主和親
    正文 我出身青樓平委，卻偏偏與公主長得像，于是被迫代替她去往敵國和親夺谁。 傳聞我的和親對象是個殘疾皇子廉赔，可洞房花燭夜當晚...
    茶點故事閱讀 45,077評論 2贊 355

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

  • 二、課程目標 透過混合學習及體驗式學習培養(yǎng)學生以下能力： 能夠從 用戶體驗 框架匾鸥，描述網(wǎng)頁設計與制作主要概...
    辛土易木閱讀 325評論 0贊 0
  • 原文： 二蜡塌、課程目標 透過混合學習及體驗式學習培養(yǎng)學生以下能力： 能夠從用戶體驗框架，描述網(wǎng)頁設計與制作主要概念勿负，...
    jackeeonz閱讀 589評論 0贊 2
  • 注馏艾，該文章中的HTML語法轉換自網(wǎng)頁* * https://html-cleaner.com 原文 二、課...
    Sugwa閱讀 268評論 0贊 0
  • 本課課程大綱內(nèi)容與其HTML代碼（注明HTML代碼來自 https://html-cleaner.com ） 原文...
    我不是吳綺雯閱讀 277評論 0贊 2
  • word文檔 二奴愉、課程目標 透過混合學習及體驗式學習培養(yǎng)學生以下能力：(1)能夠從用戶體驗框架琅摩，描述網(wǎng)頁設計與制作...
    龍貓Vin閱讀 241評論 0贊 0