§§   gagaman 專屬部落格

總 覽版 務政 經健康醫療軍 武理 財文 化藝 文科 技台灣的美旅 遊PISA娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫
視界
耳聾
世界
泰伯
觀點
Joy
隨筆
哈利
天地
Jerry C
鳥 世 界
射水魚
天 空
討海人
鏡 頭
嘻笑
人間
詩情
畫藝
老工仔
思 維
網網
相連
歷史
庫存

貼圖教學

頁次: 1 2 3 
發表:gagaman 2011-04-05 16:14:22 閱覽數:101158 (IP: ) T 3220_R 0 引 用
貼圖教學


一.將相片改成圖檔


  1.數位相機的檔就是數位的,存進電腦時,選取jpeg檔,副檔名為jpg,如123.jpg
  2.傳統相機副片(底片),沖出來的相片,用掃描機掃描,存成jpeg檔,副檔名為jpg,如123.jpg
  3.可以將底片送沖洗店,轉成jpeg檔,副檔名為jpg,燒成光碟取回.
  4.這種檔存入電腦.

二.尋找網路空間

  1.先了解什麼是網路空間?本網的形式就是,只是本網沒有對不特定人士開放.

  2.下面有兩個空間似乎可用:


   http://img101.imageshack.us/
   http://photobucket.com/

三.上尋找好的網路空間,登記帳號密碼.

四.依他的規定,把電腦裡的圖檔上傳,存在網路空間.

五.打開剛上傳的圖檔,打得開,表示上傳成功,同時記下,該圖檔的網址.
  通常是這樣的形式:http://img101.imageshack.us/shinquan/wer1234a.jpg



六.在希望貼圖的地方,打 homepage 指令

  <img src="http://img101.imageshack.us/shinquan/wer1234a.jpg">

  (上面的指令不可以從這裡copy ,要從鍵盤key in ,圖檔地址改成圖檔真正存放的網址)

完畢:成功後,上網的網友就可隨時流覽該圖

回應:gagaman 2011-04-05 16:34:22 (IP: ) T 3220_R 1 引 用
貼上語法

<img src=http://hosting11.imagecross.com/image-hosting-64/7298-65296-65297-Small-.jpg>


效果

回應:gagaman 2011-04-05 22:08:51 (IP: ) T 3220_R 2 引 用
再示範幾樣排圖的語法,隨意排列組合,能使你的排版更美麗。

把大圖縮小:<img src=..//forumimg/2313r4c.jpg width=400>




把大圖放大:<img src=..//forumimg/2313r4c.jpg width=1080>




字左圖右:<img src=..//forumimg/2313r4c.jpg width=400 align=right>
字左圖右











字右圖左:<img src=..//forumimg/2313r4c.jpg width=400 align=left>
字右圖左

回應:討海行船40年 2011-04-06 03:06:07 (IP: ) T 3220_R 3 引 用
謝謝版主大大、請容我開一欄試一試、

回應:gagaman 2011-04-06 11:25:22 (IP: ) T 3220_R 4 引 用
討海人老大:希望您玩得開心.^_^

回應:gagaman 2011-04-06 14:57:35 (IP: ) T 3220_R 5 引 用
要把圖放在中間的語法

<center><img src="http://hosting11.imagecross.com/image-hosting-64/7298-65296-65297-Small-.jpg">

效果



回應:harry 2011-04-06 16:08:40 (IP: ) T 3220_R 6 引 用
test test



回應:harry 2011-04-06 16:13:47 (IP: ) T 3220_R 7 引 用
test 2



回應:竹根 2011-04-06 18:38:23 (IP: ) T 3220_R 8 引 用
>>http://img600.imageshack.us/f/harry2011228.jpg

哈利老:imageshack 開始全面封鎖所連的圖,會員才能看得到。

回應:JoJo 2011-04-24 22:52:11 (IP: ) T 3220_R 9 引 用
A test

