*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
布落格寫作
數位影音敘事專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
flickr圖像集

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; " 。



★★基本文字寫作技巧:把字用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)。《網頁設計基礎講座》。台北:尖端。



沒有留言:

張貼留言