word檔貼到網頁裡有問題?(2/2)

這次要介紹的使用方式是因為你的 word 檔可能檔案比較大,內容比較多,

如果使用上次介紹的方式的話,表格可能會截斷而不完整

如果有上述的需求及困擾,請參照下面的流程來操作即可解決:
1.請使用 IE 瀏覽器連結下列網址:  (使用其他瀏覽器運作起來不太正常!!)
http://feilong.org/purify-table

2.依畫面指示操作:

3.出現提示視窗:

4.複製(COPY)方框裡的 html 原始碼 ,準備貼到  html 編輯器,在貼進去之前,要記得先按一下左上角的原始碼小圖示:

5.預設產生的原始嗎是寬度為 0 的方框,雖然內容都有,但少了原本表格的易讀性!

6.從 html 編輯裡也可看出表格寬度為 0 :

7.準備到 html 編輯器裡修改  html 原始碼(一樣需先按一下左上角的原始碼小圖示):

8.找到 <table>  改成 <table border=”1″>  即可將表格框的寬度改成 1,若你的 word 檔裡原本有二個表格,則需修改二次(使用 CTRL -F 搜尋即可),修改完成按一下右下角的確定修改即可!

9.從前端網頁的呈現上即可看出網頁上的表格已經正常,而且內容沒有缺少!

10. 若把 <table> 修改成:
<table border=”1″ align=”center” cellpadding=”2″ cellspacing=”0″ bordercolorlight=”#000000″ bordercolordark=”#FFFFFF”>

則網頁會更美觀,因為已經是標準的 html 格式,修改呈現的方式可使用  html 編輯器內建的功能,或 FrontPage 或 Dreamweaver 等網頁編輯軟體即可!

Related Posts Plugin for WordPress, Blogger...
Both comments and pings are currently closed.

Comments are closed.