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

HTML代碼

(I) 二丶課程目標(biāo)

<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)識相關(guān)<strong>實(shí)踐社群</strong>及學(xué)科拇舀，習(xí)得最佳實(shí)踐及技巧的更新途徑</li>
</ul>

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

<p><strong>四逻族、教學(xué)進(jìn)度計(jì)劃表</strong></p>
<p>說明：<strong>教學(xué)活動</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é)活動</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高級技術(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過渡骄崩、變形和動畫</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)評總結(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>

關(guān)于標(biāo)簽的功能類別及描述

基礎(chǔ)

  • <p>：定義段落聘鳞。

格式

  • <strong>：把文本定義為語氣更強(qiáng)的強(qiáng)調(diào)的內(nèi)容。

列表

  • <ul>：定義無序列表要拂。
  • <li>：定義列表的項(xiàng)目抠璃。

表格

  • <table>：定義表格。
  • <tbody>：定義表格中的主體內(nèi)容脱惰。
  • <tr>：定義表格中的行搏嗡。
  • <td>：定義表格中的單元。

將Word轉(zhuǎn)換為HTML的方法

HTML Cleaner

可以直接使用https://html-cleaner.com轉(zhuǎn)換HTML格式

HTML Cleaner

這種方法可以直接看到HTML文本，需要用戶自己再進(jìn)行復(fù)制粘貼操作采盒。

直接使用Microsoft Word

打開文檔旧乞；

點(diǎn)擊文件-另存為；
Word操作界面

保存類型選擇網(wǎng)頁磅氨；
Word操作界面

點(diǎn)擊保存尺栖，即可看到類型為HTML。

當(dāng)需要直接對文檔進(jìn)行轉(zhuǎn)換時(shí)烦租，用Word自身的轉(zhuǎn)換方式較為簡便延赌，也可以直接保存。

實(shí)踐心得

從上學(xué)期的課程簡單知道了HTML叉橱，此次的練習(xí)是以實(shí)踐更加懂得了其用法和意義挫以。在HTML參考手冊中知道了各種標(biāo)簽的意思及功能，不會像一開始一樣看著一大片的英文字母而根本不懂是什么意思窃祝。也試著自己去其他網(wǎng)頁上嘗試操作屡贺。
在學(xué)習(xí)響應(yīng)式網(wǎng)頁設(shè)計(jì)的時(shí)候才知道這種網(wǎng)頁適應(yīng)視圖原來是需要一系列的操作以達(dá)到響應(yīng)式設(shè)計(jì)，在做作業(yè)的時(shí)候自己去瀏覽很多不同網(wǎng)站锌杀，發(fā)現(xiàn)擁有響應(yīng)式的網(wǎng)站確實(shí)給用戶帶來很大的便捷甩栈，也更能吸引人們?nèi)g覽，是網(wǎng)頁設(shè)計(jì)的一項(xiàng)不可缺少的操作糕再。

部分方法內(nèi)容來源于百度

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末量没，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子突想，更是在濱河造成了極大的恐慌殴蹄，老刑警劉巖，帶你破解...
    沈念sama閱讀 221,576評論 6贊 515
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件猾担，死亡現(xiàn)場離奇詭異袭灯，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)绑嘹，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門稽荧，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人工腋，你說我怎么就攤上這事姨丈。” “怎么了擅腰？”我有些...
    開封第一講書人閱讀 168,017評論 0贊 360
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵蟋恬，是天一觀的道長。 經(jīng)常有香客問我趁冈，道長歼争，這世上最難降的妖魔是什么拜马？ 我笑而不...
    開封第一講書人閱讀 59,626評論 1贊 296
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮沐绒，結(jié)果婚禮上俩莽，老公的妹妹穿的比我還像新娘。我一直安慰自己洒沦，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評論 6贊 397
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布价淌。 她就那樣靜靜地躺著申眼，像睡著了一般。 火紅的嫁衣襯著肌膚如雪蝉衣。 梳的紋絲不亂的頭發(fā)上括尸，一...
    開封第一講書人閱讀 52,255評論 1贊 308
  • 城市分裂傳說
    那天，我揣著相機(jī)與錄音病毡，去河邊找鬼濒翻。 笑死，一個(gè)胖子當(dāng)著我的面吹牛啦膜，可吹牛的內(nèi)容都是我干的有送。 我是一名探鬼主播，決...
    沈念sama閱讀 40,825評論 3贊 421
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼僧家，長吁一口氣：“原來是場噩夢啊……” “哼雀摘！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起八拱，我...
    開封第一講書人閱讀 39,729評論 0贊 276
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對情侶失蹤阵赠，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后肌稻，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體清蚀，經(jīng)...
    沈念sama閱讀 46,271評論 1贊 320
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評論 3贊 340
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年爹谭，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了枷邪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,498評論 1贊 352
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡诺凡，死狀恐怖齿风，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情绑洛，我是刑警寧澤救斑，帶...
    沈念sama閱讀 36,183評論 5贊 350
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站真屯，受9級特大地震影響脸候，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評論 3贊 333
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一运沦、第九天 我趴在偏房一處隱蔽的房頂上張望泵额。 院中可真熱鬧，春花似錦携添、人聲如沸嫁盲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0贊 24
  • 一樁弒父案烈掠，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽羞秤。三九已至，卻和暖如春左敌，著一層夾襖步出監(jiān)牢的瞬間瘾蛋，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工矫限， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留哺哼，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,906評論 3贊 376
  • 代替公主和親
    正文 我出身青樓叼风，卻偏偏與公主長得像取董，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子无宿，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評論 2贊 359

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

  • 注甲葬，該文章中的HTML語法轉(zhuǎn)換自網(wǎng)頁* * https://html-cleaner.com 原文 二、課...
    Sugwa閱讀 270評論 0贊 0
  • 教學(xué)目標(biāo) 二懈贺、課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： 能夠從 用戶體驗(yàn) 框架经窖，描述網(wǎng)頁設(shè)計(jì)與...
    5437854劉閱讀 216評論 0贊 0
  • 二、課程目標(biāo)5點(diǎn)（含標(biāo)題）原文 二梭灿、課程目標(biāo)透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力：(1)能夠從用戶體驗(yàn)框架画侣，描...
    N莫熙彤閱讀 629評論 0贊 2
  • 本課課程大綱內(nèi)容與其HTML代碼（注明HTML代碼來自 https://html-cleaner.com ） 原文...
    我不是吳綺雯閱讀 279評論 0贊 2
  • 課程目標(biāo) 透過混合學(xué)習(xí)及體驗(yàn)式學(xué)習(xí)培養(yǎng)學(xué)生以下能力： (1)能夠從用戶體驗(yàn)框架，描述網(wǎng)頁設(shè)計(jì)與制作主要概念堡妒，包括頁...
    little_bottle09閱讀 184評論 0贊 2