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

代碼一

<p>透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p>
<ul>
<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>
</ul>
<p>能認(rèn)識(shí)相關(guān)<strong><strong>實(shí)踐社群</strong></strong>及學(xué)科玄窝，習(xí)得最佳實(shí)踐及技巧的更新途徑牵寺。</p>

標(biāo)簽	功能類別	描述
<p>	基礎(chǔ)	定義段落
<ul>	列表	定義無序列表
<li>	列表	定義列表的項(xiàng)目
<strong>	格式	定義語氣更為強(qiáng)烈的強(qiáng)調(diào)文本

代碼二

<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="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">&nbsp;</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">&nbsp;</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搭建&nbsp;</p>
</td>
<td width="118">&nbsp;</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">&nbsp;</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è)面制作案例一<br />☉<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&amp;Video）</p>
</td>
<td width="118">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>B</strong></strong></p>
</td>
<td width="118">&nbsp;</td>
<td width="200">&nbsp;</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">&nbsp;</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">&nbsp;</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ì)<br />☉<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過渡、變形和動(dòng)畫</p>
</td>
<td width="118">&nbsp;</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)目開發(fā)成果展示考查</p>
</td>
<td width="118">&nbsp;</td>
<td width="200">&nbsp;</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>18</strong></strong></p>
</td>
<td width="337">
<p>☉期末應(yīng)用項(xiàng)目開發(fā)成果點(diǎn)評(píng)總結(jié)</p>
</td>
<td width="118">&nbsp;</td>
<td width="200">&nbsp;</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>19</strong></strong></p>
</td>
<td width="337">&nbsp;</td>
<td width="118">&nbsp;</td>
<td width="200">&nbsp;</td>
</tr>
<tr>
<td width="73">
<p><strong><strong>20</strong></strong></p>
</td>
<td width="337">&nbsp;</td>
<td width="118">&nbsp;</td>
<td width="200">&nbsp;</td>
</tr>
</tbody>
</table>
<p>The <a  target="_blank" rel="nofollow noopener">Rubik's Cube Wikipedia</a> is a the best place to learn about the Worlds best selling puzzle toy.</p>

標(biāo)簽	功能類別	描述
<p>	基礎(chǔ)	定義段落
<strong>	格式	定義語氣更為強(qiáng)烈的強(qiáng)調(diào)文本
<table>	表格	定義表格
<tbody>	表格	定義表格中的主體內(nèi)容
<tr>	表格	定義表格中的行
<td>	表格	定義表格中的單元
< br >	基礎(chǔ)	定義簡(jiǎn)單的折行
<a>	鏈接	定義錨

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

就拿上面的表格word形式用其他不同方法進(jìn)行轉(zhuǎn)換成html有幾種绣夺，因?yàn)槠渌椒ㄈ缭诰W(wǎng)站上直接轉(zhuǎn)換的成果和用word的成果除了一些細(xì)節(jié)調(diào)節(jié)大體都相同俩块，所以我們就說說用word文檔直接來轉(zhuǎn)換成html的方法黎休。
1浓领、打開需要轉(zhuǎn)換成html的Word文檔。
2奋渔、找到Word軟件上的“文件”按鈕镊逝，在菜單欄上，點(diǎn)擊打開嫉鲸。
3撑蒜、彈出的文件菜單里選擇“另存為”選項(xiàng)。
4玄渗、接下來會(huì)彈出另存為對(duì)話框座菠。
5、在另存為對(duì)話框里設(shè)置好路徑藤树、文件名浴滴、把保存類型設(shè)置成“單個(gè)文件網(wǎng)頁(yè)”。
6岁钓、最后點(diǎn)擊保存就轉(zhuǎn)換成功了升略。
成果如圖：

word文檔轉(zhuǎn)換

展開后

通過與上文的工具轉(zhuǎn)換而出的代碼比較，我們可以看出用word直接轉(zhuǎn)換成html得出的代碼比上面的要繁雜不少屡限，除了基礎(chǔ)架構(gòu)上相差不大外品嚣，word轉(zhuǎn)換的還增添了背景顏色等表象，而且嚴(yán)格控制了字體大小钧大、字體的位翰撑、表格大小以及色號(hào)。在我看來兩種方法的難易程度相差不大啊央，都挺方便的眶诈。

