本館粉絲專頁

使用說明:影像地圖:修訂版本之間的差異

分享此網頁到Facebook
分享此網頁到Plurk
分享此網頁到百度搜藏
分享此網頁到Twitter
分享此網頁到Del.icio.us
最近作者:Rocio 2011年10月23日 (星期日)18:13
台灣棒球維基館
跳轉到: 導覽搜尋
關於這幅圖片(Image description link)
 
第86行: 第86行:
 
*'''影像描述連結''':用以連結所使用圖片的來源和檔案資訊。
 
*'''影像描述連結''':用以連結所使用圖片的來源和檔案資訊。
 
*通常位置在圖片右下角,以<font color="#0000FF">'''藍色圓型圖底的”i”'''</font>表示,滑鼠移置藍色圖示上會顯示「'''關於這幅圖片'''」。
 
*通常位置在圖片右下角,以<font color="#0000FF">'''藍色圓型圖底的”i”'''</font>表示,滑鼠移置藍色圖示上會顯示「'''關於這幅圖片'''」。
*可以自己選擇要不要移掉這個圖示。
+
*可以自己選擇要不要隱藏這個圖示。
 
<br />
 
<br />
===消除「關於這幅圖片」藍色圖示===
+
===隱藏「關於這幅圖片」藍色圖示===
 +
*隱藏語法: desc none
 
<table border=1>
 
<table border=1>
 
<tr>
 
<tr>
 
     <td></td>
 
     <td></td>
     <td align="center">'''未消除圖片說明前'''</td>
+
     <td align="center">'''隱藏圖片說明前'''</td>
     <td align="center">'''消除圖片說明後'''</td>
+
     <td align="center">'''隱藏圖片說明後'''</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
第124行: 第125行:
 
     default [[台灣棒球運動珍貴新聞檔案數位資料館]]
 
     default [[台灣棒球運動珍貴新聞檔案數位資料館]]
 
     desc none
 
     desc none
     </imagemap><font color="#FF0000">'''藍色圖示移掉了~'''</font>
+
     </imagemap><font color="#FF0000">'''藍色圖示不見了~'''</font>
 
     </td>
 
     </td>
 
</tr>
 
</tr>

2011年10月23日 (日) 18:13的最新修訂版本

| 什麼是Wiki? | 如何編輯頁面? | 編輯規則 | 命名規則 | 編輯語法 | HTML編輯語法 | 業餘乙組與外國球員頁面 | 頁面分類 | 搜尋功能 
| 上傳圖檔教學 | 模板列表 | 編輯樣版 | 顏色代碼 | 模範頁面 | 頁面工具列說明 | RSS內嵌語法 
| 影音嵌入語法 | Google地圖嵌入語法 | 倒數計時器 | 分類樹 | 編輯數統計 | 註明、引用資料 | 影像地圖 | 沙盒 | 返回 輔助說明首頁
• 目前所在分類: 主分類 > 棒球 > 管理 > 輔助說明
  • 我們在瀏覽網站的時候,會看見一些圖片或者圖示在滑鼠移過去的時候會顯示文字,而且點下去可以連到相關的頁面、網站,或者作者想指引使用者看的網站頁面等,
    這個就是「影像地圖」的功用。

目次

[編輯] 影像地圖(Imagemap)

  • 讓圖片加上連結:
  • 透過圖片等影像連結到館內其他頁面或者外部的網址。
  • 以圖代文的視覺化顯示連結方式。

[編輯] 語法介紹

<imagemap>
  • ↑ 影像地圖起始標籤
Image:檔名|圖片大小|alt=Alt text
  • ↑ 選擇使用的圖片及設定
default
  • ↑ 使用預設連結方式(單一點連結)
 [[連結之頁面|替代形容文字]] (內部頁面連結)
     或
 [欲連結網址] (外部網址連結)
  • ↑ 連結到指定的頁面或者外部網址,設定滑鼠移過顯示之替代文字
desc none
  • ↑ 消除“ i ” (關於這幅圖片)圖示
</imagemap>
  • ↑ 影像地圖結束標籤

[編輯] 使用範例

[編輯] 範例一(基本)

  • 語法內容
<imagemap>
Image:MPV3 wiki.jpg|115px|alt=Alt text
default [[台灣棒球維基館]]
desc none
</imagemap>
  • 顯示畫面 (把滑鼠移到圖片上看看吧~!)
Alt text



[編輯] 範例二(替代文字)

  • 加上替代文字(滑鼠移到圖片上會顯示的文字)
  • 語法內容
<imagemap>
Image:MPV3 Banner.jpg|278px|alt=Alt text
default [[台灣棒球維基館|台灣棒球維基館是什麼?]]
desc none
</imagemap>
  • 顯示畫面 (把滑鼠移到圖片上看看吧~!)
Alt text



[編輯] 範例三(外部網址)

  • 連到外部的網址
  • 語法內容
<imagemap>
Image:TELDAP LOGO.png|250px||alt=Alt text
default [http://teldap.tw/]
desc none
</imagemap>
  • 顯示畫面 (把滑鼠移到圖片上看看吧~!)
Alt text


[編輯] 範例頁面

[編輯] 關於這幅圖片(Image description link)

  • 影像描述連結:用以連結所使用圖片的來源和檔案資訊。
  • 通常位置在圖片右下角,以藍色圓型圖底的”i”表示,滑鼠移置藍色圖示上會顯示「關於這幅圖片」。
  • 可以自己選擇要不要隱藏這個圖示。


[編輯] 隱藏「關於這幅圖片」藍色圖示

  • 隱藏語法: desc none
隱藏圖片說明前 隱藏圖片說明後
語法內容
<imagemap>
Image:MPV3 newspaper.jpg|115px|alt=Alt text
default [[台灣棒球運動珍貴新聞檔案數位資料館]]
</imagemap>
<imagemap>
Image:MPV3 newspaper.jpg|115px|alt=Alt text
default [[台灣棒球運動珍貴新聞檔案數位資料館]]
desc none
</imagemap>
顯示畫面
Alt text
關於這幅圖片
右下角有藍色圖示"i"
Alt text
藍色圖示不見了~

回到上端