This is object Only using edu, and don't work to business or other ways.

School name:National Open University http://www.nou.edu.tw
Department of Business: http://www.nou.edu.tw/~eng/Links/Links.htm
Student name: wen xiong

 fist words ... loading ....then photo

24_day7_14pm  

圖上的颱風是強颱丹娜絲

(中央氣象局7日上午0830解除了輕度颱風<菲特>的警報)

 

菲特中颱.png

14_天氣查詢.png  

Ani Loading.....

19_ani_day508amday602pm.gif  

 

(資料來源:中央氣象局2013_10_05) 星期六day5_下午的狀態,3:30雲圖/下午路徑/04雨量累積/日雨量

(資料來源:中央氣象局2013_10_06) 星期日day6_上午的狀態,:08AM雲圖;PM雲圖/下午路徑/下午雨量累積/日雨量

(資料來源:中央氣象局2013_10_07) 星期日day7_上午的狀態,:10AM雲圖/路徑圖

前兩天的雨量住要落在<新竹縣的尖石/玉峰鄉、桃園縣復興鄉、新北市的烏來>

前五名雨量縣市,最高的約在533-400毫米

<天氣動態>

摘要:day 6日下午2點位置,台北東北方約200KM的海面上,方向>往西北西,速度18-15KM/h, 位置北26.3度/東經122.9度,

半徑250KM

 

作法:

>上傳一張.png或 .gif 圖檔,所有的網路地圖圖檔都要上傳,最好先編好再上傳,更改超連時就很好用了。

>在部落格點選html, 加入圖檔的w和H

>最後再將在GIMP上做好的網路地圖圖檔(先開啟.png, 接著到濾鏡_點選網路地圖_開啟舊檔中的html檔,在功能選單上

選示_原始檔_複製區域 area.....後面的方塊座標及hera:超連結_)

修正在GIMPalt 為 title,才會顯現超連結的小標籤為正確連結位置,不然他會抓部落格預設的 title,

以直觀的(圖標)替代(文字)作為超連結(連到網站外或是部落格內部的連結點)是觸控式電腦或網際網路的作法。

也許受到部落格幅寬的影響(網站預設的圖片仍多以左右橫幅為準則較多),但似乎也可以考慮改為直幅式,

中央氣象局為例:修改後圖標超連結

<area title="交通部中央氣象局" shape="rect" coords="11,12,83,57" href="http://www.cwb.gov.tw/V7/observe/" />

限教育用>空大為範例:

更正前<area shape="rect" coords="94,2,154,63" href="http://www.nou.edu.tw" alt="國立空中大學" />

更正後<area  title="國立空中大學" shape="rect" coords="94,2,154,63" href="http://www.nou.edu.tw"/>

限教育用>

<img title="菲特中颱.png" src="http://pic.pimg.tw/assf0102/1380949774-1813281762.png"  width="674" height="536" usemap="#map" border="0" /></span></span></p>
<p><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:National Open University student of business    -->

<area title="交通部中央氣象局" shape="rect" coords="11,12,83,57" href="http://www.cwb.gov.tw/V7/observe/" />
 
<area title="NOU國立空中大學" shape="rect" coords="94,2,154,63" href="http://www.nou.edu.tw" />

                   

創作者介紹
創作者 空大 小熊 的頭像
空大 小熊

空大小熊

空大 小熊 發表在 痞客邦 留言(0) 人氣()