回應:JoJo 2011-04-24 23:13:05 (IP: ) T 3220_R 10 引 用
Test 2

回應:Big 5 2011-04-26 16:13:24 (IP: ) T 3220_R 11 引 用
Test, TKS!

回應:Big 5 2011-04-26 16:56:41 (IP: ) T 3220_R 12 引 用
感恩版主教學貼圖!

回應:gagaman 2011-04-27 00:01:42 (IP: ) T 3220_R 13 引 用
貼圖在此欄玩

回應:123 2011-05-01 12:14:26 (IP: ) T 3220_R 14 引 用

回應:Big 5 2011-05-01 12:52:41 (IP: ) T 3220_R 15 引 用
非常謝謝版主的貼圖教學,小弟照著做,在<緑翠園>欄上貼圖貼文十分順利。
但是,在<外獨網>上卻始終失敗,單獨文字可以,圖片貼圖卻呈現整欄不見。
請教、請問:我哪些步驟錯了?拜託並深深謝謝您!

回應:gagaman 2011-05-01 14:21:36 (IP: ) T 3220_R 16 引 用
必定有人曾利用圖床去搗(外獨)蛋,因此那個圖床被外獨版主封了,變成拒絕戶。
所以你要另外找一個圖床(沒被封的)放圖檔。

回應:Big 5 2011-05-01 14:30:02 (IP: ) T 3220_R 17 引 用
謝謝版主指教,小弟會再試用其他圖床,Good luck to me!
有您真好!

回應:big 5 2011-05-01 14:46:05 (IP: ) T 3220_R 18 引 用
感恩版主!
小弟試用其他家圖床在外獨網貼圖,已經成功,祝福您!祝福台灣!

回應:gagaman 2011-05-01 15:05:45 (IP: ) T 3220_R 19 引 用
果然沒錯,希望玩得開心。

回應:正反修羅 2012-01-24 11:06:05 (IP: ) T 3220_R 20 引 用

回應:正反修羅 2012-01-24 11:49:26 (IP: ) T 3220_R 21 引 用


情報分析法,證偽法,此徒若出不來,則【被視為文字,而非指令】正確

回應:正反修羅 2012-01-24 11:53:52 (IP: ) T 3220_R 22 引 用
情報分析法,證偽法,此徒若出不來,則【被視為文字,而非指令】正確

既然出現圖形那麼就是我自己語法有問題

<iframe width="420" height="315" src="http://www.youtube.com/embed/qiRuk8k3zTM" frameborder="0" allowfullscreen>



回應:正反修羅 2012-01-24 12:02:05 (IP: ) T 3220_R 23 引 用
再證偽一次




正反修羅,證偽不證實

回應:貼文code 2012-05-04 07:31:05 (IP: ) T 3220_R 24 引 用
<img src=http://hostinga.imagecross.com/image-hosting-16/56172-5738392536_88ca15c9d8_b.jpg align="right">
「圖右字左」
乖乖!又是個好題目!

這種版面編排法,無所謂好或壞,端看個人的需要或喜好。

網頁的編排,我這一年級生還不如的小學生,確實興趣特別濃厚,想學習都不知從何下手。

之前,我也是從《綠翠園》的版務版學來一點點。現買現賣,一下子賣光光:

●貼圖教學

圖左字右、圖右字左、圖放中間,其實這些對於版面編排的美觀與否非常重要,任何想把版面編輯得精緻而且專業的作者,應該要學一學的,有益而無一害,何樂而不為?

現在,gagaman 版主這款編排法:多張圖片安插在大篇文章裡的編排方法,絕對要考倒一大掛學生了。

還沒學到,有請 gagaman 版主不吝開示,大家願聞其詳。感恩不盡啊!

我前面學來的「圖左字右」,如下(務必小心翼翼,否則容易搞砸):
<img src=http://hostinga.imagecross.com/image-hosting-16/56172-5738392536_88ca15c9d8_b.jpg align="left">
圖左字右:





