于老師日誌：即將關閉。

請教　大姐
在網路上,看見如底下所言:站務_如何在本站貼圖？

問題一　以http://www.imageshack.us/網址的方法,這是產生"圖示"的網址方法嗎？

問題二　如果只是"純文字",是否可以此方法,產生網址？

站務_如何在本站貼圖？

前言：
由於本站頻寬有限，因此在本站設計上，並未有圖片上傳的考量。
但圖片是最佳的分享工具，因此在網路中尋暱的結果，發現有一種方法，可以方便的讓大家在本站貼上您的圖片。
請先連結這個網站：ImageShack【＝＞http://www.imageshack.us/ 】

問題三　<a href="http://www.imageshack.us/"target="_blank"><img src="ImageShack"></a>　<--把http://www.imageshack.us/的網站,要用ImageShack顯示超連結,以HTML語法超連結,如:　<a href="http://www.imageshack.us/"target="_blank"><img src="ImageShack"></a>　.結果如<a href="http://www.imageshack.us/"target="_blank"><img src="ImageShack"></a>的圖示.為什麼會這樣？

1.進入網站後，您會看到這個畫面，OK，點下「瀏覽」。
畫面如圖示網址：http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic1.jpg　
<- B.B.code語法
<img src="http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic1.jpg"><- HTML語法

問題四　在此把http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic1.jpg的圖示網址,以"B.B.code語法"和"HTML語法",結果無法產生網址的圖示.只顯示如　<img src="http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic1.jpg">.為什麼會這樣？

2. 出現選擇檔案畫面後，選擇檔案，按下開啟，以下圖為例，選擇「圖1.jpg」後按下「開啟」
畫面如網址圖示：http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic2.jpg
<img src="http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic2.jpg">
3. 按下 「Host it!」
畫面如網址圖示：http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic3.jpg
<img src="http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic3.jpg">
4. 經過一陣傳檔後，出現下述畫面，選擇 [IMG] 頭 及 結尾那段文字(通常是第一行)，複製下來。
畫面如網址圖示：http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic5.jpg
<img src="http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic5.jpg">
5. 回到本站發表文章處，貼上剛剛複製的文字，就完成貼圖了。
PS.看到下圖，你可發現，我將[url=......]及後面的[/url]刪除了，因為那是多餘的，不過，你也可以不刪除，直接貼上也可以。
畫面如網址圖示：http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic6.jpg
<img src="http://www.akimnet.com/taoshu/webadmin/p0408181813/freepic6.jpg">
以上，是不是很簡單呢？
但，有個缺點，每個檔案限制在1M以下，所以太大的檔案，是無法使用的。

貼圖把握兩個原則：

1.知道圖片網址
2.利用BBCode或者Html語法

你說的該網站，只是為沒有地方放圖片的人，提供一個可以上傳圖片的網站。

不要想的太複雜，你已經會貼圖了，如果有需要上傳圖片的空間，國華有介紹一個喔！
http://www.filehost.to/index.php

yunol 寫:貼圖把握兩個原則：

1.知道圖片網址
2.利用BBCode或者Html語法

你說的該網站，只是為沒有地方放圖片的人，提供一個可以上傳圖片的網站。

不要想的太複雜，你已經會貼圖了，如果有需要上傳圖片的空間，國華有介紹一個喔！
http://www.filehost.to/index.php

使用超簡單，點選瀏覽，找到要上傳的圖片，可接受的圖檔類型有gif jpg jpeg png bmp大小可容許5M呼∼不小耶！

direct link（直接連結，要點選連結才可看到圖片）
http://www3.filehost.to/files/2007-06-1 ... fall01.jpg

forum link (clickable thumbnail):（可作用的小圖示，點小圖會跳出大圖）



forum link:（直接顯示圖片）


html code (clickable thumbnail):（可作用的文字連結，點文字可連結到圖片，欲使連結開啟新視窗，可以加入target="_blank"）
<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg" target="_blank">德天瀑布</a>

html code:（滑鼠移過圖片，會顯示替代文字，alt的引號內就是要顯示的替代文字，自己懂一些語法比較好，這句就寫錯，src寫成scr）
<img src="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg" alt="德天瀑布">

一.


二.　(是我胡亂拼湊)
<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg"target="_blank"><img src="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01_s.gif"></a>

