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

課程目標(biāo)HTML碼

<p><strong>二翰灾、課程目標(biāo)</strong></p>
<p>透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：</p>
<ul>
<li>能夠從<strong>用戶體驗(yàn)</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>HTML5</strong>及<strong>CSS3</strong>的產(chǎn)業(yè)技術(shù)標(biāo)準(zhǔn)</li>
<li>能描述<strong>響應(yīng)式網(wǎng)頁設(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>

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

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

HTML代碼"標(biāo)簽

<p> 標(biāo)簽定義段落。
<td> 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格改含。
</tr> 定義表格中的行情龄。
<tbody>定義表格中的主體內(nèi)容
</table>定義表格
<td width="118">定義寬度為118
<ul>定義無序列表
<li>定義列表的項(xiàng)目

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

利用word工具把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)頁”祷肯。
6最后點(diǎn)擊保存就轉(zhuǎn)換成功了。

使用Word工具和https://html-cleaner.com兩者之間把文檔轉(zhuǎn)換成HTML格式的比較

  1. 使用word 工具轉(zhuǎn)換HTML格式的時(shí)候疗隶，可以直接使用Word的編寫功能在Word上編寫佑笋，同時(shí)利用Word的功能，將編寫工作變得較輕松斑鼻，最后還可以直接將輸出的文檔輸出為文件的格式蒋纬，可以減少工作量；缺點(diǎn)就在于坚弱，不能講HTML格式的文檔直接顯示蜀备，使得檢查工作較為困難


    QQ圖片20180313131200.png

2.使用https://html-cleaner.com轉(zhuǎn)換的時(shí)候，如果有現(xiàn)成的文字史汗，那么將大大減少工作量琼掠，因?yàn)橹苯訉⑽淖謴?fù)制進(jìn)去就可以直接顯示HTML格式。輸出的結(jié)果更為明顯可觀停撞，更加有條理

image.png

實(shí)踐心得

第一次接觸響應(yīng)式web設(shè)計(jì)的時(shí)候是一頭霧水瓷蛙，感覺自己就像是一個(gè)小學(xué)生走進(jìn)了高中生的課堂，除了中文能讀出來之外戈毒，其他的都是懵的艰猬。
在上完漢騰老師的課后，感覺自己依舊是那個(gè)小學(xué)生埋市，什么也不懂冠桃，可以感受到大學(xué)的學(xué)習(xí)和小學(xué)、初中道宅、高中是完全不同的食听，所以自己也在不斷的轉(zhuǎn)換自己的學(xué)習(xí)模式胸蛛，同時(shí)也嘗試著多樣的方法去解決同一個(gè)問題，漸漸的實(shí)踐樱报，發(fā)現(xiàn)大學(xué)的學(xué)習(xí)本來就是一門最重要的課程葬项。
在這個(gè)作業(yè)體驗(yàn)的過程中，很多東西都是老師給出迹蛤，這樣讓作業(yè)進(jìn)行的更加順暢民珍，同時(shí)再結(jié)合自己去查詢資料，去了解更多的知識(shí)盗飒，使得自己擁有更加全面的了解嚷量，這樣的體驗(yàn)還是很有效果的，至少現(xiàn)在我感覺自己像個(gè)初中生了逆趣，而不是那個(gè)小學(xué)生蝶溶，所以在努力中，試圖成為一個(gè)高手宣渗。
完結(jié)

最后編輯于 ：
?著作權(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)離奇詭異涯鲁，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)有序，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2贊 382
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門抹腿，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人旭寿，你說我怎么就攤上這事警绩。” “怎么了盅称？”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0贊 342
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵肩祥，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我缩膝，道長(zhǎng)混狠，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1贊 279
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任疾层，我火速辦了婚禮将饺，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己予弧，他們只是感情好刮吧，可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5贊 373
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著掖蛤，像睡著了一般皇筛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上坠七，一...
    開封第一講書人閱讀 49,046評(píng)論 1贊 285
  • 城市分裂傳說
    那天，我揣著相機(jī)與錄音旗笔，去河邊找鬼彪置。 笑死，一個(gè)胖子當(dāng)著我的面吹牛蝇恶，可吹牛的內(nèi)容都是我干的拳魁。 我是一名探鬼主播，決...
    沈念sama閱讀 38,351評(píng)論 3贊 400
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼撮弧，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼潘懊！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起贿衍，我...
    開封第一講書人閱讀 36,988評(píng)論 0贊 259
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對(duì)情侶失蹤授舟，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后贸辈，有當(dāng)?shù)厝嗽跇淞掷锇l(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
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一伤靠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧，春花似錦宴合、人聲如沸焕梅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0贊 19
  • 一樁弒父案卦洽，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽贞言。三九已至，卻和暖如春阀蒂，著一層夾襖步出監(jiān)牢的瞬間该窗，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1贊 262
  • 情欲美人皮
    我被黑心中介騙來泰國打工蚤霞， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留酗失，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2贊 354
  • 代替公主和親
    正文 我出身青樓昧绣，卻偏偏與公主長(zhǎng)得像规肴，于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子夜畴，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2贊 345

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

  • word文檔 二拖刃、課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：(1)能夠從用戶體驗(yàn)框架，描述網(wǎng)頁設(shè)計(jì)與制作...
    龍貓Vin閱讀 237評(píng)論 0贊 0
  • 原文： 二贪绘、課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： 能夠從用戶體驗(yàn)框架兑牡，描述網(wǎng)頁設(shè)計(jì)與制作主要概念，...
    jackeeonz閱讀 584評(píng)論 0贊 2
  • 二税灌、課程目標(biāo)5點(diǎn)（含標(biāo)題）原文 二发绢、課程目標(biāo)透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：(1)能夠從用戶體驗(yàn)框架，描...
    N莫熙彤閱讀 569評(píng)論 0贊 2
  • 二垄琐、課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： 能夠從 用戶體驗(yàn) 框架边酒，描述網(wǎng)頁設(shè)計(jì)與制作主要概...
    辛土易木閱讀 321評(píng)論 0贊 0
  • 一、使用 簡(jiǎn)書將本課課程大綱之選取內(nèi)容拷貝貼上狸窘，得出HTML代碼： 二墩朦、課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)...
    GeekJun閱讀 255評(píng)論 0贊 2