< Wind from the Sea >

Andrew Wyeth,

Tempera on hardboard, 18 1/2 x 27 9/16 inches, 1947,

National Gallery of Art , Washington D.C.

回應:html 效果 2012-05-04 07:33:00 (IP: ) T 3220_R 25 引 用

「圖右字左」
乖乖!又是個好題目!

這種版面編排法,無所謂好或壞,端看個人的需要或喜好。

網頁的編排,我這一年級生還不如的小學生,確實興趣特別濃厚,想學習都不知從何下手。

之前,我也是從《綠翠園》的版務版學來一點點。現買現賣,一下子賣光光:

●貼圖教學

圖左字右、圖右字左、圖放中間,其實這些對於版面編排的美觀與否非常重要,任何想把版面編輯得精緻而且專業的作者,應該要學一學的,有益而無一害,何樂而不為?

現在,gagaman 版主這款編排法:多張圖片安插在大篇文章裡的編排方法,絕對要考倒一大掛學生了。

還沒學到,有請 gagaman 版主不吝開示,大家願聞其詳。感恩不盡啊!

我前面學來的「圖左字右」,如下(務必小心翼翼,否則容易搞砸):

圖左字右:





< Wind from the Sea >

Andrew Wyeth,

Tempera on hardboard, 18 1/2 x 27 9/16 inches, 1947,

National Gallery of Art , Washington D.C.

回應:gagaman 2012-05-04 07:49:04 (IP: ) T 3220_R 26 引 用

說明文字粘著圖片底沿,這就比較複雜一點

< Wind from the Sea >

Andrew Wyeth,

Tempera on hardboard, 18 1/2 x 27 9/16 inches, 1947,

National Gallery of Art , Washington D.C.


回應:gagaman 2012-05-04 08:05:43 (IP: ) T 3220_R 27 引 用
字碼

<  和  >

是html非常重要的保留字,許多指令要由它們編排,貼文中如非必要,盡量少用。
許多版主對它們盯得很緊。

回應:天涯台客 2012-05-04 08:43:15 (IP: ) T 3220_R 28 引 用
好!我來挑戰一下:



乖乖!又是個好題目!

這種版面編排法,無所謂好或壞,端看個人的需要或喜好。

網頁的編排,我這一年級生還不如的小學生,確實興趣特別濃厚,想學習都不知從何下手。

之前,我也是從《綠翠園》的版務版學來一點點。現買現賣,一下子賣光光:

貼圖教學

圖左字右、圖右字左、圖放中間,其實這些對於版面編排的美觀與否非常重要,任何想把版面編輯得精緻而且專業的作者,應該要學一學的,有益而無一害,何樂而不為?

現在,gagaman 版主這款編排法:多張圖片安插在大篇文章裡的編排方法,絕對要考倒一大掛學生了。

還沒學到,有請 gagaman 版主不吝開示,大家願聞其詳。感恩不盡啊!

我前面學來的「圖左字右」,如下(務必小心翼翼,否則容易搞砸):







< North Light >


Andrew Wyeth,


Watercolor on paper, 18 1/2 x 27 9/16 inches, 1967,


National Gallery of Art , Washington D.C.

回應:天涯台客 2012-05-04 08:47:42 (IP: ) T 3220_R 29 引 用
 
 
 

╲(o.o)╱
 
 
 

回應:天涯台客 2012-05-04 12:25:31 (IP: ) T 3220_R 30 引 用
請問 gagaman 賢拜:

R25 畫作的說明文字 < North Light >,其左右的符號 "< " 和 " >",是否是您所指的 html 非常重要的保留字?

如果是,那麼以後少用為妙。又長了一點知識,非常謝謝!

回應:gagaman 2012-05-04 14:02:59 (IP: ) T 3220_R 31 引 用
是的!           

回應:泰伯 2012-05-20 13:35:45 (IP: ) T 3220_R 32 引 用
奇怪,進了photobucket,照片也upload進去,但是就沒辦法貼在這裡。