三.　<img src="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01_s.gif">

"點小圖跳出大圖",以一.的語法可以.而我雞婆要以HTML語法如二.卻無法跳出小圖.
而如三.以HTML語法貼小圖,也是無法展現小圖.
(二.與三.圖的語法,連結"引言",即可看見.大姐早知道了,我只是提示要給過一陣子,來此的阿中布袋明白.)

請問　大姐:
1.是不是HTML語法,沒有"點小圖跳出大圖"的程式？
2.HTML語法應該會有"點小圖跳出大圖"的程式,要怎麼寫出？
3.小圖的網址,要怎麼找或怎麼拼湊？

一.以下這個圖示沒問題，點小圖可跳出大圖



二.點以下圖示的連結，可跳出小圖

1.<a href="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"target="_blank">http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg</a>

2.<a href="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"target="_blank">德天瀑布</a>

三.可直接顯示小圖示

<img src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif">

上面圖示語法如下：

代碼: 選擇全部

一.
[url=http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg][img]http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif[/img][/url]

二.

1.<a href="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"target="_blank">http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg</a>

2.<a href="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"target="_blank">德天瀑布</a>

三.
<img src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif">

一.使用超連結∼點小圖跳出大圖

<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg"target="_blank"><img src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"></a>

語法如下：

代碼: 選擇全部

<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg"target="_blank"><img src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"></a>

二.貼小圖∼滑鼠移過圖片，會顯示替代文字

<img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif">

語法如下：

代碼: 選擇全部

<img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif">

　　　測試

<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg"target="_blank"><img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"></a>


國華　好
謝謝你的教導.　謝謝！！
只是如果有一個大圖示,如何知道小圖示的網址呢？

底下的圖示,是把原圖縮小了,這是在網路看見.作者還說:"可以使用width跟height改變大小".
這要怎麼辦？如何做？



原圖:

大小圖可以相同網址！利用width height設定寬高即可，縮圖的時候要等比例縮小，不然會讓圖片變形，等比例縮圖可以利用一些影像處理軟體即可做到，不然就得自己利用數學方法算一算囉！
<img alt=Bingo src=http://www.yunol.stes.tc.edu.tw-a.googlepages.com/onion20.gif>
<a href="http://img513.imageshack.us/img513/1263/1758360106mr3.jpg" width="640" height="437" target="_blank"><img alt="愛情花，點小圖看大圖喔！" src="http://img513.imageshack.us/img513/1263/1758360106mr3.jpg" width="300" height="205"></a>

按錯了....心不在焉-對不起...　　　

yunol 寫:大小圖可以相同網址！利用width height設定寬高即可，縮圖的時候要等比例縮小，不然會讓圖片變形，等比例縮圖可以利用一些影像處理軟體即可做到，不然就得自己利用數學方法算一算囉！
<img alt=Bingo src=http://www.yunol.stes.tc.edu.tw-a.googlepages.com/onion20.gif>
<a href="http://img513.imageshack.us/img513/1263/1758360106mr3.jpg" width="640" height="437" target="_blank"><img alt=愛情花 src="http://img513.imageshack.us/img513/1263/1758360106mr3.jpg" width="300" height="205"></a>

<a href="http://img524.imageshack.us/img524/5851/1758360110zm4.jpg"target="_blank"><img alt=蝴蝶蘭之1，點小圖看大圖喔！ src="http://img524.imageshack.us/img524/5851/1758360110zm4.jpg" width="300" height="205"></a>
于大姐　好
在前大圖的後面_width="640" height="437"_削掉好像也不打緊(于大姐,只是讓我知道,和小圖的長寬比例？),其與在前-在後的距離,空鍵棒按一次或兩次,好像也沒差？
請問大姐,是不是這樣？
我剛剛計算,小圖與大圖是符合比例原則.而小圖寬高的設定,只要和大圖符合比例原則,可以隨便定它的大小嗎?　

謝謝大姐

〔補〕在上提過"以http://www.imageshack.us/網址的方法,這是產生"圖示"的網址方法嗎？"只要可存入桌面'我的文件'------都可以捉出圖示的網址.

http://www1.filehost.to/files/2007-06-2 ... 922263.jpg



