數位時代的寫作,是一種新形態的文本表達模式!
首頁
初學者技能教案專區
google Meet遠距上課技能
javascript互動文本寫作
融媒體Wix教學
網路新聞寫作:HTML&CSS
新聞影音剪輯:premiere
匯流寫作基模知識:gravit
基礎影音編輯:shotcut
基礎向量圖像編輯:inkscape
基礎圖像編輯:GIMP
排版設計scribus
匯流新聞專題寫作
影音新聞製作與剪輯(上課用)
新聞直播編導/OBS(上課用)
基礎新聞攝影(上課用)
數位排版/敘事(上課用)
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
品嚐《華嚴經》
Unsplash圖像集
Pexels 圖像集
我的給大學生書單
傳播理論/研究

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)。《網頁設計基礎講座》。台北:尖端。



沒有留言:

張貼留言