蔡逸竹

❤上傳圖片網  訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 ← 點我上傳

❤教學  訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 ← 點我看教學

圖片就好像網頁一般，要使人看得見，必須要有網址！

所以要使人看得見你貼的圖，你必須先申請一個網頁空間。

當申請完畢後，就是上傳圖片的時候啦！如果你只要貼一、兩張圖的話，

你可以直接使用瀏覽器上傳(就是在網頁中就可上傳的意思)

但如果你一次要傳好多圖的話，那你一定要用FTP

(你要用瀏覽器上傳傳到瘋掉我也無所謂啦^^)

最後，當圖上傳完畢後，就要用貼圖語法將圖〝貼〞出來！

圖片網址就是在你的首頁位置後面加上檔案名稱，申請完空間後，

你就會得知你的首頁位置，中文網站應該都找的到。

外國網站部分，在空間申請教學的最後都有提到。

這就是貼圖的幾個基本步驟，感覺雖然有點複雜，

但當你看到你貼的圖片漂亮地在網頁中讀取出來時，

你會覺得：這是值得的！而且當熟練以後，貼圖就像打字一般，

輕鬆自在喔^^加油吧！

❤訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。❤
網頁空間的部分，我想我必須多加說明。有許多人都會用相簿來貼圖。

不過，相簿是不能貼圖的。網路硬碟更不行！要貼圖，只能用有支援外掛的網頁空間。

國內的好像只有〝PChome〞〈所謂的外掛就是說允許檔案出現在非同一服務商的網頁中〉

我所提供的這些教學，都是有支援的！


空間                   空間大小
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。        10Mb
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。        50Mb
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。        50Mb
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。        100Mb


❤訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
❤訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
❤訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。

貼圖語法
此處教學皆屬簡單基礎教學，若想使用其他語法或高階用法請至"訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。"參考
貼圖 語法  
說明 圖檔必須為gif、bmp、jpg。
  
圖片超連結 語法  
說明：target="_blank" = 在新視窗開啟，如果你不想開新視窗，把target="_blank"去掉即可。

圖片加框 語法  
說明 border=框線大小。

圖片大小 語法  
說明 height=高度；width=寬度。
  
圖片加註解 語法  
說明 alt=圖片說明，把滑鼠移到圖片上即可看到所輸入的字。
  
圖片位置 語法  
說明 center=圖片居中；left=圖片靠左；right=圖片靠右。

圖片移動  語法  
說明 移動方式有三種：
1.捲動不必加東西(連behavior="#"都不要加)
2.滑動需加behavior="slide"
3.交替需加behavior="alternate"

移動方式有四種：
1.direction=up 上移
2.direction=down下移
3.direction=left左移
4.direction=right右移
若要一直循環，不加loop="#"即可！


HTML 語法
‧例子：<img src="http://ahpal.com/home/attachment/201102/5/5784_1296874144ug3s.gif">

「 首先打上 <
然後打上 img
隔一個空位( 按space )
打上 src"
然後放上網址( 如我在上面的 訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 )
最後打上 ">  」

Key 標籤 ∕UBB代碼
‧例子：

「首先打上 [img]
接覑打上 網址
最後打上 [/img] 」

檔名內不要有中文字,整個圖片網址裡也不要有中文字,
盡量以英文及數字為路徑名稱~
例如
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。圖片一 <==此為錯誤示範
應改為
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 <==名稱需改為英文或數字,
檔名可隨自己設定,不需和範例一樣~
請各位試試!

aska110169

其他相關教學連結
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。

訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。



補充資訊:
語法教學

複製內容到剪貼板

代碼:

