使用說明:影像地圖:修訂版本之間的差異
出自台灣籃球維基館
小 (已保護"使用說明:影像地圖": 站務 ([edit=sysop] (永久) [move=sysop] (永久))) |
小 (→範例三(外部網址)) |
||
(未顯示1位用戶所作出之1次版本) | |||
第 68 行: | 第 68 行: | ||
<pre> | <pre> | ||
<imagemap> | <imagemap> | ||
− | Image:Yulon. | + | Image:Yulon.png|250px||alt=Alt text |
default [http://www.yulon.com.tw/] | default [http://www.yulon.com.tw/] | ||
desc none | desc none | ||
第 75 行: | 第 75 行: | ||
*'''顯示畫面''' <font color="#FF0000">(把滑鼠移到圖片上看看吧~!)</font> | *'''顯示畫面''' <font color="#FF0000">(把滑鼠移到圖片上看看吧~!)</font> | ||
:<imagemap> | :<imagemap> | ||
− | Image:Yulon. | + | Image:Yulon.png|250px||alt=Alt text |
default [http://www.yulon.com.tw/] | default [http://www.yulon.com.tw/] | ||
desc none | desc none | ||
第 97 行: | 第 97 行: | ||
<td> | <td> | ||
<pre><imagemap> | <pre><imagemap> | ||
− | Image:Wikibasketballlogo.png|115px|alt=Alt text | + | Image:Wikibasketballlogo beta4.png|115px|alt=Alt text |
default [[台灣籃球維基館]] | default [[台灣籃球維基館]] | ||
</imagemap></pre> | </imagemap></pre> | ||
第 103 行: | 第 103 行: | ||
<td> | <td> | ||
<pre><imagemap> | <pre><imagemap> | ||
− | Image:Wikibasketballlogo.png|115px|alt=Alt text | + | Image:Wikibasketballlogo beta4.png|115px|alt=Alt text |
default [[台灣籃球維基館]] | default [[台灣籃球維基館]] | ||
desc none | desc none | ||
第 113 行: | 第 113 行: | ||
<td align="center"> | <td align="center"> | ||
<imagemap> | <imagemap> | ||
− | Image:Wikibasketballlogo.png|115px||alt=Alt text | + | Image:Wikibasketballlogo beta4.png|115px||alt=Alt text |
default [[台灣籃球維基館]] | default [[台灣籃球維基館]] | ||
</imagemap><font color="#FF0000">'''右下角有藍色圖示"i"'''</font> | </imagemap><font color="#FF0000">'''右下角有藍色圖示"i"'''</font> | ||
第 119 行: | 第 119 行: | ||
<td align="center"> | <td align="center"> | ||
<imagemap> | <imagemap> | ||
− | Image:Wikibasketballlogo.png|115px|alt=Alt text | + | Image:Wikibasketballlogo beta4.png|115px|alt=Alt text |
default [[台灣籃球維基館]] | default [[台灣籃球維基館]] | ||
desc none | desc none |
2011年12月24日 (六) 16:09的最新修訂版本
• 目前所在分類: 主分類 > 籃球 > 管理 > 輔助說明
輔助說明 | ||||||
---|---|---|---|---|---|---|
規則/語法 | 編輯規則 | 命名規則 | 頁面分類★ | 註明、引用資料 | wiki編輯語法 | HTML編輯語法 |
內容/工具 | 編輯工具列說明 | Youtube影音嵌入★ | 影像地圖 | 上傳圖檔 | 顏色代碼 | 本站分類索引表★ |
範例/測試 | 編輯樣版 | 模範頁面★ | 沙盒(練習區) |
- 我們在瀏覽網站的時候,會看見一些圖片或者圖示在滑鼠移過去的時候會顯示文字,而且點下去可以連到相關的頁面、網站,或者作者想指引使用者看的網站頁面等,
這個就是「影像地圖」的功用。
目錄
影像地圖(Imagemap)
- 讓圖片加上連結:
- 透過圖片等影像連結到館內其他頁面或者外部的網址。
- 以圖代文的視覺化顯示連結方式。
語法介紹
<imagemap>
- ↑ 影像地圖起始標籤
Image:檔名|圖片大小|alt=Alt text
- ↑ 選擇使用的圖片及設定
default
- ↑ 使用預設連結方式(單一點連結)
[[連結之頁面|替代形容文字]] (內部頁面連結) 或 [欲連結網址] (外部網址連結)
- ↑ 連結到指定的頁面或者外部網址,設定滑鼠移過顯示之替代文字
desc none
- ↑ 消除“ i ” (關於這幅圖片)圖示
</imagemap>
- ↑ 影像地圖結束標籤
使用範例
範例一(基本)
- 語法內容
<imagemap> Image:Cunningham.jpg|115px|alt=Alt text default [[Ward Cunningham]] desc none </imagemap>
- 顯示畫面 (把滑鼠移到圖片上看看吧~!)
範例二(替代文字)
- 加上替代文字(滑鼠移到圖片上會顯示的文字)
- 語法內容
<imagemap> Image:Cunningham.jpg|115px|alt=Alt text default [[Ward Cunningham|Wiki之父Ward Cunningham]] desc none </imagemap>
- 顯示畫面 (把滑鼠移到圖片上看看吧~!)
範例三(外部網址)
- 連到外部的網址
- 語法內容
<imagemap> Image:Yulon.png|250px||alt=Alt text default [http://www.yulon.com.tw/] desc none </imagemap>
- 顯示畫面 (把滑鼠移到圖片上看看吧~!)
關於這幅圖片(Image description link)
- 影像描述連結:用以連結所使用圖片的來源和檔案資訊。
- 通常位置在圖片右下角,以藍色圓型圖底的”i”表示,滑鼠移置藍色圖示上會顯示「關於這幅圖片」。
- 可以自己選擇要不要隱藏這個圖示。
隱藏「關於這幅圖片」藍色圖示
- 隱藏語法: desc none
隱藏圖片說明前 | 隱藏圖片說明後 | |
語法內容 |
<imagemap> Image:Wikibasketballlogo beta4.png|115px|alt=Alt text default [[台灣籃球維基館]] </imagemap> |
<imagemap> Image:Wikibasketballlogo beta4.png|115px|alt=Alt text default [[台灣籃球維基館]] desc none </imagemap> |
顯示畫面 | 右下角有藍色圖示"i" | 藍色圖示不見了~ |
【回到上端】