空大小熊

http://www.taipei.gov.tw/     

<img src="http://pic.pimg.tw/assf0102/1380949774-1813281762.png"  width="513" height="672" usemap="#map" border="0" /></span>
</p>

<p><map name="map">

-------

中文的意思:

第一段語法

<img src= (以這個圖檔路徑為準="http://XXXXXXXXX-yyyyyyyy.png",

以這個例子為例:先插入之前上傳的tw.png 圖檔，接者，選取圖檔>按右鍵>內容_出現方塊，複製>網址(URL)後面http://xxxxxx-yyyy.png, 接者把寬、高尺寸打進去如:width="xxx" height="xxx" border通常預設為="0", 暫且翻成使用地圖的定義usemap="#map")，完成。簡言之，告訴電腦程式，這個要超連結的電腦圖檔放在哪，圖檔的寬高的尺寸，最後定義定義他是#地圖，/反斜線代表結束設定。

第二段語法

<p>印出

<map name="map"> 地圖名稱="地圖"，意思要程式是找出前段設定的中usemap="#map"

-------

注意:在你的圖片資料夾裡必須先存有tw.png的原台灣圖檔，否則html無法正常開啟，因為抓不到原圖圖檔，程式無法呼叫，

html只能看到空白圖檔,把原圖檔tw.png存到與html相同資料夾內,就可以抓到圖做出超連結了，po上後，標籤中文不顯示或亂碼，
改成英文就OK了。

1>上傳一張網路地圖tw.png到pixnet相簿裡

2>發表文章，插入圖片

3>點選Html>檢視語法>先刪除原來圖的影像圖片<p><img href="pixnet/010101010">

4> 加入(複製貼上) 座標值,及超連結(例子:基隆、台北、台中)

5>中文字不顯現，可以改用英文字

6> 原部落格的tag標籤不見了，後加的Alt也無法顯現

<img src="tw.png" usemap="#map" border="0" height="672" width="513">
<map name="map">

<area shape="rect" coords="439,25,484,44" alt="Klcg gov" href="http://www.klcg.gov.tw/">
<>
<area shape="rect" coords="223,206,266,234" alt="abc_台中市政府" href="http://www.taichung.gov.tw/">
</map>

GIMP2.6軟件

GIMP>濾鏡_網頁/影像地圖編輯器，在編輯完成後另存新檔為 001xx.html

打開之後，發現圖檔是空白，無法顯現圖檔和超連結時，那是<原始檔>亂掉了，

以下是說明如何更新亂碼

>開啟GIMP2.6

>從資料夾裡開啟一個.png檔(可攜式網路圖型)，

開始編輯，選擇要超連結的位置的圈選形狀(方或圓)和填上網址(做超連結)，

>存檔>選(另存新黨) nou123.html

>到檔案位置上(c:xxxxxx)找到剛存檔的 nou123.html，無法做超連結

>go>上面的>檢視_原始檔>把原始檔複製下來，

接著到電腦左下>開始>記事本(建立及編輯文字檔)，貼上剛複製的原始碼

<img src="tw.png" width="513" height="672" border="0" usemap="#map" />

<map name="map">

<!-- #$-:Image map file created by GIMP Image Map plug-in -->

<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->

<!-- #$-:Please do not edit lines starting with "#$" -->

<!-- #$VERSION:2.3 -->

<!-- #$AUTHOR:COMPAQ -->

上面的語法不動，下面的更正

部分亂碼的顯示出現在在座標位置 href="前xdnw口

在座標位置 coords="439,25,484,44"後面，修正如下

 alt="台北市政府" href="http://www.taipei.gov.tw/" /

正確的顯示方式應該是:如下:

<area shape="rect" coords="439,25,484,44" href="http://www.klcg.gov.tw/" />

<area shape="rect" coords="379,40,421,65" alt="abc456" href="http://www.taipei.gov.tw/" />

<area shape="rect" coords="223,206,266,234" alt="abc_台中市政府" href="http://www.taichung.gov.tw/" />

</map>

>存回去原nou123.html，選擇<取代原檔>

從新打開檔案nou123.html

PS

area shape="rect" --區域形狀是矩形

coords="439,25,484,44" 表示要連結的座標位置的x和Y軸的(x=439,25,Y=484,44)

 alt="台中市政府" --表示當出現超連結時所要出現的文字對方方塊

href="http://www.klcg.gov.tw/" /--表示超連結的網址

參考範例:

http://mail.mcjh.kl.edu.tw/~lin/teach/gimp/map/map.htm

(原作者:海棠,主題:爬行；本圖像有修飾過)

今日練習:點選圖像使它能超連結到原作者海棠的網站中

當游標移到圖像時出現(小手指)做超連結，先將圖像反白選取(在空白處按滑鼠左鍵向左圖像滑動，出現圖像反灰，放開左鍵，點選(到上方工具列找到)_連結繩子圖樣，插入/編輯連結方塊，將連結網址貼上，按更新)

請將圖像超連結至原作者: 海棠的網址 http://nokia7610ok.pixnet.net/album/pho

to/231288276

   作者:海浪花  

   圖檔.png and href測試pass  

接下來可能比較麻煩的是!How to embed Youtube video into PowerPoint 2007

(如何崁入youtube的影片格式安裝在2007 powerpoint)

找到答案了

>左上角office >powerpoint選項,勾選在功能區顯示項目[開發人員]索引標籤\回到主頁面

找到控制項目裡的其他控制工具
>其他控制項選項裡 下方處 選擇 shockwave Flash object (激發/啟動快閃的主體)之後
>再回到要顯示安裝點的幻燈片空白處，拉出一塊方塊 X，

按右鍵更改二個方塊，Movie 和 Playing

Movie>> 輸入或貼上youtube網址,但連結的語法內容要修正如下

更改其中語法http://www.youtube.com/watch?v=FvsczPZFJ78

更正為http://www.youtube.com/v/FvsczPZFJ78

Playing>>把true更正為 false (假)

>播放

以上程序完成後，播放時就可以看到插入的youtube

前提:要連上網際網路、電腦具有flash播放軟體、網路速度可正常播放

office 2010 則可以用複製及貼上在插入多媒體功能選項中進行

 摘要:

• 如何在Pixnet部落格安裝toutube (三個範例，TaipeiZoo and NOU.edu and google 3D)
• 進階學習，如何2007 powerpint 中插入youtube

(第一個影片是用Taipei Zoo來做)

(第二個影片是空中大學，直接>複製youtube 裡(崁入)的語法>接著到>點選部落格的html的鍵>貼上)

語法如下:<iframe width="640" height="360"
src="//www.youtube.com/embed/7vwh-1fbfcc?list=PL9Obd5WhwbkxthGA6gNtbKLKpSfsJzBiS" frameborder="0" allowfullscreen></iframe>

html語法 更新影片代碼  /FvsczPZFJ78, 反斜線和英文字之間沒有空白鍵，否則沒有畫面

作法:在youtube按下分享，會在下方出現 對話方塊  http://youtu.be/FvsczPZFJ78

複製其中的英文字 FvsczPZFJ78到/embed/之後，不能有空白鍵

語法如下:發表文章之前，請先按左上角的html語法，再將更正後的影片代碼語法帖上去，按下方的<更新>，送出發表，完成跳出視窗，請檢視確認

<p><iframe src="http://www.youtube.com/embed/FvsczPZFJ78" width="640" height="360" frameborder="0" title="YouTube video player" allowfullscreen=""></iframe>&nbsp;</p>

進階學習> How to embed Youtube video into PowerPoint 2007

接下來可能比較麻煩的是!How to embed Youtube video into PowerPoint 2007

(如何崁入youtube的影片格式安裝在2007 powerpoint)

找到答案了

>左上角office >powerpoint選項,勾選在功能區顯示項目[開發人員]索引標籤\回到主頁面

找到控制項目裡的其他控制工具
>其他控制項選項裡 下方處 選擇 shockwave Flash object (激發/啟動快閃的主體)之後
>再回到要顯示安裝點的幻燈片空白處，拉出一塊方塊 X，

按右鍵更改二個方塊，Movie 和 Playing

Movie>> 輸入或貼上youtube網址,但連結的語法內容要修正如下

更改其中語法http://www.youtube.com/watch?v=FvsczPZFJ78

更正為http://www.youtube.com/v/FvsczPZFJ78

Playing>>把true更正為 false (假)

>播放

以上程序完成後，播放時就可以看到插入的youtube

前提:要連上網際網路、電腦具有flash播放軟體、網路速度可正常播放

office 2010 則可以用複製及貼上在插入多媒體功能選項中進行

7vwh-1fbfcc&list=PL9Obd5WhwbkxthGA6gNtbKLKpSfsJzBiS

圓仔出生時間:2013年7月6日下午八點五分

Giant Panda Baby Back to Mom's Embrace 圓仔熊貓回到母熊貓圓圓的懷抱

Follow the Newborn Giant Panda on Taipei Zoo Facebook

Publish Organization:Taipei Zoo

Date:2013/7/7

The female giant panda in Taipei Zoo, Yuan Yuan, gave birth to the little panda at 20:05 on 6th July 2013. The newborn giant panda is female, 183.4 g in weight and 15.5 cm in length. The little cub took her first health examination at 20:37 after she was born.

Taipei Zoo recorded the joyful moment and the vedio is shared on the Taipei Zoo YouTube channel at http://www.youtube.com/TaipeiZoo. To learn more about the baby giant panda, please follow us on Taipei Zoo facebook at http://www.facebook.com/TaipeiZoo.

資料來源:

http://www.youtube.com/user/TaipeiZoo

http://english.zoo.taipei.gov.tw/ct.asp?xItem=57920834&ctNode=10037&mp=104032

http://www.facebook.com/TaipeiZoo.

台北市立動物園的熊貓媽媽圓圓與圓仔

Y0X6XVU0yJA

   (圖像來源:引用Taipei Zoo)