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

注，該文章中的HTML語(yǔ)法轉(zhuǎn)換自網(wǎng)頁(yè)* * https://html-cleaner.com

原文

二、課程目標(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í)踐及技巧的更新途徑

HTML代碼

<p><strong>二、課程目標(biāo)</strong></p>
<p>透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p>
<ol>
<li>能夠從<strong><strong>用戶體驗(yàn)</strong></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><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)頁(yè)設(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>
</ol>

原文

四、教學(xué)進(jìn)度計(jì)劃表

說(shuō)明：教學(xué)活動(dòng)除有額外說(shuō)明召夹，均為混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)

|

周次

|

課程要點(diǎn)

|

教學(xué)活動(dòng)

|

閱讀資料

|
|

1

|

網(wǎng)頁(yè)設(shè)計(jì)與制作與工具介紹

| |

RWD1

|
|

2

|

從用戶體驗(yàn)切入響應(yīng)式設(shè)計(jì)實(shí)踐

| |

RWD2, WSG0

|
|

3

|

HTML基本元素：碼云Pages搭建

| |

w3school, 碼云Pages

|
|

4

|

頁(yè)面結(jié)構(gòu)（Page Structure）

| |

WSG6

|
|

5

|

頁(yè)面制作案例一 ☉期中在線考查****A

|

教室外實(shí)踐或?qū)I(yè)分享

|

WP2,WSG4,DMMT

|
|

6

|

圖像和視頻（Images&Video）

| |

WSG11, 12

|
|

7

|

彈性布局與響應(yīng)式圖片

| |

RWD3

|
|

8

|

HTML5與響應(yīng)式

| |

RWD4

|
|

9

|

CSS3新特性

| |

RWD5

|
|

10

|

☉****期中考查****B

| | |
|

1****1

|

網(wǎng)站結(jié)構(gòu)（Site Structure）

| |

WSG5

|
|

1****2

|

CSS3高級(jí)技術(shù)

| |

RWD6

|
|

1****3

|

介面設(shè)計(jì)（Interface Design）

|

教室外實(shí)踐或?qū)I(yè)分享

|

WSG7

|
|

14

|

圖形設(shè)計(jì)（Graphic Design）

|

教室外實(shí)踐或?qū)I(yè)分享

|

WSG8

|
|

1****5

|

SVG與響應(yīng)式Web設(shè)計(jì) ☉期中在線考查 C

|

教室外實(shí)踐或?qū)I(yè)分享

|

RWD7

|
|

16

|

CSS3過(guò)渡岩喷、變形和動(dòng)畫(huà)

| |

WSG9

|
|

1****7

|

☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果展示考查

| | |
|

18

|

☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果點(diǎn)評(píng)總結(jié)

| | |
|

19

| | | |
|

20

| | | |

fx?r n?

HTML代碼

<p><strong>四、教學(xué)進(jìn)度計(jì)劃表</strong></p>
<p>說(shuō)明：<strong><strong>教學(xué)活動(dòng)</strong></strong>除有額外說(shuō)明监憎，均為混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)</p>
<table>
<tbody>
<tr>
<td width="73">
<p><strong><strong>周次</strong></strong></p>
</td>
<td width="337">
<p><strong><strong>課程要點(diǎn)</strong></strong></p>
</td>
<td width="118">
<p><strong><strong>教學(xué)活動(dòng)</strong></strong></p>
</td>
<td width="200">
<p><strong><strong>閱讀資料</strong></strong></p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>1</strong></strong></p>
</td>
<td width="337">
<p>網(wǎng)頁(yè)設(shè)計(jì)與制作與工具介紹</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>RWD1</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>2</strong></strong></p>
</td>
<td width="337">
<p>從用戶體驗(yàn)切入響應(yīng)式設(shè)計(jì)實(shí)踐</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>RWD2, WSG0</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>3</strong></strong></p>
</td>
<td width="337">
<p>HTML基本元素：碼云Pages搭建?</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>w3school, 碼云Pages</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>4</strong></strong></p>
</td>
<td width="337">
<p>頁(yè)面結(jié)構(gòu)（Page Structure）</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>WSG6</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>5</strong></strong></p>
</td>
<td width="337">
<p>頁(yè)面制作案例一 ☉<strong><strong>期中在線考查</strong></strong><strong><strong>?</strong></strong><strong><strong>A</strong></strong></p>
</td>
<td width="118">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="200">
<p>WP2,WSG4,DMMT</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>6</strong></strong></p>
</td>
<td width="337">
<p>圖像和視頻（Images&Video）</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>WSG11, 12</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>7</strong></strong></p>
</td>
<td width="337">
<p>彈性布局與響應(yīng)式圖片</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>RWD3</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>8</strong></strong></p>
</td>
<td width="337">
<p>HTML5與響應(yīng)式</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>RWD4</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>9</strong></strong></p>
</td>
<td width="337">
<p>CSS3新特性</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>RWD5</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>10</strong></strong></p>
</td>
<td width="337">
<p><strong><strong>☉</strong></strong><strong><strong>期中考查</strong></strong><strong><strong>?</strong></strong><strong><strong>B</strong></strong></p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>?</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>1</strong></strong><strong><strong>1</strong></strong></p>
</td>
<td width="337">
<p>網(wǎng)站結(jié)構(gòu)（Site Structure）</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>WSG5</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>1</strong></strong><strong><strong>2</strong></strong></p>
</td>
<td width="337">
<p>CSS3高級(jí)技術(shù)</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>RWD6</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>1</strong></strong><strong><strong>3</strong></strong></p>
</td>
<td width="337">
<p>介面設(shè)計(jì)（Interface Design）</p>
</td>
<td width="118">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="200">
<p>WSG7</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>14</strong></strong></p>
</td>
<td width="337">
<p>圖形設(shè)計(jì)（Graphic Design）</p>
</td>
<td width="118">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="200">
<p>WSG8</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>1</strong></strong><strong><strong>5</strong></strong></p>
</td>
<td width="337">
<p>SVG與響應(yīng)式Web設(shè)計(jì) ☉<strong><strong>期中在線考查 </strong></strong><strong><strong>C</strong></strong></p>
</td>
<td width="118">
<p>教室外實(shí)踐或?qū)I(yè)分享</p>
</td>
<td width="200">
<p>RWD7</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>16</strong></strong></p>
</td>
<td width="337">
<p>CSS3過(guò)渡纱意、變形和動(dòng)畫(huà)</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>WSG9</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>1</strong></strong><strong><strong>7</strong></strong></p>
</td>
<td width="337">
<p>☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果展示考查</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>?</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>18</strong></strong></p>
</td>
<td width="337">
<p>☉期末應(yīng)用項(xiàng)目開(kāi)發(fā)成果點(diǎn)評(píng)總結(jié)</p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>?</p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>19</strong></strong></p>
</td>
<td width="337">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="118">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="200">
<p><strong><strong>?</strong></strong></p>
</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>20</strong></strong></p>
</td>
<td width="337">
<p><strong><strong>?</strong></strong></p>
</td>
<td width="118">
<p>?</p>
</td>
<td width="200">
<p>?</p>
</td>
</tr>
</tbody>
</table>

