第二堂課(可用在首頁的各種技巧)

一、先請各位老師連線到西屯國小教學資源管理系統,下載我為各位準備好的圖檔:

輸入帳號密碼,(家長、學生、訪客請輸入∼帳號 guest 密碼 guest)→先下載解壓縮檔→再分別下載各個壓縮的圖檔,下載後解壓縮,存入昨天建立好的 images 資料夾,另外還有一個 Flash 檔案沒有壓縮,直接按右鍵另存新檔。

二、首頁中的影像處理。

  1. 插入影像:處理一個最簡單清爽的首頁,可以直接在插入常用的面版圖示項目欄按下A的圖示,也可以從工具列上插入→影像,然後到 scenery 的資料夾挑一張漂亮的圖片→按下預覽紐就可以欣賞啦!


  2. 如果覺得太單調可以插入一張動畫(cute資料夾放了幾張小弟弟的可愛動畫),也可以修改→頁面屬性→瀏覽,到 bga(動態背景)或 bg(靜態背景) 的資料夾,選擇一張背景圖,改變背景首頁就生動多多喔!
  3. 如果自己會做 Flash,試試看插入→媒體→Flash,或者按這個圖示。你也可以拿下載的 Flash 來練習一下喔!
  4. 另外分隔線、代替項目符號的小圖示就依據個人的喜好使用,它們都屬於影像圖檔,所以和以上所說影像處理的原則都是一樣的。

三、跑馬燈

  1. 切到程式碼和設計的檢視頁面,在程式碼的頁面中,將昨天輸入的歡迎光臨四個字,前面打入<marquee>,後面打入</marquee> →預覽看看。
  2. 以上是最基本的HTML跑馬燈語法,如果要更加複雜的請看我個人網站的∼HTML的跑馬燈,有語法下載,也有教學喔!
  3. 首頁已經很有規模啦!我們也將作品上傳吧!上傳作品的時候會跳出這樣的對話框

    ,如果有圖檔、音效檔等等加入在網頁中,就要按下是的按鈕,如果只是修改文字,沒有再增加新的附屬檔案,那就按下否。

首頁的音效還有入口就留待下次說囉!要練習喔,最好把上課完成的作品砍掉重弄,多玩幾次就熟悉囉!

by yunol