2014年6月27日 星期五

布落格寫作02:調整KompoZer來使得編輯最佳化






一、請調整「KompoZer」的設定值:

  1. 請取得kompoZer,下載、安裝及基礎使用,請參考教學網頁
  2. 任可布落格都有一些版面上的微調;而KompoZer的版面是原始預設計。當我們要用KompoZer來當作主要編輯器,就要做 某些調整,其頁面呈現才會最接近我們在第一單元時,對google Blogger的設置。
二、網頁設置,請看教學影音:


注意事項:
  1. 請在<body>處做如下設定 style="margin: auto; width: 588px; font-size: 15.4px; line-height: 1.4;" 。
  2. 請務必做如下設置:〔格式〕/〔頁面標題與屬性〕/〔選擇字元編碼方式〕/Unicode(UTF-8)。
  3. 一開始要多按幾下 Enter 鍵,以擴張可編輯區域。
三、請消除 googel blogger 對圖片的某些預設值:

  1. google blogger 會在圖片的border,  padding,  以及陰影上做一些設定。我們要消除這些,以接近KompoZer的編輯畫面。請看上面教學影音。
  2. 請將下列 CSS 語法貼到:〔範本〕/〔自定〕/〔進階〕/〔新增 CSS 〕的編輯區域。
.post-body img {
border: 0px solid red;
margin: 0px;
padding: 0px;
background-color: transparent;
box-shadow: none;
}


沒有留言:

張貼留言