本館粉絲專頁

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

分享此網頁到Facebook
分享此網頁到Plurk
分享此網頁到百度搜藏
分享此網頁到Twitter
分享此網頁到Del.icio.us
台灣棒球維基館
跳轉到: 導覽搜尋
(新頁面: {{輔助說明導覽條}} :我們在瀏覽網站的時候,會看見一些圖片或者圖示在滑鼠移過去的時候會顯示文字,而且點下去可以連到相關的頁面、網...)
 
第1行: 第1行:
 
{{輔助說明導覽條}}
 
{{輔助說明導覽條}}
  
:我們在瀏覽網站的時候,會看見一些圖片或者圖示在滑鼠移過去的時候會顯示文字,而且點下去可以連到相關的頁面、網站,或者作者想指引使用者看的網站頁面等,<br />這個就是'''「影像地圖」'''的功用。
+
*我們在瀏覽網站的時候,會看見一些圖片或者圖示在滑鼠移過去的時候會顯示文字,而且點下去可以連到相關的頁面、網站,或者作者想指引使用者看的網站頁面等,<br />這個就是'''「影像地圖」'''的功用。
  
 
==影像地圖(Imagemap)==
 
==影像地圖(Imagemap)==
第45行: 第45行:
 
<br />
 
<br />
 
----
 
----
 
 
===範例二(替代文字)===
 
===範例二(替代文字)===
 
:*加上替代文字(滑鼠移到圖片上會顯示的文字)
 
:*加上替代文字(滑鼠移到圖片上會顯示的文字)
第64行: 第63行:
 
<br />
 
<br />
 
----
 
----
 
 
===範例三(外部網址)===
 
===範例三(外部網址)===
 
:*連到外部的網址
 
:*連到外部的網址
第91行: 第89行:
 
<br />
 
<br />
 
===消除「關於這幅圖片」藍色圖示===
 
===消除「關於這幅圖片」藍色圖示===
:<table border=1>
+
<table border=1>
 
<tr>
 
<tr>
 
     <td></td>
 
     <td></td>

2011年10月23日 (日) 17:57的修訂版本

| 什麼是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”表示,滑鼠移置藍色圖示上會顯示「關於這幅圖片」。
  • 可以自己選擇要不要移掉這個圖示。


消除「關於這幅圖片」藍色圖示

未消除圖片說明前 消除圖片說明後
語法內容
<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
藍色圖示移掉了~

回到上端