正文

稀裏糊塗談製帖

(2012-03-10 09:10:59) 下一個

稀裏糊塗談製帖

作者:10pm

最近有同學問起一些製帖的小技巧,不由想起林韻原來在組裏提議過的,號召同學們都學學製帖,這樣在節日時,或是同學生日party時,送上一份心意,同學高興,自己也挺得意的不是。有時得知同學生日,臨時要送上一個帖,事先又沒準備,就去一些網站抓壯丁,弄一個帖子,帖子送了,同學也保存了,可過了幾天打開一看,隻見紅叉一個,那不是有點殺風景嗎。眼看節日又近了,大家都是忙人,沒有那麽多時間耗在製帖上,於是就想給大家提供個模板,供新手上路用。製帖巧匠就不要進來了,你們要進的是高級班,就讓我這等俗人,呆在初級班裏,和有興趣的同學嘮嘮嗑吧。

一種製帖的方法是用Windows係統自帶的Windows Movie Maker,製作一個小動畫,雖然功能有限,但也可做到音、畫、文字俱佳,是個不錯的選擇。做出來的文件一般以wmv格式存盤,因為文件尺寸稍大,一般都上傳至Youtube(當然你要有Youtube的ID)。優點是你無需加裝另外的軟件,且能製成高清(HD)的視頻。但要注意,因Youtube是全球性的網站,你在引用製帖元件時要小心,我知道有不少城友發帖去Youtube後,有遭到投訴而視頻被撤消的,還有一點就是視頻有時有廣告跳出來,雖然不少城友為此作了不少嚐試,力圖“屏蔽”掉Youtube的一些Feature,且已取得不少的成就,但魔高一尺道高一丈,Youtube也在為保有它的Feature不斷地更新版本。因我們製帖的時間有限,我講的也有限,更主要是我知道的也有限,這裏就不談此種方法了。

另一種就是大家稱為的flash。這種帖子,若是尺寸不超過8MB,就可留在WXC, 不需上傳至Youtube, 在WXC中,還沒聽說版權糾紛之類的七裏八嗦(以後也許會有!),而且一經上傳,就永久保留。你今天放入博客的帖子,兩年後再來看,依然如故,音容如昔,人老它不老。(感謝不老的帖子!)就象伊能靜唱的,那年我們十七歲... 嗬嗬,永遠不老的十七歲!

這種flash帖子,其實就是按HTML語句,寫一段小程序,大家習慣叫它code。按我的分類法,又可分為兩類:集成總裝式,和分散插件式。

集成總裝式,是把圖片、聲音和動畫效果都集成到最後生成的swf文件中,上傳到WXC後,用HTML語句寫成的code,極其簡單,而且放到博客、論壇、群組,都不會變形,放之四海而皆準哈!但它需要你有Flash的軟件,且耗時較多。

至於分散插件式,是把已經有的小flash元件(swf文件),加進你的code中,結合圖形文件(多以jpg格式),聲音文件(比如mp3格式),用層位控製語句,令它們各安其位,各司其職,叫它們不動就不動,叫它們動就動,這樣才和諧嘛!這種帖子的優點是不需Flash軟件,有模板可借用,費時不多,可實現短平快。缺點是層位控製參數要小心,控製不好,帖子在博客和論壇中有可能不一樣,會變形。曾經看過一位朋友在音樂快遞發帖,博客中帖子是一位漂亮少女,頭上皇冠有一顆鑽石閃亮,發到論壇後鑽石成了下巴上閃亮的痣,這當然不是作者所想要的。由於論壇的背景設置在文章的左邊有縮格,因此有時你的帖子發到論壇裏就不象在博客裏,而是有了變形,我曾經調整過幾次,後來覺得無此必要,博客的帖子才是主要的,那是你想長期保存的,至於論壇,隻要沒有嚴重變形,就由它去吧。不完美才是真實嘛。

下麵就結合一個實例講講這種短平快的製帖方法,給有興趣的同學提供一個模板。有同學問,關於製帖有什麽文章可以讀嗎?我的看法,最便捷的方法就是“依樣畫葫蘆”,依著別人的樣,畫出自己的葫蘆。就象SIM卡一樣,換了SIM卡,這手機就成了你的了。畫的過程中,不求處處甚解,知其然不知其所以然的往下畫,畫完了就得。

