基本辦公文書轉(zhuǎn)HTML工具

本課課程大綱內(nèi)容與其HTML代碼(注明HTML代碼來自 https://html-cleaner.com

原文

課程目標(biāo)

透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力:
(1)能夠從用戶體驗(yàn)框架富寿,描述網(wǎng)頁設(shè)計(jì)與制作主要概念筒占,包括頁面結(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)頁設(shè)計(jì)的功能千扔、特征及技術(shù)實(shí)踐常用標(biāo)準(zhǔn)作法
(4)能運(yùn)用設(shè)計(jì)與制作工具及區(qū)分工具使用情境
(5)能認(rèn)識(shí)相關(guān)實(shí)踐社群及學(xué)科冗尤,習(xí)得最佳實(shí)踐及技巧的更新途徑

HTML

<p><strong>課程目標(biāo)</strong></p>
<p>透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力:</p>
<ul>
<li>能夠從<strong><strong>用戶體驗(yàn)</strong></strong>框架,描述網(wǎng)頁設(shè)計(jì)與制作主要概念绞吁,包括頁面結(jié)構(gòu)幢痘、網(wǎng)站結(jié)構(gòu)、界面設(shè)計(jì)家破、圖形設(shè)計(jì)及圖像和視頻等</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è)計(jì)</strong></strong>的功能、特征及技術(shù)實(shí)踐常用標(biāo)準(zhǔn)作法</li>
<li>能運(yùn)用設(shè)計(jì)與制作<strong><strong>工具</strong></strong>及區(qū)分工具<strong><strong>使用</strong></strong><strong><strong>情境</strong></strong></li>
<li>能認(rèn)識(shí)相關(guān)<strong><strong>實(shí)踐社群</strong></strong>及學(xué)科汰聋,習(xí)得最佳實(shí)踐及技巧的更新途徑</li>
</ul>

教學(xué)進(jìn)度計(jì)劃表的HTML

<p><strong>教學(xué)進(jìn)度計(jì)劃表</strong></p>
<p>說明:<strong><strong>教學(xué)活動(dòng)</strong></strong>除有額外說明门粪,均為混合學(xué)習(xí)及體驗(yàn)式學(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é)活動(dòng)</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è)計(jì)與制作與工具介紹</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àn)切入響應(yīng)式設(shè)計(jì)實(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高級(jí)技術(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è)計(jì)(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è)計(jì)(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è)計(jì)<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過渡、變形和動(dòng)畫</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)用項(xià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)用項(xiàng)目開發(fā)成果點(diǎn)評(píng)總結(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"> </td>
</tr>
</tbody>
</table>

標(biāo)簽的解釋(上面解釋過的不計(jì))

<table>:定義表格
<tbody>:定義表格中的主體內(nèi)容
<td>:定義表格中的單元
<tr>:定義表格中的行


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

  • 我嘗試用迅捷轉(zhuǎn)換器來嘗試一下轉(zhuǎn)換出HTML格式烹困,結(jié)果如下圖
image.png
image.png
  • 用轉(zhuǎn)換器轉(zhuǎn)為網(wǎng)頁之后打開其源代碼

而用https://html-cleaner.com當(dāng)然是更為方便了玄妈,一步到位

image.png

心得體會(huì)
自己在通過實(shí)際的轉(zhuǎn)換代碼中得到了實(shí)踐鍛煉,雖然還有許多要學(xué)習(xí)的地方,但是這也激發(fā)了我的學(xué)習(xí)興趣拟蜻,希望能在新的學(xué)期绎签,對自己提出更高的要求,能熟練掌握辦公文書轉(zhuǎn)HTML的方法吧酝锅。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末诡必,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子搔扁,更是在濱河造成了極大的恐慌爸舒,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,366評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阁谆,死亡現(xiàn)場離奇詭異碳抄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)场绿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門剖效,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人焰盗,你說我怎么就攤上這事璧尸。” “怎么了熬拒?”我有些...
    開封第一講書人閱讀 165,689評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵爷光,是天一觀的道長。 經(jīng)常有香客問我澎粟,道長蛀序,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,925評(píng)論 1 295
  • 正文 為了忘掉前任活烙,我火速辦了婚禮徐裸,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘啸盏。我一直安慰自己重贺,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評(píng)論 6 392
  • 文/花漫 我一把揭開白布回懦。 她就那樣靜靜地躺著气笙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪怯晕。 梳的紋絲不亂的頭發(fā)上潜圃,一...
    開封第一講書人閱讀 51,727評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音舟茶,去河邊找鬼秉犹。 笑死蛉谜,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的崇堵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,447評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼客燕,長吁一口氣:“原來是場噩夢啊……” “哼鸳劳!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起也搓,我...
    開封第一講書人閱讀 39,349評(píng)論 0 276
  • 序言:老撾萬榮一對情侶失蹤赏廓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后傍妒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體幔摸,經(jīng)...
    沈念sama閱讀 45,820評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評(píng)論 3 337
  • 正文 我和宋清朗相戀三年颤练,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了既忆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,127評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嗦玖,死狀恐怖患雇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情宇挫,我是刑警寧澤苛吱,帶...
    沈念sama閱讀 35,812評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站器瘪,受9級(jí)特大地震影響翠储,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜橡疼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評(píng)論 3 331
  • 文/蒙蒙 一援所、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧衰齐,春花似錦任斋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至抹缕,卻和暖如春澈蟆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背卓研。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評(píng)論 1 272
  • 我被黑心中介騙來泰國打工趴俘, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留睹簇,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,388評(píng)論 3 373
  • 正文 我出身青樓寥闪,卻偏偏與公主長得像太惠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子疲憋,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評(píng)論 2 355

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

  • 注凿渊,該文章中的HTML語法轉(zhuǎn)換自網(wǎng)頁* * https://html-cleaner.com 原文 二、課...
    Sugwa閱讀 268評(píng)論 0 0
  • 一.課程目標(biāo):透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力: (1) 能夠從用戶體驗(yàn)框架缚柳,描述網(wǎng)頁設(shè)計(jì)與制作主要概念埃脏,...
    人群是那么像羊群閱讀 485評(píng)論 0 1
  • 二、課程目標(biāo)5點(diǎn)(含標(biāo)題)原文 二秋忙、課程目標(biāo)透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力:(1)能夠從用戶體驗(yàn)框架彩掐,描...
    N莫熙彤閱讀 620評(píng)論 0 2
  • 本課課程大綱內(nèi)容與其HTML代碼(注明HTML代碼來自 https://html-cleaner.com ) 原文...
    我不是吳綺雯閱讀 277評(píng)論 0 2
  • 課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力: (1)能夠從用戶體驗(yàn)框架,描述網(wǎng)頁設(shè)計(jì)與制作主要概念灰追,包括頁...
    little_bottle09閱讀 184評(píng)論 0 2