兩部份內(nèi)容轉(zhuǎn)換出的HTML代碼"標(biāo)簽"

<p>:定義段落

<ol>：定義有序列表

<li>：定義列表項(xiàng)目

<table>：定義表格

<tbody>：定義表格中的主體內(nèi)容

<tr>：定義表格中的行

<td>：定義表格中的單元

其他Word文書(shū)轉(zhuǎn)換

原文

非常感謝您參與本次問(wèn)卷調(diào)查！

1鲸阔、你的性別偷霉？ (單選題 *必答)

○ 男

○ 女

2、你所在的年級(jí)褐筛？ (單選題 *必答)

○ 大一

○ 大二

○ 大三

○ 大四

○ 研究生

3类少、你所居住的地方？ (單選題 *必答)

○ 城市

○ 鄉(xiāng)鎮(zhèn)

○ 農(nóng)村

HTML代碼

<p>非常感謝您參與本次問(wèn)卷調(diào)查渔扎！</p>
<p>?</p>
<p>1硫狞、你的性別？ (單選題 *必答)</p>
<p>?○ 男</p>
<p>?○ 女</p>
<p>?</p>
<p>2、你所在的年級(jí)残吩？ (單選題 *必答)</p>
<p>?○ 大一</p>
<p>?○ 大二</p>
<p>?○ 大三</p>
<p>?○ 大四</p>
<p>?○ 研究生</p>
<p>?</p>
<p>3财忽、你所居住的地方？ (單選題 *必答)</p>
<p>?○ 城市</p>
<p>?○ 鄉(xiāng)鎮(zhèn)</p>
<p>?○ 農(nóng)村</p>

如果是使用不同格式的Word文檔會(huì)轉(zhuǎn)換出不同的HTML代碼泣侮，而如果選擇不用HTML轉(zhuǎn)換器即彪，還可以在保存Word文檔的時(shí)候選擇另存為，然后保存為篩選過(guò)的網(wǎng)頁(yè)活尊×バ＃——該方法摘自《知乎》用戶zecy

實(shí)踐心得