實(shí)踐心得

通過這次代碼轉(zhuǎn)換操作以及對(duì)代碼的初步接觸，我了解到了一些html得基本格式:<標(biāo)簽屬性=“值”>對(duì)代碼的顏色認(rèn)識(shí)有個(gè)更全面的了解以及熟知瓜饥。通過網(wǎng)頁(yè)檢查以及對(duì)比逝撬，我還習(xí)得了不少有關(guān)標(biāo)簽的知識(shí)，略微懂得了一些html的基本架構(gòu)乓土。希望在以后的實(shí)踐中能逐步把握并且掌握html的應(yīng)用球拦。

額外，在搜索的過程中認(rèn)識(shí)了不少能帶來作用的網(wǎng)頁(yè)及軟件帐我。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末坎炼，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子拦键，更是在濱河造成了極大的恐慌谣光，老刑警劉巖，帶你破解...
沈念sama閱讀 206,378評(píng)論 6贊 481
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件芬为，死亡現(xiàn)場(chǎng)離奇詭異萄金，居然都是意外死亡蟀悦，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,356評(píng)論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門氧敢，熙熙樓的掌柜王于貴愁眉苦臉地迎上來日戈，“玉大人，你說我怎么就攤上這事孙乖≌懔叮” “怎么了？”我有些...
開封第一講書人閱讀 152,702評(píng)論 0贊 342
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵唯袄，是天一觀的道長(zhǎng)弯屈。經(jīng)常有香客問我，道長(zhǎng)恋拷，這世上最難降的妖魔是什么资厉？我笑而不...
開封第一講書人閱讀 55,259評(píng)論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮蔬顾，結(jié)果婚禮上宴偿，老公的妹妹穿的比我還像新娘。我一直安慰自己诀豁，他們只是感情好窄刘，可當(dāng)我...
茶點(diǎn)故事閱讀 64,263評(píng)論 5贊 371
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著且叁，像睡著了一般。火紅的嫁衣襯著肌膚如雪秩伞。梳的紋絲不亂的頭發(fā)上逞带，一...
開封第一講書人閱讀 49,036評(píng)論 1贊 285
城市分裂傳說
那天，我揣著相機(jī)與錄音纱新，去河邊找鬼展氓。笑死，一個(gè)胖子當(dāng)著我的面吹牛脸爱，可吹牛的內(nèi)容都是我干的遇汞。我是一名探鬼主播，決...
沈念sama閱讀 38,349評(píng)論 3贊 400
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼簿废，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼空入！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起族檬，我...
開封第一講書人閱讀 36,979評(píng)論 0贊 259
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤歪赢，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后单料，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體埋凯，經(jīng)...
沈念sama閱讀 43,469評(píng)論 1贊 300
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡点楼，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 35,938評(píng)論 2贊 323
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了白对。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掠廓。...
茶點(diǎn)故事閱讀 38,059評(píng)論 1贊 333
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖甩恼，靈堂內(nèi)的尸體忽然破棺而出蟀瞧，到底是詐尸還是另有隱情，我是刑警寧澤媳拴，帶...
沈念sama閱讀 33,703評(píng)論 4贊 323
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布黄橘，位于F島的核電站，受9級(jí)特大地震影響屈溉，放射性物質(zhì)發(fā)生泄漏塞关。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 39,257評(píng)論 3贊 307
男人毒藥：我在死后第九天來索命
文/蒙蒙一子巾、第九天我趴在偏房一處隱蔽的房頂上張望帆赢。院中可真熱鬧，春花似錦线梗、人聲如沸椰于。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,262評(píng)論 0贊 19
一樁弒父案仪搔，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)瘾婿。三九已至，卻和暖如春烤咧，著一層夾襖步出監(jiān)牢的瞬間偏陪，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 31,485評(píng)論 1贊 262
情欲美人皮
我被黑心中介騙來泰國(guó)打工煮嫌，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留笛谦，地道東北人。一個(gè)月前我還...
沈念sama閱讀 45,501評(píng)論 2贊 354
代替公主和親
正文我出身青樓昌阿，卻偏偏與公主長(zhǎng)得像饥脑，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子懦冰，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 42,792評(píng)論 2贊 345

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

代碼一

代碼二

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

實(shí)踐心得

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