<a href="http://www1.filehost.to/files/2007-06-24_03/205657_1778922263.jpg"target="_blank"><img alt=花草合歡-小金髮苔，花草合歡 src="http://www1.filehost.to/thumbs/2007-06-24_03/205657_1778922263_s.gif" width="300" height="205"></a>

<a href="http://www1.filehost.to/files/2007-06-24_03/205657_1778922263.jpg"target="_blank"><img alt=花草合歡-小金髮苔，花草合歡 src="http://www1.filehost.to/thumbs/2007-06-24_03/205657_1778922263_s.gif"></a>

在前大圖的後面_width="640" height="437"_削掉好像也不打緊(于大姐,只是讓我知道,和小圖的長寬比例？),其與在前-在後的距離,空鍵棒按一次或兩次,好像也沒差？

沒有輸入寬高會顯示原尺寸，空白鍵按一次就好，養成好習慣，真正寫程式的時候才不會一團糟。

我剛剛計算,小圖與大圖是符合比例原則.而小圖寬高的設定,只要和大圖符合比例原則,可以隨便定它的大小嗎?

沒錯！

這是產生"圖示"的網址方法嗎？"只要可存入桌面'我的文件'------都可以捉出圖示的網址.

圖片在自己電腦的桌面或者我的文件中，只能自己看到，別人無法看到，一定要上傳到一台網頁伺服器上面，網路上面有許多這類的服務，例如國華前面提到的。

圖片只要是在網路上可以被讀取被看到的，都是放在網頁伺服器上面了，你可以在圖片上面按右鍵點內容，就可以看到別人上傳的圖片路徑。利用該路徑和語法，可以貼在其他有開放BBCode、Html的討論版或者留言版上面

代碼: 選擇全部

[url=http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg][img]http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif[/img][/url]

如上語法,請教如果要點選圖片,即可跳出"圖片的說明文字".在html語法要加"alt=",如是以上的語法,要加在那裡呢?
請教　于大姐或者　國華.謝謝！

（以國華引介的網站,要小圖示跳出大圖示,變得非常簡單,經于大姐的解說,更形淺顯易懂.謝謝大姐與國華.我實在笨瓜,到現會兒才稍稍融會貫通,有些了解...至於阿中和布袋,唉！稍堪可慰.孫山名猶榜單邊,他們倆個更落孫山外.）

kuom 寫:

代碼: 選擇全部

[url=http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg][img]http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif[/img][/url]

如上語法,請教如果要點選圖片,即可跳出"圖片的說明文字".在html語法要加"alt=",如是以上的語法,要加在那裡呢?
請教　于大姐或者　國華.謝謝！

kuom，上面的貼圖，所用的是bbcode代碼，非真正的html語法，是屬於超連結的一種bbcode代碼，所以，在貼圖之中是無法加入參數 “alt=*”，只有用html語法的貼圖才能加入參數 “alt=*”
如：
<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg"target="_blank"><img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"></a>

代碼: 選擇全部

<a href="http://www3.filehost.to/files/2007-06-13_02/124805_dtwaterfall01.jpg"target="_blank"><img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif"></a>

或：
<img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif">

代碼: 選擇全部

<img alt=德天瀑布 src="http://www3.filehost.to/thumbs/2007-06-13_02/124805_dtwaterfall01_s.gif">

于大姐　國華　請問-這樣說可以嗎？
因為要貼上公司網站，絕不能出錯，以免貽笑大方事小，誤人心壑事大。所以特來求教電腦無所不通的大姐或電腦新星-國華，比較穩當啦！

<font color=red size=4>小圖片連結成大圖片的方法</font>

在貼上的小圖片，滑鼠連結時，能由小圖片變成大圖片的HTML語法，如下說明。(<font color=magenta>如果要滑鼠箭頭連結小圖片，顯示一排說明文字，就只能使用HTML語法才可以</font>，公司正是只開放此語法，也順便說了。)

