快速制作动感十足的网页
Ch9 快速製作動感十足的網頁
--套用現成的JavaScript/ JavaApplet
1. 開啟Dreamweaver MX
2. 匯入上次所作好的進度檔 (網站定義檔(*.ste))
(1).『網站』?編輯網站
, 匯入
, 選擇目錄?AE-15
, 檔名?應英系網站的.ste
(2).觀看結果
A. 【網站】?網站檔案
B. 點選?檔案
C. 結果?出現『應英系網站』的網站
3. 開啟網頁,main.htm
4. 觀念,JavaScript、JavaApple
(1).動態特效網頁,
, 如果常常上網,在網路上面常會看到隨滑鼠移動而變顏
色的網頁,或是飄雪的網頁,或是在瀏覽器的下方狀態
列顯示一些文字的網頁,這些動態網頁都是用
JavaScript或是JavaApplet所寫出來的
(2).『JavaScript』技術簡稱『Js』
『JavaApplet』技術簡稱『Java』
(3).如何將網頁加上Js、Java , 網頁初學者可能也是不會寫出Js、Java的互動式網頁,
所幸在網路上也是有很多網站是專門收集數以千種各式
各樣的JavaScript程式,也是只要會下載,會複製貼上,
將程式碼貼到網頁上,就可以馬上製作出炫又漂亮的動態
網頁了。
(4).網路上哪裡可以找的到免費套用的Js、Java
, 讀者也可以到yahoo網站或是pchome等入口網站,打入
『JavaScript』或是『Js』就會出現幾百個這種免費提供
範例的教學網站了
, 本章節也是使用『網站建置百寶箱』這個網站所提供的
JavaScript範例,來幫助你找尋你所要加入的範例
, 範例網站,網站建置百寶箱
, 網址,
5. JavaScript應用,如何在瀏覽器的左下角『狀態列』顯示文字
(1).初階段目的,靜態狀態列文字 , 現在要練習在index.htm網頁視窗左下方狀態列,加上
文字說明,這種功能在很多網站很常見
,
,使用Dreamweaver內部的簡易JavaScript撰寫
編輯器
(2).練習步驟
A. 開啟檔案,index.htm
B. 點選整個頁框
, 右側『進階面板』
, 選『頁框』?點選外圍頁框
,
C. 點選文件視窗左下角?
, 在點選一下
, p.s.:如果是在框架網頁?則點選