下麵就以一個實例,講講製作過程。先準備元件:

(1)找了一幅圖片,雪天的,簡單PS了一下,上傳到tinypic。[看看我]

(2)找了雪花飄飛的flash小插件,上傳到WXC。[看看我]

(3)想起那首《雪歌》,歌詞雖平淡,意境不錯,上傳到WXC。[聽聽我]

下麵開始組裝。

先開一個table,把所有的元件都放進這個table中,要注意的是,table可以嵌套,但凡開一個table,一定要有open和close的相對應,其格式為:

〈table〉......〈/table〉

若是這種table的open和close不match,在博客中問題不大,博客是對用戶最友好的,即使你的code中有table不match的錯誤,它也能‘猜’出你要作什麽而display出來。但論壇或群組則不行,特別是群組,要求最嚴,一不match就出錯。那就是常有人會困惑:我的帖子在博客裏好好的,怎麽一貼到群組裏就不行了呢?這就是原因所在。有時貼到組裏的帖子把回帖擠到右下角,那是因為多了一個〈/table〉。再開一個內嵌table, 把圖片放進去,以background的形式放進,以免被WXC的約定圖片大小設置而改變了尺寸。這是對這個模板動的第一刀:



上麵的 width=700 height=526 是jpg圖片的大小。

開一個圖層控製語句,把flash小插件和mp3播放器插進來:



先放進flash插件,其圖層的位置(X,Y坐標)由LEFT和TOP參數控製,其大小由width,height參數控製:



注意embed的open和close,該圖層的open和close(DIV語句)。這是對這個模板動的第二刀。

再放進播放器,此處用了漸進模糊的播放器模式,隻保留了兩個按鈕。其寬度和高度由width和height設定,其位置由LEFT和TOP設定。你可以改變這些參數去看看有什麽變化(注意:這種設置目前隻對IE瀏覽器有效):



這是對這個模板動的第三刀。

最後不要忘了圖層控製語句的close以及外層table的close:



注意,此處放入的動畫是flash插件。你也可以使用gif插件,但一定要是透明的gif,使用方法和swf文件的引入基本相同,但不要使用embed語句,而是采用:



的格式。同學們可以舉一反三,試試看。(貼上來才看見,這裏附加了javascript的語句,這可不是我code中原有的啊,先想消掉以免混淆,後來想想,保留在此也好,可以讓同學們知道城裏的環境設置可以怎樣地改變你的code.同學在引用時請把這個控製語句拿掉。)

有同學說,不喜歡約定的背景白色,想把背景顏色換掉。這可以用STYLE語句實現:



注意上麵的StartColorStr和EndColorStr的設置,其中#379507是顏色的hex代碼。

最後說一句,建議有願意使用這個模板的同學,把code存入一個text文件,取名,比如說,xuege.htm,然後用Notepad編輯該文件,在編輯中,為便於看清各部位,常常要分段換行,就象上麵所顯示的。當你用Notepad編輯,插入回車換行後,一切調試修改都在local電腦上進行,無須進到博客。右擊該文件,選“Edit"就進到編輯,保存文件後,雙擊就顯示運行結果。調試好後,對於插有好多回車換行的code,若是直接貼到博客中,沒有問題,博客會把那些回車換行過濾掉。但對於群組則不行,你需要自己把那些回車換行濾掉,這一點提請留意。我第一次在群組發帖,就是沒有留意這個問題,帖發出後趕快改,弄得滿頭大汗,最後才發現是這個問題。

為了便於同學直接把模板拷回去,下麵的code把回車換行都濾掉了,你可直接存盤,再動三次刀,換成你的元件,這帖子就是你的啦!



我羅裏羅嗦的說了這麽半天,但願沒把你給說睡著了,你若是覺得還有那麽一點點幫助,我也就高興了!





[ 打印 ]
閱讀 ()評論 (2)
評論
10pm 回複 悄悄話 回複五弟五哥的評論:

哈哈,所以說,稀裏糊塗談製帖嘛!:)) 問好五弟春安!
五弟五哥 回複 悄悄話 哈哈,老兄,你這簡單的介紹也讓五弟暈頭了,,,
啥時候回來再學。
登錄後才可評論.