這里為大家提供了一個(gè)用 word做的課程表,大家可以下載下來試用。下面我們將利用這個(gè)表格為實(shí)例一步一步地去將這個(gè)含表格的word文檔轉(zhuǎn)換成代碼清晰的html文件。
step1:
Dreamweaver是處理不了doc文檔的,因此,我們需要先利用word把這個(gè)文檔另存為html的格式,這一步比較簡單,在word里面選擇“文件-另存為”,保存類型選擇html即可。
step2:
觀察一下另存出來的html文檔,文檔竟然有50多K!這僅僅是一個(gè)課程表!
用Dreamweaver打開這個(gè)html文件,選擇代碼視圖,大家可以看到這里的代碼簡直糟糕透了!先用我們剛才提及的Dreamweaver的菜單“命令→清理word的HTML”,對(duì)文檔處理一下。
這時(shí)候再看一下代碼,比原來好得多了,但是還是有很多垃圾代碼。再查看一下文檔的大小,從原來的50多K迅速降到了不到20K。
step3:
仔細(xì)看一下代碼,有很多標(biāo)簽我們都不需要,比如 <P>,<SPAN>,<DIV>。其實(shí)我們完全可以刪除它們。下面便用另外的一個(gè)菜單“命令→清理HTML”來對(duì)文檔進(jìn)行一番清理。選擇菜單的“命令→清理HTML”,點(diǎn)選指定標(biāo)簽,把我們剛才看到的沒有用的標(biāo)簽都填上。
格式是這樣的:標(biāo)簽名,標(biāo)簽名。比如這里,我們就應(yīng)該填上p,span,div(注意:中間用半角逗號(hào)“,”隔開)。然后點(diǎn)擊確定。稍等一會(huì),會(huì)發(fā)現(xiàn)我們的文檔已經(jīng)相當(dāng)干凈了。仔細(xì)看一下TD標(biāo)簽,會(huì)發(fā)現(xiàn)它的class屬性已經(jīng)沒有意義了。下面我們將它刪除。手工一個(gè)一個(gè)地刪?當(dāng)然不用!我們可以利用查找與替換的命令來把它們?nèi)縿h除。好,開始行動(dòng).
【 微信掃一掃 】