是照片地址不能用複製貼上的原因?還是圖太大?

回應:gagaman 2012-05-20 13:40:11 (IP: ) T 3220_R 33 引 用
photobucket 不能用了

回應:天涯台客 2012-05-26 13:43:23 (IP: ) T 3220_R 34 引 用
gagaman 賢拜

請教一下,下列語法哪裡出了問題?上行是圖片網址,下行是圖片的說明文字。

結果貼不上來,結論是:「指令錯誤,無法選取資料庫!」謝謝您啦,辛苦了。


回應:gagaman test 2012-05-26 22:49:10 (IP: ) T 3220_R 35 引 用


<Christinas world>Tempera on Panel, 32 1/4 X 47 3/4 inches, 1948, Museum of Modern Art, New York.

回應:gagaman test 2012-05-26 22:54:51 (IP: ) T 3220_R 36 引 用


<Christina‘s world>Tempera on Panel, 32 1/4 X 47 3/4 inches, 1948, Museum of Modern Art, New York.

回應:gagaman test 2012-05-26 22:57:28 (IP: ) T 3220_R 37 引 用
test again



<Christina‘s world>Tempera on Panel, 32 1/4 X 47 3/4 inches, 1948, Museum of Modern Art, New York.

回應:gagaman 2012-05-26 23:10:24 (IP: ) T 3220_R 38 引 用
” ‘  “ 這一撇是資料庫的指令,我的程式處理得不夠完美,函數沒有完美地抓到,漏網之魚去觸動資料庫的程式,產生錯誤,回報“NO"

大大地謝謝!心頭大患找到了!

已經修改成新的處理程式,看看會不會比較完美?


回應:濁水溪畔的國中生 2012-05-27 00:09:37 (IP: ) T 3220_R 39 引 用
R35>>已經修改成新的處理程式,看看會不會比較完美?
==============================

gagaman前輩,辛苦了,謝謝您!

難怪這2天貼圖文一直出現【指令錯誤,無法選取資料庫】,明天再繼續測試未完的話題。

回應:天涯台客 2012-05-27 00:56:05 (IP: ) T 3220_R 40 引 用
果然成功了!Yahoo!

原本以為我是 Trouble Maker 麻煩製造者,抓出小蟲,也算功德。

感恩 gagaman 賢拜!辛苦了!我們愛您!

回應:gagaman 2012-05-27 12:52:33 (IP: ) T 3220_R 41 引 用
這個陰溝鼠潛藏得很深,一直認為已經掌握住了,事實上時不時被跑掉。

這次天涯台客抓出來,才把我驚的目瞪口呆,這個陰溝鼠跟現實的情景非常相似。

回應:天涯台客 2012-05-27 13:07:04 (IP: ) T 3220_R 42 引 用
 
 
 謝謝您!辛苦啦!gagaman 賢拜。^_^
 
 
 
 

回應:天涯台客 2012-05-28 02:52:46 (IP: ) T 3220_R 43 引 用
Test,

找碴的又來了,這是拙文 ◆ 沖繩島 Okinawa ◆ R1 原來貼不上的原始文稿,現在重新貼一次,看看是否能夠如願?

------------------------------------------------------------------------------


沖繩島的地理位置。

這些群島過去曾經是一個古「琉球王國」,除日本本土外,琉球自古以來與中國、朝鮮及東南亞國家,保持著緊密的文化交流和海外貿易的關係。

‪Okinawa Prefecture‬ ● 駐日 9,000 美軍調離 移防關島等地區

沖繩縣 ●Investigating the World‘s Longest-Lived People

回應:天涯台客 2012-05-28 03:00:20 (IP: ) T 3220_R 44 引 用
果然沒錯,正如 gagaman 賢拜所言,問題可能出在最末行的 Investigating the World s Longest-Lived People。

Good job you‘ve done! Master gagaman.

