KompoZer是我用的教學軟體!
用KompoZer寫作數位文本有三招很基本的「起手式」。
- 多按 Enter 鍵,增大可編輯區域。
- 要選擇字元的編碼,常用 UTF-8 。
- 要固定頁面寬度並使居中。
教學影音說明:
- 格式/頁面標題與屬性/選擇字元編碼方式,請選 UTF-8 。
- 頁面寬通常可設為 640px 或 800px;頁面居中的語法為 margin: auto; 。
- 可直接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)。《網頁設計基礎講座》。台北:尖端。
沒有留言:
張貼留言