《在網頁中加入JavaScript特效》.doc

在網頁中加入JavaScript特效 製作網頁，除了可以利用Frontpage所提供的部分特效外，還可以運用一些網路上提供大家使用的JavaScript來使網頁更炫更豐富，在這裡以「網站建置百寶箱」所提供的一些特效來做示範與說明。 新滑鼠時鐘 進入網站建置百寶箱，點選右邊Javascript單元，再點選「滑鼠游標類」，找到「新滑鼠時鐘」之後點選進去 按照「步驟一」的方式複製語法 回到Frontpage編輯畫面，打開right.htm這個檔案，切換到HTML的頁面，按照步驟貼在body和/body之間的任一地方即可 切換到預覽畫面就可以看到效果了 如果要修改時鐘顏色，請開啟學校網頁─資訊中心─網頁製作資源庫，有一個RGB顏色對照表，參考所需的顏色修改HTML語法 防止偷圖 進入網站建置百寶箱，點選右邊Javascript單元，再點選「防偷鎖定類」，找到「防止偷圖」之後點選進去 按照步驟一複製語法 回到Frontpage編輯畫面，打開right.htm這個檔案，切換到HTML的頁面，按照步驟貼在head和/head之間的任一地方即可 預覽之後就可以看到效果，如果要修改文字，只要將「請尊重智慧財產權，謝謝」這段文字改成自己要的就可以了 跑馬燈 進入網站建置百寶箱，點選右邊Javascript單元，再點選「看板跑馬燈」，找到「跑馬燈_1」之後點選進去 按照步驟一複製語法 回到Frontpage編輯畫面，打開right.htm這個檔案，切換到HTML的頁面，按照步驟貼在head和/head之間的任一地方即可 將中文的部分改成自己要宣告的文字即可，修改完畢以預覽模式觀看即可看到效果 如果覺得跑馬燈的速度太快，可以調整這段文字「timerTwo=window.setTimeout(cmd,100);」的數字，將100改掉，數字越大越慢，總共有三段一樣的地方要修改 更新日期 進入網站建置百寶箱，點選右邊Javascript單元，再點選「日期時間類」，找到「更新日期」之後點選進去 按照步驟一複製語法 回到Frontpage編輯畫面，打開right.htm這個檔案，切換到HTML的頁面，按照步驟貼在body和/body之間的任一地方即可 不必做任何修改預覽就可以看到了 櫻花效果 進入網站建置百寶箱，點選右邊Javascript單元，再點選「動態效果類」，找到「櫻花效果」之後點選進去 有一個範例檔必須先下載，請下載解壓縮後，將裡面的檔案放在我們製作網頁的資料夾內，接著按照步驟一複製語法 回到Frontpage編輯畫面，打開right.htm這個檔案，切換到HTML的頁面，按照步驟貼在body和/body之間的任一地方即可 不必做任何修改預覽就可以看到效果了 簡單的HTML語法 1: html 這個代表了一個HTML檔的開始，告訴瀏覽器這是一個HTML檔。 2: head 檔頭部分，亦即是設定瀏覽器標題、語系、頁面進出效果的地方。 3: title一個簡單的範例/title 此為瀏覽器標題列的文字，並有結束標記。 4: /head 告訴瀏覽器結束檔頭部分。 5: body bgcolor=#DEFE7A text=#000000 代表這是正式內文。由這個標籤至結束標籤前，這些東西都會被顯示在瀏覽器中。 6: center將文字置中/center 這是置中對齊的語法，並有結束標記。 7: 網頁正文br 表示在網頁上顯示這些文字並分行。 8: img src=title.gif 表示在網頁上顯示title.gif圖片(此圖片必須命名為標記中所示的title.gif並存放在跟此網頁同一個資料夾內)。通常網上的圖片都是GIF(圖片文換格式)或JPG(全彩的圖片壓縮格式)，因為該兩種圖片格式體積較小。此標記沒有結束標記。 9: a href=abc.htm按我！/a 宣告按下這些文字便連結到abc.htm(此網頁必須命名為標記中所示的abc.htm並存放在跟本網頁同一個資料夾內)，並結束標記。 10: /body 宣告結束正式內文。 11: /html 宣告一個HTML檔的結束。 通常網頁的HTML語法組成，就像下列一樣： HTML起始HTML HEAD起始「頭」HTML的「頭」，是最先載入的部份 TITLE起始標題，在與結束標題中間的文字會被認作HTML文件的標題 /TITLE結束標題/HEAD結束「頭」BODY起始「身」，裡邊載的東西就是網頁中看到的部份，HTML的核心/BODY結束「身」 /HTML結束HTML 整理製作網頁資料夾的檔案 從FrontPage的資料夾清單中，可以將一些圖檔移動到images的資料夾中，方便統一管理圖檔，因為是開啟WEB的方式，所有的超連結會跟著自動移動，不必重新設定，非常方便 整