于老師教室所教，不管有否網址，但圖片均無法以貼圖語法，求得圖片，以此法甚是好用。
【1】首先選定圖片，當滑鼠指在圖片，按右鍵，出現了一個框框，內有一排文字：另存圖片(S)，點選。
【2】點選後出現的畫面，點選“桌面＂==＞按下要儲存的圖片網址名稱。
即顯示在底下：檔名(N)一列。按檔名右邊：儲存。此時檔名，已儲存在點選的地方：桌面。<font color=darkred>(圖片的網址，儲存在桌面，比較好找啦，這是我的習慣。也可選-我的文件-我的電腦-皆可，但要記得儲存處。)</font>
【3】連結以下網址：<a href="http://www.filehost.to/index.php"target="_blank">http://www.filehost.to/index.php</a>　-->國華引薦
出現畫面的底下有一欄：右有兩小框框。點選在左小框-瀏覽，顯示畫面，再點選桌面，然後點選剛剛儲存的檔名，按開啟。檔名跑到瀏覽的小框框，按<font color=magenta>" Upload"</font>。
【4】此時在跑程式，等到程式跑完，出現在畫面底下的小圖片，即為選定的圖片內容。
【5】在最底下的畫面有五個長方形框框，由上至下的名稱：1. direct link＝原來大圖片的新網址、<font color=green>2. forum link (clickable thumbnail):＝點選小圖片變原來大圖片的BBcode語法</font> (==＞BBcode語法：[url=原來大圖片的網址][img]小圖示的網址[/img][/url]；<font color=red>HTML語法：在前的是原來大圖片的網址；在後的是小圖片的網址</font>)、3. forum link:＝原來大圖片的BBcode語法、4. html code (clickable thumbnail):、5. html code:，其餘4.5.都是HTML語法，其中1.３.4.5.，與此次要呈現的語法，牽連不大，不談了。
【6】公司的HTML語法＝＝＞
<font color=darkred>『滑鼠選小圖片->可顯示說明文字』＋『滑鼠點小圖片(以HTML貼圖語法顯示小圖片) ->顯示原來大圖片』</font>
程式寫法＝＝＞
<font color=black><</font>a <font color=black>hre</font>f<font color=black>=</font>"<font color=blue>原來大圖片的網址</font>"<font color=black>tar</font>get<font color=black>=</font>"<font color=black>_bl</font>ank<font color=black>"<font color=black>></font><font color=red><</font><font color=red>im</font><font color=red>g</font> <font color=red>a</font><font color=red>lt</font><font color=red>=</font><font color=darkred>說明的文字</font> <font color=red>s</font><font color=red>rc</font><font color=red>=</font><font color=red>"</font><font color=darkred>小圖示的網址</font><font color=red>"</font><font color=red>></font><font color=black><</font>/<font color=black>a</font>>
<font color=red>紅色字</font>=HTML貼圖語法貼小圖

滑鼠移至圖片，會顯示說明的文字-貼上何處？間隔距離要多加小心-如下：
<font color=black><</font>i<font color=black>mg</font> <font color=red>al</font><font color=red>t=</font><font color=red>說明的文字</font> <font color=black>sr</font>c<font color=black>=</font>"<font color=blue>小圖示的網址</font>"<font color=black>></font>　<--<font color=red>紅色字</font>-加上的字。

<font color=blue size=4>如果以貼圖語法不能連結，或根本無圖片網址可連結，就要以此法，求得網址，以利貼圖使用。</font>我只知道這個，還有沒其他更好，更簡便方法，我是"莫宰央"。不過，以後我敢保證一定會有，更希望是由中國人發現寫就，只是…不知…我……還能不能學習得到？</font>　
<font color=indigo size=3>唉∼　時間飛輪開起的玩笑　總是愣我心皺　看她　依循往例　趕人之前　猶在發送美夢</font>

連結以下網址：http://www.filehost.to/index.php　-->國華引薦

大致都對，只是國華所說的上述網站，所有顯示語法都是html，沒有bbcode，bbcode是國華演示所用。

還要注意的是，該網站所顯示的html有時候有誤，自己懂一些語法會比較好些，我看你在別處發表的文章，已經非常擅用∼顯示小圖，滑鼠移過小圖出現替代文字說明，點選跳出大圖。

替代文字說明不是炫耀不是好看，對於盲人功用很大，圖片出現替代文字，是無障礙網頁空間的基本要求。

你的說明我建議：
一個一個項目的說明，不要一次通通貼上∼一次貼上一則，再預告下次，對於初學者這樣子比較清楚，否則落落長，會先有排斥心理。

文章擠入下頁比較不利閱讀，如果有繼續討論再開一個新主題。<img alt=鬼點子 src=http://www.yunol.stes.tc.edu.tw-a.googlepages.com/onion59.gif>