2007年10月22日 星期一

[教學] 使用Windows Live Writer撰寫小組作業 - 「使用篇」

現今的網頁編輯大多具有所見即所得的模式(WYSIWYG),但是Blogspot的所見即所得模式功能有點太過陽春,在編輯文字或是圖片時常常還需要懂得一些html語法才能夠進一步修改相關屬性(當然同學們也可以先在FrontPage或是Dreamweaver內查看一些簡單的Html相關語法,或是熟悉html語法的同學可以直接在html模式下修改),為了幫助同學能夠輕鬆完成小組作業,向大家介紹這個免費的小工具 - Windows Live Writer!




首先,來回顧一下Blogspot的編輯介面
image

html編輯模式
image

再來開始介紹Windows Live Writer(以下簡稱"WLW")

按下一步繼續
image

選擇部落格種類,請選"其它的部落格服務"!!!
image

設定WLW中的部落格帳號
image

WLW開始偵測部落格設定
image

按下結束後開始執行WLW
image

WLW執行畫面
image

常用功能介紹:工具列下的"插入"image

在這項功能下有相當多實用的工具,像是插入圖片或是連結圖表甚至是影片(youtube影片等),方便同學們放置各種形式的檔案和網站連結











儲存編輯內容的形式

image

WLW強調可以離線編輯文章,意味著你可以將草稿先占存在你的電腦當中,編輯完成在做發佈的動作;當然也支援直接上傳到Blog上存成草稿




編輯的模式

image

另一個使用WLW的好處就是可以及時預覽編輯的樣式,在Blogspot上的預覽模式常常無法正確顯示樣式(個人經驗是如此),但是WLW確是可以正確的顯示出套用過的各種樣式,如左圖,只要將檢視點開,選擇"網頁預覽",即可預覽編輯









發布文章

image

文章編輯完成確定無誤之後,就可以透過發佈按鈕將文章(作業內容),傳送至課堂Blog

image

以上簡介一些WLW重要的功能,大致上來說,WLW和文書編輯軟體(office word, open office等)的使用概念相當類似,並且WLW支援複製貼上(Ctrl+C / Ctrl+V),讓許多在文字編輯軟體中的樣式貼到WLW中依舊能夠格式;各位同學可以利用WLW測試發表文章吧!!!

[使用WLW編輯文章之後無法正確隱藏文章]

  1. 何為隱藏文章?
    image
    為了節省使用Blog版面空間,避免文章造成版面不均衡,課堂Blog上有加入自動隱藏文章的"繼續閱讀"功能
  2. 解決方法
    同學們在使用WLW編輯文章發佈之後,可能會出現文章無法正確隱藏,可以透過以下方式解決,「在第一段和第二段中間加入四個"強迫換行"(即是在兩段中間按四次Shift+Enter)」,拉大兩段之間的航距就可以正確隱藏文章!

0 意見: