§§   gagaman 專屬部落格

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

貼圖教學

頁次: 1 2 3 
發表:gagaman 2011-04-05 16:14:22 閱覽數:32895 (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=http://hosting11.imagecross.com/image-hosting-64/6737IMG_3105-Small-.JPG width=400>




把大圖放大:<img src=http://hosting11.imagecross.com/image-hosting-64/6737IMG_3105-Small-.JPG width=1000>




字左圖右:<img src=http://hosting11.imagecross.com/image-hosting-64/6737IMG_3105-Small-.JPG width=600 align=right>
字左圖右















字右圖左

字右圖左:<img src=http://hosting11.imagecross.com/image-hosting-64/6737IMG_3105-Small-.JPG width=600 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"></center>

效果


回應: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娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫視界耳聾世界泰伯觀點寬頻新思維哈利天地Jerry C鳥世界射水魚天空討海人鏡頭嘻笑人間詩情畫藝北極星探照燈網網相連歷史庫存

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