以純文字方式查看主題

- 塔內植物園 (/tbgweb/cgi-bin/leobbs.cgi)
-- [ 器材 ] (/tbgweb/cgi-bin/forums.cgi?forum=15)
--- flickr相簿於部落格上之應用法 (/tbgweb/cgi-bin/topic.cgi?forum=15&topic=322)


-- 作者: sy0215
-- 發表時間: 2008/04/13 08:03pm

數位時代又來了!!
唯一能確定的一件事就是「科技始終於惰性」,
所以為了人類的惰性使然,
科技才會不斷不斷的進步,
而愈方便愈快速的方法也不斷的翻新!!
也因此,個人又再度提供一個更懶的方式來產生貼圖的語法及上傳圖片的方式,
和大家分享一下,
也希望籍此拋磚引玉,
達到「科技」的目的。

__________________________________________________

[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/1_.jpg[/img]
___________________________________________________
登入flickr後點選基本設定。


____________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/2_.jpg[/img]
___________________________________________________
會提示你即將開始基本的設定,此時按下「開始」即可。


___________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/3_.jpg[/img]
___________________________________________________
會請你先上載一些照片,
當然之前已經先上載了一些了,所以這�奡N選了「略過此步驟」。


___________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/4_.jpg[/img]
___________________________________________________
這�奡N是重點了,
請您替你自己的相簿取一個名字當成您的位址,
要特別注意的是,取完名字後就不能變更了,
所以一定要慎重的考慮一下,
完了以後按下「預覽」。
如果你要取的名字已經有人使用了的話,
會跳出警告訊息來,
此時就要請你改了!

___________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/5_.jpg[/img]
___________________________________________________
一定有看到特別強調此別名無法變更吧?
都沒問題的話,再繼續下去吧!


___________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/6_.jpg[/img]
___________________________________________________
對我來說,大頭貼不代表任何的意思,
因為我不會把我的頭像放上去,我怕走在路上被人認出來,
也幸好這�堨i以…略過此步驟啊!
如果真的很想表現自己的話,可以使用他提供的兩種方式,
一個是已上傳的,一個是在自己的電腦�媬鴾@個喜歡的再上傳。


___________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/7_.jpg[/img]
有關個人檔案的部份,
不過,我還是因為太害羞了,所以還是往下選了略過此步驟啊!

__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/basic/8_.jpg[/img]
__________________________________________________
到這�奡N大功告成了,
除了位址不能更改以外,剩下的基本資料都是隨時可以更改的,
當然也包含了頭像啊!

到了這�堙A
先期的工作也已經準備好了,
當然以flickr的操作介面來看,
只要是中文,大家都會用錯誤嘗試法來學習,
所以我沒說到的部份,就麻煩大家自己亂點看看了!

接著就要進入另一個貼圖的教學了!!

http://webdev.yuan.cc/famaker.php
這個網站,最主要的就是幫忙產生語法,
而這個語法,除了可以用在編寫網頁之外,
也可以張貼在部落格�堙A
更可以直接產生一個可以播放的相簿檔,
所以我才提出來和大家分享的,
唯一的一個缺點還是,是英文的啊!!

[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/1.jpg[/img]
__________________________________________________
首先進入網站後會出現讓人覺得害怕的英文介面,
很可怕吧?
都是英文,看了都快要哭出來了,是吧?
放心,這�堥S那麼可怕啦!
右邊的大視窗除了一些連結外,大部份是用預覽的啦!
所以其實右邊不用理他,
只要看一下左邊的就行了!
什麼?還是很亂?!
唉呀!那我們就一步一步的來討論討論吧!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/2.jpg[/img]
__________________________________________________
在左邊那邊的位址�堙A
就是填上剛剛設定好的位址,
就是設定完不可以變的那裡,
需要位址的原因就是可以直接連到自己的相簿�堨h把要用的相片翻出來用,
而此時你可以用時間來搜尋(enable time search)
或是用標籤(tags)的方式來尋找,
如果以我的想法來看的話,
最好在新增標籤時最好能加上時間地點和名稱,以方便自己來尋找,
像是「20080328校園寬胸蠅虎」這一類的,
雖然長了點,但在日後的尋找上會很有幫助。
這�堙A我用的標籤就是僅有寬胸蠅虎而已,
理論上,只要是符合的檔案會全部出現,
剩下的可以先不用管,
接著再按下送出(sumit)

__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/3.jpg[/img]
__________________________________________________
馬上在右邊的視窗�堨X現了相片預覽排列的方式和內容,
而下面的則是所謂的語法,這個就是我們要的!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/4.jpg[/img]
__________________________________________________
現在我們回到左邊,
看一下一堆的英文�堶悸瑪龠窗A
其中有一個是標題(title),如果這�堨握蘆爾隉A
就是表示你要使用標題,
按下送出之後,則在預覽那邊會看到結果。

__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/5.jpg[/img]
__________________________________________________
這邊顯示大頭圖示也一樣,你可以勾選,然後會在預覽那邊看到,
而我出現一個灰色的臉,則是因為我沒輸入,我羞於見人啊!!哈!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/6.jpg[/img]
__________________________________________________
接著下來就是試用一下相片排版的結果,
依序是square、thumb、small、medium,
也就是方形排列,相本(每四張一行)、大圖、中圖,
每個你都可以試點一下,
看看有什麼不同,
然後再按下sumit 送出會看到結果,
自己挑一下滿意的吧!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/7.jpg[/img]
__________________________________________________
這是small小圖的結果。

__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/8.jpg[/img]
__________________________________________________
喜歡線上直播秀的人,
可以點選幻燈片播放(slideshow)
按下送出後,一樣可以在右邊看到預覽。
看完自己的相片,也高興完後,
這時可以先把出現在右邊下面的原始碼複製一下,
待會兒會用到。

__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste1.jpg[/img]
__________________________________________________
打開自己的部落格,
按一下發表新文章,
這�塈甯O用xuite為例,
你可以找一下發表的選項裡,應該會有html原始碼編輯的模式,
還是顯示原始碼的選項,
而我點的就是<>,會進入原始碼編輯模式。


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste2.jpg[/img]
__________________________________________________
接著,按右鍵選貼上,還是用ctrl+v也行,
把剛剛幻燈片秀的原始碼一鼓腦的貼上來,
不用管內容沒關係,
接著再按下預覽,或是發表都行!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste3.jpg[/img]
__________________________________________________
此時就會看到在自己的部落格�堨X現自己的相簿幻燈片了!
其實,到這�堛磳颩痔R已經成功了!!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste4.jpg[/img]
__________________________________________________
回到剛剛最早的相簿選項�堙A先產生一段語法,
而語法就是看你點選的項目為何,只要按上送出,
右邊就有預覽,
不管是幻燈片還是相簿,
等到自己滿意,
就可以放心的拷貝語法了!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste5.jpg[/img]
__________________________________________________
這�堨Hgoogle的部落格為例,按下發表文章後,還是可以找到「修改html」的選項,來張貼語法。


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste6.jpg[/img]
__________________________________________________
不管三七二十一的貼上,
反正看不懂沒關係,
只要會複製和貼上即可啦!
按一下預覽。


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste7.jpg[/img]
__________________________________________________
預覽還是發表時,會發現這個東西出現在右下角,
個人覺得有點小小的礙眼,
所以決定把他移掉!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste8.jpg[/img]
__________________________________________________
點選文章的內容,並在html編輯的模式�堙A
找到這一段,刪掉!!


__________________________________________________
[img]http://i299.photobucket.com/albums/mm305/small_eyes_photo/teach/flickr/albummaker/paste9.jpg[/img]
__________________________________________________
嘿嘿,看不到了吧?
到這�堙A可以休息一下嘍!!


© 中文版權所有: 塔內植物園 繁體版權所有:摩尼網  程式翻譯:auron 版本: LeoBBS X Build041101