close

相信大多數的人都有編寫過部落格,也知道如何透過預設功能按鈕插入圖片、改變字體顏色大小與粗體顯示,不過每個部落格有的功能可能會不一樣,比方說有的豪華到可以支援直接插入影片,有的簡單到只有支援基本的字體變化、加底線,連插入圖片功能都沒有。

部落格的編輯其實支援了許多HTML的語法,例如「<b>加粗</b>」呈現的效果就是「加粗」,目前許多人使用的「刪除線」,語法便是「<s>刪除線</s>」。

但在許多部落格後端文章編輯介面中,一般HTML編輯模式(意即使用者可直接透過按鈕設定字型、插入圖片等功能)中並不能直接加上這些語法,因此必須將編輯模式改成為一般文字編輯模式,也就是只能輸入純文字內容的模式。



在「HTML編輯模式」裡,雖然有便利的功能按鈕可以幫忙完成字型變化、插入圖片、連結等,可是像插入YouTube影片就是個問題了。


將編輯模式切換成「純文字編輯模式」時,雖然不方便,不過卻可以自行添加一些有的沒的功能。

語法編寫方式等同HTML原始語法,如<FONT color=#FF9900>這樣的語法敘述串,亦可寫成<FONT color=FF9900>或<FONT color=FF9900>(但絕對不能寫成<FONT color=FF9900>這樣前後引號不相同的情形,因為網頁會無法正常判斷語法內容),然後在後方再加上一個</FONT>作為語法結束。

註︰為了讓文中所提及的語法可以正常顯示於文章中,因此所使用的「<」與「>」為全形字,若要真的使用到部落格中必須改成半形字。

改變字型

一般會用到的語法即是︰<font color=0066cc size=7>字型顏色與大小</font>,加粗的語法則是︰<b>加粗</b>。

做出來的效果如︰字型加粗

加入網路連結

在撰寫部落格文章的時候,若是要讓網友閱讀更多相關內容,那麼相關內容的延伸,就必須仰賴網路連結。

連結語法即是︰<a href=(網址內容) target=_blank>(文字敘述或圖像)</a>

這邊要注意的,若是要網頁連結是另開視窗開啟,那麼請在連結後方加上「target=_blank」的敘述,若是要讓網頁在同一個視窗中開啟,那麼就是加上「target=_self」。

至於連結的表示,可以用文字或者是圖片做呈現,比如︰

這是數位玩樂誌連結

另外,超連結當然不限制於網頁的連結,檔案的連結也是相同的方式做連結,不過請注意,「盜連」可是不道德的~

插入物件

目前許多部落格大多會有相簿的功能,因此使用者可以直接從抓相簿裡的圖片來應用在部落格文章中,不過如果是像Blogger這樣的部落格介面,雖然使用相當簡潔自由,不過要插入圖片的話,可能得藉助Flicker之類相簿的幫忙。

不論要在部落格中插入圖片也好,要置入影片也好,先決條件一定是︰要插入的「物件」必須先存放在網路上的儲存空間,而不是自己電腦中的 「C:Documents and SettingsuserMy Documents…」,不管是自己架設的網站空間也好,免費的上傳空間也好,擺放你所要插入物件的地方,盡量是選擇連結較容易,而且不用登入帳號密碼, 也不容易連結失效,不然經常出現 [] 這樣的叉燒包也不太好看。

█圖片

基本語法為︰<img src=(圖片網路位址) align=left width=240 height=240 border=1>

其中,src指的是圖片來源,align表示圖片對齊位置,是否置左(left)或置右(right)以及置中(middle)。width與 height與各代表寬度、高度,也可以只加單邊如寬度的長度敘述,則高度也會按原比例跟著調整,反之亦然。border則是替圖片加上邊框。

如︰

█音樂、Flash

有些人會在部落格之中加入MP3歌曲或者是Flash遊戲,這個可以藉由<EMBED>語法達成。亦可用來插入一般影片檔案播放,不過可能要注意影片Code問題是否影響播放,以及讓其他人瀏覽時,是否造成頁面讀取緩慢的現象。

基本語法為︰<EMBED SRC=(MP3、Flash檔案連結) width=500 height=375 autostart=false quality=high loop=false>

其中,src是檔案資料來源,width與height分別控制畫面寬、高,quality決定畫面品質,autostart可以控制是否自動播放(false為否,而true表示是),loop則控制是否重複播放

如︰

█網路平台上的影片

YouTube、Im TV等網路影片都很火紅,而這類網路影片也大多歡迎網友將影片轉至自己的部落格裡直接播放,那麼Code該怎麼下?

以YouTube舉例,在任何一個YouTube影片下方都會有「Embed」欄位,接著再將這串語法貼至部落格內容裡即可完成,之後只需在文章內部就可以直接點選播放該段影片。


將紅色框中的語法部份複製下來轉貼進部落格內文編輯區中即可。

完成後如︰

【數位玩樂誌】

arrow
arrow
    全站熱搜

    pbm101 發表在 痞客邦 留言(0) 人氣()