回應:泰伯 2012-05-30 23:03:01 (IP: ) T 3220_R 45 引 用
很奇怪,我貼圖到imagecross為何常貼不上,失敗,都要重試好幾次。

回應:天涯台客 2012-12-27 15:50:44 (IP: ) T 3220_R 47 引 用
   《 google 相簿Picasa 當圖床,上傳圖檔的方法 》

目前經常飽受外面圖床 "罷工休市"之苦,本網站內的圖片常常消失不見,真是抱歉。

前些時,正反修羅賢拜說他的防毒軟體太過敏感,imagecross.com 被阻絕,他看不到圖片。建議小弟利用 google 的文件 Document,我摸索了一小段時間,仍然玩不出花樣。

我改試 google 的相簿 Picasa,是無意間發現的,其功能相近,結果 OK 啦!理論上來講,大型入口網站的穩定度一定最為可靠,我用過四個月了,還沒發生過任何狀況。需要 Picasa 當圖床貼圖的朋友,請依下列步驟:

(一)請先到 google 建立一個新的 Gmail 帳戶,最好跟您原有的帳戶區分開,專作上傳圖檔之用。

   ● Picasa 相簿的位址

(二)登入後,四處敲一敲,在 google 首頁 ——「更多 more」之下,點擊轉進「相片」內。

   

(三)點擊「上載 Upload」,就會有一個新方格視窗,要您「將相片拖曳到這裡」,您一次可以拉入5張、甚至10張圖片到這方格內,它即開始進行上傳......。

   

(四)上傳完成後,記得每張圖片加上編號的文字說明,往後才不會弄的一塌糊塗。接著,左下角按「確定」。之後,點擊上方的「我的相片」。

(五)這時候,您會看見剛剛傳上來的一本新相簿的 File,點擊進去後,就是您這本新相簿內的所有圖片了。

   

(六)點擊第一張或任何一張圖片,打開後(如下左圖),再點擊左上方的「全螢幕」,就會變成黑色底正式大小尺寸的圖片(如下右圖)。(注意:這個才是您需要的圖檔,先前的都不能使用,因為尺寸大小不對),Copy 「複製圖片網址」,這就是您可使用的網址。大功告成!

   

(七)備註:上載上傳 Upload 之前,務必先把圖片的大小尺寸調整妥當,才能進行上傳。您對於尺寸的掌控,才能萬無一失。祝福您!

回應:荷心 test 2013-01-04 03:21:40 (IP: ) T 3220_R 48 引 用

回應:泰伯 2013-01-10 20:05:09 (IP: ) T 3220_R 49 引 用
請教一下,

兩張照片「平行並排」的語法如何?

現在的銀幕較大,一次看兩張照片比較省事。

感謝!

回應:gagaman 2013-01-10 21:46:18 (IP: ) T 3220_R 50 引 用
兩個貼圖指令並排即可,之間可以插入空隔、字,不能有換行指令。

兩圖之間距雌的寬窄要用“全格“空白鍵控制。

例子:

<img src=http://XXXX>  <img src=http://XXXX>

 返回 版務分區 返回 gagaman 專屬部落格  ▲往上   頁次: 1 2 3 

回  應  意  見  主  題

意見主題:【貼圖教學

跟 貼 勿 偏 離 主 題!

貼文請用Big5碼。

姓 名:

回應內容:

      

總 覽版 務政 經健康醫療軍 武理 財文 化藝 文科 技台灣的美旅 遊PISA娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫
視界
耳聾
世界
泰伯
觀點
Joy
隨筆
哈利
天地
Jerry C
鳥 世 界
射水魚
天 空
討海人
鏡 頭
嘻笑
人間
詩情
畫藝
老工仔
思 維
網網
相連
歷史
庫存

* 討論區內之言論,不代表本園之立場,一切法律責任仍由發言者本人負責
* 如果您有任何不當言論,本園有權決定是否保留您所送貼的意見 。