2005年12月12日

Forests-Forever 富士軟片的森林網站

http://www.forests-forever.com/
這個網站值得你一遊

進去之後選Gallary
可以點選很多地方的森林美景
有些是熱帶雨林 有些是溫帶林...等等
圖片加上配樂
實在會讓人捨不得離開喔

或者在底下點選consciousness
那裡也有好多值得你看的

教生態系的時候
如果有時間
不妨帶學生欣賞這些美景

如果想要離線觀賞要弄成一個檔案
得先把相關的swf檔案抓下來
然後以嵌入網頁、自動換頁的方式呈現

我以馬達加斯加為例子做了一個
要看的請站內寄信給我
或者拿回去之後再自己改一改就可以了

你也可以自己作
雖然作法看起來很複雜
但是實際操作時間大概不用十分鐘


作法如下:

觀賞有flash的網站
都會在電腦上留下暫存檔
所以可以利用這個方式來取得flash檔案

先到
工具/網際網路選項/一般  點選刪除檔案
這是為了避免等一下看到太多檔案
不知道哪些才是我們需要的
其實也可以不作


以馬達加斯加的圖片為例
如果看完了這個地方的影片
你到以下的位址
C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files
可以看到相關的檔案
madagascar_bgm.swf  背景音樂
p01.swf             單張圖片
p02.swf             單張圖片
.

到那個資料夾把需要的檔案另外複製出來
我們要把所有的網頁和flash放在一起
我打算作出上下的平行兩個框架的網頁
上面框架放的是flash的檔案,設定每12秒自動換頁
下面框架放的是背景音樂,不換頁,避免音樂中斷


首先做出框架頁index.htm
***********index.htm***************
<html>

<head>
<title>madagascar</title>
</head>

<frameset rows="542,*">
  <frame name="main" src=" start.htm" target="_self">
  <frame name="header" scrolling="no" noresize target="main" src="top.htm">
  <noframes>
  <body>

  <p>此網頁使用框架,但是您的瀏覽器並不支援</p>

  </body>
  </noframes>
</frameset>

</html>
*******************************************

再來是放第一張flash的網頁
檔名設定成start.htm
在html碼的第四行設定  每12秒 換頁至p01.htm
然後在這張網頁的中間用embed的方式嵌入swf檔
其他的flash也依照這個方式去做出來

**********start.htm************************
<html>

<head>
<meta http-equiv="refresh" content="12; url=p01.htm">
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>

<body bgcolor="#000000">


<p align="center"><embed width="770" height="500" src="data01.swf"></p>

</body>

</html>
**********************************************


接下來是放音樂的網頁top.htm
**************top.htm************************
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>

<body>

<p><embed width="10" height="10" src="madagascar_bgm.swf" hidden></p>

</body>
**********************************************


接下來是放音樂的網頁top.htm
**************top.htm************************
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>

<body>

<p><embed width="10" height="10" src="madagascar_bgm.swf" hidden></p>

</body>

</html>
***********************************************


現在我做了一些修改
只要你會開啟資料夾、搬移檔案、重新命名檔案、用記事本
你就有辦法把這個網站的flash處理成離線觀賞,即使你完全不懂HTML
你只要花時間重新命名檔案就可以了


請依照下列步驟進行,若有不清楚的地方請版上發問

1.下載檔案解壓縮

請先下載以下這個檔(這個檔案中只有html檔案)
http://www.wcjhs.tyc.edu.tw/shawn_chien/downloads/dry-flash.zip
  把它解壓縮



2.找出暫存於電腦的swf檔案

  把你想要的景點圖片在線上全部看完一遍
  開啟下列資料夾(以win XP 利用IE觀看為例)
C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files



3.複製檔案

把圖片和背景音樂的swf檔複製到已解壓縮的dry-flash資料夾中
(音樂檔就是檔名是XXXXX_bgm.swf的那一個)



4.重新命名

  1.把有背景音樂的swf檔案命名成music.swf
  2.把圖片的swf檔,依你想播放的順序命名成 01.swf、02.swf、03.swf ...



5.編輯檔案

  如果你的圖片檔案只有命名到15.swf(也就是你只有15張照片)
  請以記事本開啟 15.htm 把 第4行刪掉,然後存檔
  (第4行的內容是  <meta http-equiv="refresh" content="12; url=16.htm">)
  ps.至於16.htm到20.htm不刪也沒關係,反正你刪掉第4行就不會往後跳頁



6.打開index.htm

  完成了,準備欣賞吧!



******以下是程式的修改說明************************************************
1.我把原本的置中方式改成用css作。因為原本的置中方式不符合w3c的規定,
  以至於原本的置中方式只有ie認識,firefox不認識。

2.<meta http-equiv="refresh" content="12; url= 16.htm">
  這一行只是為了讓它每12秒跳頁,如果覺得時間不合需求,就把12改成需要的秒數

3.背景顏色預設為黑色,嫌黑色不合適的,就到style.css中修改成需要的顏色