多媒體互動blog寫作流程及語法
這篇是寫作過程的基本設置，以及套裝語法使用。
請各位同學先依這些預設操作流程來練習寫作，上手後再以這些基礎訓練來加以運用。
這些基本寫作的動作，同時也是我的教學網站中所要求的基概寫作技能及概念。
更多的寫作變化及技能，可在我的教學網站中找到更多。
請各位同學先依這些預設操作流程來練習寫作，上手後再以這些基礎訓練來加以運用。
這些基本寫作的動作，同時也是我的教學網站中所要求的基概寫作技能及概念。
更多的寫作變化及技能，可在我的教學網站中找到更多。
一、Kompozer基本設置三步驟
打開Kompozer後要先做寫作環境設置，頁面body的設定如下：
(1)請在<body>處做如下設定 style=" margin: auto; width: 588px; font-size: 15.4px; line-height: 1.4; " 。
(2)一開始要多按幾下 Enter 鍵，以擴張可編輯區域。
(3)請務必做如下設置：〔格式〕／〔頁面標題與屬性〕／〔選擇字元編碼方式〕／Unicode(UTF-8)。
請觀看教學影音：
二、文字設置的CSS語法使用
網頁中，文字設置的好壞，決定了相當程度的閱讀質感。這裡，將快速讓您套用CSS的語法設法，訓練您對文字布局的寫作及編輯能力。快！又好用！
請參考教學影音：
影音中CSS語法：
<style>
/* 大標 */
.bigtitle01 {
font-family: Verdana, '微軟正黑體';
font-size: 2.2em;
font-weight: bold;
line-height: 1.8;
text-align: left;
letter-spacing: 0.03em;
margin-bottom: 1.5em;
text-align: center;
border-bottom: 3px solid darkorange;
}
/* 大標:hover */
.bigtitle01:hover {
border-bottom: 3px solid #0080FF;
}
/* 中標 */
.midtitle01 {
font-family: Verdana, '微軟正黑體';
font-size: 1.25em;
font-weight: bold;
line-height: 2.4;
text-align: center;
letter-spacing: 0.03em;
margin-top: 1em;
margin-bottom: 1.2em;
border-bottom: 1px solid red;
border-top: 1px solid red;
text-align: center;
}
/* 小標 */
.littletitle01 {
width: 75%;
font-family: Verdana, '微軟正黑體';
font-size: 1.12em;
font-weight: bold;
line-height: 1.8;
text-align: left;
letter-spacing: 0.03em;
margin-bottom: 0.2em;
border-bottom: 1px solid red;
}
/* 小標:hover */
.littletitle01:hover::after {
content:" /";
}
/* 基本黑體內文 */
.ironcontent01 {
font-family: Verdana, '微軟正黑體';
font-size: 1.01em;
font-weight: normal;
line-height: 1.5;
text-align: left;
letter-spacing: 0.1em;
}
/* 基本內文：走二欄 */
.ironcontent02 {
line-height: 1.8;
letter-spacing: 0.1em;
-webkit-column-count: 2;
-webkit-column-gap: 40px;
-webkit-column-rule: 1px outset gray;
}
</style>
把寫好的數位文章，copy並上傳到blog：
三、排版寫作及互動文本
嵌入youtube影音；以及使用google相薄系統，並直接上傳設為「公開」。 click here !!
為所寫的單篇blog文章加上fb的「按讚」。 Click here !!。
排版寫作，使用表格的寫作方法進行。請參考下列教學網頁：
(1) 基礎表格寫作（一）、（二）、（三）。
(2) 表格堆積木法。here!
Div的基本寫作操作及相關使用注意事項。 click here !!
互動程式image gllery：fotorama。
更多數位多媒體互動寫作範例，請參考我的教學網站。
沒有留言:
張貼留言