上周三晚的第一堂課，我了解到了響應(yīng)式web設(shè)計(jì)的原理和表現(xiàn)蛹锰，也掌握了一點(diǎn)理論知識(shí)深胳，知道了HTML5和CSS3的基本理論∧校看了教材《響應(yīng)式web設(shè)計(jì)》知道了同樣的網(wǎng)頁(yè)可以做到在不同的用戶端上顯示不同的內(nèi)容稠屠，例如老師課堂上舉的例子，中大南方文傳院的網(wǎng)頁(yè)翎苫，整個(gè)頁(yè)面制作精美权埠，可以看得出制作者的用心良苦。課后在做作業(yè)的時(shí)候也有在網(wǎng)上尋找到一些同樣是使用了響應(yīng)式web設(shè)計(jì)的網(wǎng)站煎谍，更進(jìn)一步了解到使用了響應(yīng)式web設(shè)計(jì)和沒(méi)有使用響應(yīng)式web設(shè)計(jì)的區(qū)別攘蔽。吳老師課上有提到有些網(wǎng)站不使用響應(yīng)式web設(shè)計(jì)有一部分原因是因?yàn)橛脩舴至鳎驗(yàn)樗鼈冇械氖怯锌蛻舳说哪耪常圆恍枰憫?yīng)式web設(shè)計(jì)（满俗？）。我自己摸索得還不是很透徹作岖，所以在今后的學(xué)習(xí)過(guò)程中唆垃，除了加強(qiáng)計(jì)算機(jī)語(yǔ)言語(yǔ)法的掌握和使用以外，也需要了解到事情背后的意義痘儡，不要為了學(xué)習(xí)而學(xué)習(xí)辕万。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市沉删，隨后出現(xiàn)的幾起案子渐尿，更是在濱河造成了極大的恐慌，老刑警劉巖矾瑰，帶你破解...
    沈念sama閱讀 206,482評(píng)論 6贊 481
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件砖茸，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡殴穴，警方通過(guò)查閱死者的電腦和手機(jī)凉夯，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2贊 382
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門货葬，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人劲够，你說(shuō)我怎么就攤上這事宝惰。” “怎么了再沧？”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,762評(píng)論 0贊 342
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長(zhǎng)尊残。 經(jīng)常有香客問(wèn)我炒瘸，道長(zhǎng)，這世上最難降的妖魔是什么寝衫？ 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,273評(píng)論 1贊 279
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任顷扩，我火速辦了婚禮，結(jié)果婚禮上慰毅，老公的妹妹穿的比我還像新娘隘截。我一直安慰自己，他們只是感情好汹胃，可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5贊 373
  • 惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
    文/花漫 我一把揭開(kāi)白布婶芭。 她就那樣靜靜地躺著，像睡著了一般着饥。 火紅的嫁衣襯著肌膚如雪犀农。 梳的紋絲不亂的頭發(fā)上，一...
    開(kāi)封第一講書(shū)人閱讀 49,046評(píng)論 1贊 285
  • 城市分裂傳說(shuō)
    那天宰掉，我揣著相機(jī)與錄音呵哨，去河邊找鬼。 笑死轨奄，一個(gè)胖子當(dāng)著我的面吹牛孟害，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播挪拟，決...
    沈念sama閱讀 38,351評(píng)論 3贊 400
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開(kāi)眼挨务，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了舞丛？” 一聲冷哼從身側(cè)響起耘子，我...
    開(kāi)封第一講書(shū)人閱讀 36,988評(píng)論 0贊 259
  • 萬(wàn)榮殺人案實(shí)錄
    序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎球切，沒(méi)想到半個(gè)月后谷誓，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1贊 300
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡吨凑，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2贊 324
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年捍歪，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了户辱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1贊 333
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡糙臼，死狀恐怖庐镐，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情变逃，我是刑警寧澤必逆，帶...
    沈念sama閱讀 33,712評(píng)論 4贊 323
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站揽乱，受9級(jí)特大地震影響名眉，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜凰棉，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3贊 307
  • 男人毒藥：我在死后第九天來(lái)索命
    文/蒙蒙 一损拢、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧撒犀，春花似錦福压、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,264評(píng)論 0贊 19
  • 一樁弒父案荆姆，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至映凳，卻和暖如春胞枕，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背魏宽。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,486評(píng)論 1贊 262
  • 情欲美人皮
    我被黑心中介騙來(lái)泰國(guó)打工腐泻， 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人队询。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2贊 354
  • 代替公主和親
    正文 我出身青樓派桩，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親蚌斩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子铆惑，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2贊 345

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

  • 本課課程大綱內(nèi)容與其HTML代碼（注明HTML代碼來(lái)自 https://html-cleaner.com ） 原文...
    我不是吳綺雯閱讀 272評(píng)論 0贊 2
  • 課程目標(biāo) 透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： (1)能夠從用戶體驗(yàn)框架，描述網(wǎng)頁(yè)設(shè)計(jì)與制作主要概念送膳，包括頁(yè)...
    little_bottle09閱讀 178評(píng)論 0贊 2
  • 二员魏、課程目標(biāo) 透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： 能夠從 用戶體驗(yàn) 框架，描述網(wǎng)頁(yè)設(shè)計(jì)與制作主要概...
    voyzze閱讀 291評(píng)論 0贊 0
  • 二叠聋、課程目標(biāo) 透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： 能夠從 用戶體驗(yàn) 框架撕阎，描述網(wǎng)頁(yè)設(shè)計(jì)與制作主...
    N黃舒婷閱讀 235評(píng)論 0贊 0
  • word檔與HTML 課程目標(biāo)轉(zhuǎn)換代碼如下： 二痊远、課程目標(biāo) 透過(guò)混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： 能...
    胡鋮怡閱讀 265評(píng)論 0贊 0