週報總覽 Newsletter

請選擇您感興趣的週報主題類型

我可以直接把 Word 的內容複製貼到網頁上嗎?

相信許多人在整理網站上要公佈的資料時,都很習慣會打開 Word、Excel、PDF ...等文書工具做編輯。先將文字、表格...等內容,編輯成自己想要呈現的樣式之後,就想原封不動到網站後台直接貼上。之後我們就會遇到以下類似的狀況,例如:文字凸出去網站外框、字型不對...等問題。

 

這些情況,主要是因為平常我們在使用 Word、Excel、PDF ... 等文書工具,在編輯內容的時候所選擇的樣式都有他自己的程式碼,選擇的樣式越多,例如文字大小、文字字距、行距、顏色...等,要顯現這些效果的程式碼就會一層一層的增加,只是平常這些 Word、Excel、PDF ...等文書工具,會將程式碼資訊隱藏了起來,只顯示大眾比較能夠清楚理解的視覺化呈現方便瀏覽。

 

因此,當您從 Word、Excel、PDF ...等文書工具複製文字內容,直接貼到網站編輯器時,這些隱藏的程式碼也會一起複製到網站後台。但是這些程式碼不是給網站使用的,因此在網站上的顯示也會變得不如預期,或者是會讓整個網頁跑位、圖片看不到、表格看起來不整齊等情況。

  • 摩智電子週報 我可以直接把 word 的內容複製貼到網頁上嗎?

要如何可以改善這樣的情況,讓編輯網站能夠更輕鬆一些?

從文書工具要轉成網頁可以使用的內容,必須分成兩個步驟,第一個步驟是 "網頁文字與排版" ,第二個步驟是 "網頁上插入的圖片" ,這兩個步驟需要分開進行,如果沒有圖片,只需要執行第一個步驟就可以了。

  • 步驟一:網頁文字與排版

    經過上述的說明我們可以了解,影響網頁畫面呈現的原因,主要是那些 Word、Excel、PDF ...等文書工具產生出來 "網站看不懂的程式碼" 所影響,如果可以清除這些多餘的程式編碼,乾淨的程式碼比較能夠與原本網站設定的樣式相符。

     

    一般我們如果要從 Word、Excel、PDF ...等文書工具複製內容貼到網站後台的時候,最簡單的方法,就是將內容貼到電腦的 "記事本" 上,記事本會把所有文字截取出來,之後再貼到網站後台。這個方法優點是可以取得純文字,但缺點是所有的排版必需要在網站後台重新設定一次。

     

    如果上述的方法太麻煩,我們可以使用以下兩種好用的線上工具,能夠幫我們將文書工具的程式碼轉換成網站後台可以看得懂的程式碼。

     

    Word2cleanhtml

    只需要將 Word 裡面的內容複製起來,貼到這個網頁的白色區域,之後點選 “ convert to clean html ” 按鈕,就能夠得到整理過後的 HTML。

    摩智電子週報 為何有時網站更新完後還會看到舊內容 ?

    Wordhtml

    只需要將 Word 裡面的內容複製起來,貼到這個網頁的白色區域,之後點選 “ HTML ” 分頁,就能夠得到整理過後的 HTML 。使用這個網站的另一個好處,是您也可以直接使用這個網站上提供的功能對您的內容進行編輯,之後再拷貝 HTML。

    摩智電子週報 為何有時網站更新完後還會看到舊內容 ?
  • 步驟二:網頁圖片

    如果您的內容有包含圖片,需要先將圖片先傳到網站後台,取得圖片連結之後,再從網站後台將圖片連結重新置入。對於網站上使用的圖片,有一些需要留意的地方,以下列出 3 點提供您參考:

    • 圖片如果檔案很大建議先縮圖再上傳,網站圖檔太大容易讓網站顯示的速度變慢。
    • 圖片的檔名建議使用英文字母與數字組合,格式以 .jpg 為主,這樣可以避免有些瀏覽器無法載入圖片的問題。
    • 有手機版網站的圖片,請將圖片預設的寬度與高度刪除,讓圖片能夠隨螢幕縮放。

以上提供將 Word、Excel、PDF ...等文書工具內容程式碼轉換成網站程式碼的方法,讓您在管理網站內容的時候能夠更上手。

#排版亂掉#網站更新訣竅 #圖片規格

相信許多人在整理網站上要公佈的資料時,都很習慣會打開 Word、Excel、PDF ...... 等文書工具做編輯。本週會為您說明,可以直接把 word 的內容複製貼到網頁上嗎?

友善列印版本

這些資訊無法滿足您?

請填寫聯絡表單與我們進行更多互動吧!