2012年5月4日 星期五

HTML語法:影像地圖 Image Map

一般的圖片連結語法,只能連結到一個網頁或文件,如何在同一張圖片上設定多個連結點呢?答案就是使用「HTML影像地圖 Image Map」語法。

語法如下:
<map name="影像地圖名稱">
<area href="URL"(超連結的URL) shape="rect(矩形) | polygon(多邊形) | circle(圓形)" coords="###, ###, ###, ###"(座標) alt="文字說明">
......
</map>
<img border="0" src="圖檔的URL" usemap="#影像地圖名稱" width="###" height="###">

如果覺得座標不好抓的話,利用Dreamweaver或FrontPage等可以快速幫助我們產生需要的語法,如下圖,記得複製語法後把圖片的網址改成實際上傳的位址。

2012年5月1日 星期二

蔬國護照親子共賞影片

親愛的家長,您好:
誠摯邀請您與寶貝共賞以下影片,別忘了看完之後,在蔬國護照上給與寶貝一些鼓勵與回饋哦!
一、蔬國電影院─廚餘桶的秘密(頁數:34、35)


二、蔬國心體驗─法譬如水「懺悔果報障」(頁數36、37)


三、蔬國電影院─赫曼家的晚餐(頁數38、39)