2013年10月24日 星期四

用kompoZer寫作的三個基本動作


KompoZer是我用的教學軟體！
用KompoZer寫作數位文本有三招很基本的「起手式」。
  1. 多按 Enter 鍵，增大可編輯區域。
  2. 要選擇字元的編碼，常用 UTF-8 。
  3. 要固定頁面寬度並使居中。

教學影音說明：
  1. 格式／頁面標題與屬性／選擇字元編碼方式，請選 UTF-8 。
  2. 頁面寬通常可設為 640px 或 800px；頁面居中的語法為 margin: auto; 。
  3. 可直接copy 到<body>，如下： style=" width: 640px; margin: auto; " 。

KompoZer：下載、基本使用方式。


★★基本文字寫作技巧：把字用DIV包起來。





非常重要的補充：CSS的三種使用方式 with Kompozer。

學會在kompozer中快速寫入 class、 id 、以及直接寫入 style="xxx"，這三種方式。



影音教學內容：
<style>
.word031001 {
font-family: Verdana, '微軟正黑體';
font-size: 1.06em;
font-weight: normal;
line-height: 1.6em;
text-align: left;
padding: 0.5em;
}

.word031002 {
-webkit-box-shadow: 2px 2px 2px 2px silver;
}

#i031001 {
border: 1px solid red;
background-color: lightgreen;
}
</style>




補充說明↙

分析網頁結構的好用方法：標題空間、歡迎空間、目錄資訊空間
★內田廣由紀（2008）。《網頁設計基礎講座》。台北：尖端。


沒有留言:

張貼留言