--------------------------------------------------------------------------------
[hide]保密內容[/hide]  隱藏 : 本部分內容已經隱藏，必須回覆後，才能查看
--------------------------------------------------------------------------------
[url]http://www.dk101.com/[/url]在文章中插入加密連結
--------------------------------------------------------------------------------
[url=http://www.dk101.com/]頂客論壇[/url]在文章中插入加密連結
--------------------------------------------------------------------------------
[b]文字加粗體效果[/b]   
[i]文字加傾斜效果[/i]
[u]文字加底線效果[/u]   
[size=4]變更文字大小[/size]
[fly]飛行文字特效[/fly]  飛行文字特效
--------------------------------------------------------------------------------
[img]http://www.dk101.com/Discuz/images/logo.gif[/img]在文章中插入圖片
--------------------------------------------------------------------------------

蔡逸竹

﹝教學﹞免費貼圖空間及方式、免費網路硬碟1G

為了減輕「頂客論壇」主機的負擔，建議大家的圖片與照片，利用免費空間來貼圖！！
然後再拉圖進來論壇，這樣瀏覽起來速度可能會比較快一點~~！




網站網址︰訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
單檔限制︰1GB的空間　/　一個月10GB流量
檔案類型︰jpg, gif, png, bmp, swf.
HotLink︰有。

你在使用此網站服務時將不做任何如下內容︰

a.不得上傳具機密性內容圖片.破壞智慧產權或者違犯任何第三者的隱私權利 (沒有限制版權而包括， 商標，專利，商業機密或者其他智慧產權或者宣傳的道德權利或者權利)

b. 刪除，或者以任何形式改變，版權，商標之圖片

c. 公佈，上傳， 不合法，猥褻，有害的任何內容，威脅，誹謗，或者那包含恨的物體或者象徵， 侵入任何第三者的隱私，包含裸露或者色情書刊(包括而沒有限制任何孩子色情書刊或者孩子色情文學) ,虛偽，威脅，濫用，對不合法的行動煽動，誹謗，誹謗性，粗俗或者激烈之圖片

d.嘗試破壞或測試此網站之保全機制系統

年齡要求：至少13歲

優點：
1.支援　ｆｔｐ　上傳 詳細內容如下 訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。

2.如果你有在玩現正外國流行的部落格myspace 這網站就派得上用場囉~ 可以放到這網站然後連接至 MySpace 當背景等等.. 詳細內容如下：
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。

圖片當然也可以連到 Y 拍~ 說那麼多就是圖片支援外連~

註冊步驟

1.連上首頁Photobucket之後, 點選 Join Now(如圖所示)


2.接著輸入想要的帳號(Username)和密碼(Password),下面Re-type再打一次相同的密碼 輸入帳號密碼完畢之後,點選→Next Step


3.帳號通過審核之後,會要求輸入個人資訊 姓名要輸入英文的,電子郵件必須為有效郵件,ZIP Code可隨意填入5-6位數字。 最後將畫面上的驗證碼填入欄位即可,按下I accept. Sign me up. 就完成註冊程序。


4.完成註冊後，會跑出go pro的畫面，就是加入VIP，但這必須花錢。如果你想要更好的服務，就點選NEXT。如果不想要，就點選No,thanks。﹝如圖所示﹞


登錄步驟


建立相簿

1.完成註冊後，系統會引導你回到你的首頁。接著看到畫面上會有個按鍵為Add new album，按下去後﹝如圖﹞按下後會跑出一個填寫相簿名稱的框框，依照指示打入相簿名稱﹝這裡僅為示範，以Test_album作為相簿名稱﹞

範例中試著建立test_album(如下圖所示)

2.按下Add Album之後就會出現建立成功的畫面

﹝圖示1﹞

﹝圖示2﹞

照片上傳

上傳照片有多種方式,這裡介紹好用的三種,分別是

◎傳統網頁上傳( 推薦 )
◎網頁批次上傳
◎XP檔案總管發佈( 推薦 )

◎傳統網頁上傳方式
1.在畫面上的右方有Upload images & videos,看到後點選(瀏覽),(參考下4圖) 然後選取要上傳的圖片,再按下Upload就OK了

﹝圖示1﹞

﹝圖示2﹞

﹝圖示3﹞

﹝圖示4﹞
註：如果flash檔太舊時，會有舊式的上傳畫面﹝如下圖所示﹞

﹝圖示1﹞

﹝圖示2﹞

﹝圖示3﹞


貼圖教學

●pkotobucket

1.單張貼圖： 單張貼圖可以直接複製圖片下面的語法就可以了,關於Photobucket現成語法提供的有四種(看下圖)

1. Email & IM 這種是提供照片在相簿裡面的連結,點這網址會到Photobucket的網頁
2. Direct Link 這種語法是直接提供圖片位址,可以拿來貼Blog或者網頁
3. HTML Code 這種語法是搭配了，用來寫網頁或Blog都可
4. IMG Code 這種語法是提供給論壇使用的,大部分論壇都是

以下為這四行代碼的用途：

步驟

在進入相簿後，將滑鼠移至目標圖片，下方會跑出圖片網址，把它複製下來。

或是按欲貼之圖片，進入觀看詳細資料的頁面，並複製第四行代碼，最後直接在論壇發帖時貼上複製之文字


2.批次貼圖： 要大量貼圖的話可以點選要貼的圖片,若要選擇全部可以勾選下面的select / unselect all 再點選右下方按鈕 Generate HTML and IMG code

然後再複製第四行的語法，並在發帖時貼上就完成了。﹝第三行是縮圖[有附網址]﹞


Phtotbucket圖片：

↑此為原圖


以上教學到此，要注意的是圖片外連有頻寬流量限制(每個月25GB)，超過圖片就看不到了 (外連: 在別的網頁上貼Photobucket的圖片,都算是外連) 目前Photobucket有陸陸續續修改一些新功能，如果畫面不一樣就自行變通囉～如果怕圖片太熱門塞爆，可以多請幾個帳號去分散相片、分散流量～



=============================

Part-II 免費1G網路硬碟

這是對岸的網站，不過滿簡單的，介紹大家用用 訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。雖然免費的有單檔10MB限制，但還是很好用。

第一部，畫面右上角的注冊按鈕


輸入完帳號密碼以及郵件信箱後，點選﹝同意並注冊﹞


接著請到您註冊時填入的電子信箱找到帳號啟用信，並點選內容的連結啟用帳號。


啟用完成後，再次回到首頁右上方選擇﹝會員登錄﹞


登錄中.......


登入成功以後，原本的登陸按鈕會變成﹝進入G寶盤﹞，點它進去吧！


接著是上傳管理畫面以及檔案註解設定。


檔案註解設定頁面


這樣大致上就完成了，
由於G寶盤屬於公開可供搜尋的網路資源硬碟，
所以請不要放置任何有關您私密相關的資料！

接著要怎樣把檔案共享給大家呢？
G寶盤的首頁位址是 訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
把前面的三個W換成您自己的帳號名稱，別人就可以登入了。
但是僅限於下載，由此登入的使用者沒有權限修改檔案。


沒有修改權限的使用者登入了以後畫面是長這樣。



這樣子，大家暸了嗎？

祝大家用的愉快。

[ 本帖最後由 蔡逸竹 於 2011-2-8 08:16 編輯 ]

x31203

看的物煞煞

還是放棄了ˊˋ

etet87987

真的是好難哪~   我~放棄...   

虎牙

Oh!!!!好複雜啊 我投降

星空月

恩....
真的有點困難的說...
我試試看吧!

阿赤

好亂阿

都看不懂

蔡逸竹

【貼圖教學】--- 直接上傳法



貼圖教學（兩種）

～ 在論壇中發表文章的貼圖方式有兩種喔 ～ ！


１.先教各位學員一種為較簡易的：直接選取上傳檔案　（如下圖）


直接在上傳新附件處，選擇你要上傳的檔案。

注意檔案可用格式喔！在可用擴展名之後的那些附檔皆可上傳使用。

如要上傳一張以上，在上傳新附檔旁有[+] [-]的符號，[+]是新增附件，[-]即是刪除附件。

選取完檔案之後，按下發表新話題即可發表文章兼上傳圖片或檔案。



2.另一種貼圖方式較適合需要與文字排版的文章發表，例如教學式文章。

先將你要使用的圖檔上傳到網路上（必須是有網址顯示的），本篇教學中使用的是黃色青蛙貼圖空間。（如下圖）


這邊介紹一個黃色青蛙貼圖空間：


黃色青蛙貼圖網址： 訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
這是一個免註冊可直接上傳圖片的貼圖空間。
讓網友可以輕易的上傳精采的照片。


進入 訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 網站後，請先點選［瀏覽］
註冊

1.在首頁右上角有個Sign Up，看到後點選。


2.在Email填上信箱地址，Confirm Email﹝確認信箱﹞再填一次信箱地址。 ImageShackR User Name打上帳號，Password打上密碼，Confirm Password﹝確認密碼﹞再次打上密碼，Gender是性別﹝male是男性，female是女性﹞，Birth Year是出生年。依序填完資料後，按SIGN UP！


3.註冊成功後，會跑出頁面告知使用者註冊成功。請注意會有一網址，此網址即為使用者的相簿連結。


登錄
1.點選首頁右上角的Login﹝如圖所示﹞


2.在Email打上註冊信箱或是帳號，在Password打上密碼，再按OK﹝如圖所示﹞


傳圖

1.傳統傳圖：

在首頁會看到有個按鈕為Browse，按下去會跑出開啟檔案的流覽頁面，在頁面中選取想上上傳之檔案，再按開啟，最後點選UPLOAD NOW，上傳就成功了！


2.大量傳圖：

﹝1﹞        必須下載上傳工具imageShack Uploader 網址：訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。

﹝2﹞        如圖所示，點擊圖示



﹝3﹞        下載之後可以存到桌面上，然後點兩下執行它，如下圖所示



﹝4﹞        按NEXT

﹝5﹞        按Install執行安裝

﹝圖示1﹞

﹝圖示2﹞

﹝圖示3﹞

﹝6﹞        在桌面上找到上傳檔案按兩下執行上傳程式，按Add以選取上傳檔案，所選取檔案會跑至上傳檔案清單中﹝如圖所示﹞。


註：不用登錄也能上傳，不過比較容易被刪除連結，也不較不易管理。

﹝7﹞        上傳清單旁邊有個小預覽圖供使用者查看，如果發現有不必上傳之檔案，可按Remove取消上傳目標。 完成上傳檔案的選擇後，按Upload執行上傳。


﹝8﹞        這時如果要暫時停止上傳，可按Pause；如果要取消上傳，按Cancel。

﹝9﹞        完成上傳後會跑出一個頁面。右邊的一行為圖片純粹的網址，第二行為所圖網址﹝附連結﹞。

上傳後複製圖片網址連結。

然後將滑鼠游標點到您文章中將擺放檔案的適當位置，再點選上方工具選項的插入圖片（如下圖）

跳出的視窗即貼上您圖片的連結網址。



貼圖其實很簡單的！

如果還有任何問題都歡迎學員們發問喔！

版主們都很樂意為大家解答的


貼圖注意事項：
　　  圖片張貼請自行斟酌尺度，
　　  容易引起他人不舒服的圖片也盡量不要張貼。

海韻