第四次上課:首頁製作(文字)
在 DreamWeaver 中輸入文字時,如果一行的長度超過目前視窗的顯示寬度,則這行文字會自動折到下一行,你不需要按『Enter』鍵。若要手動換行則按『Enter』鍵,則上下的文字之間會產生一行空行,若你不想產生一行空行則可以使用『Shift + Enter』(此功能為斷行)。
■首頁文字製作
1. index.html點兩下
2.編輯首頁標題打字後按Enter
3.將文字反白設定文字屬性例如:(位置置中.大小.顏色)
4.輸入請進文字或ENTER.將文字反白超連結至frameset.html
注意
1.設定字型-網頁上的中文字型多半是細明體,如果你想用特殊的字型,必須瀏覽者的電腦系統中也有安裝此字型,否則無法看到。但如果字數不多的話,你可以用圖片來解決這問題
2.插入不斷行空白:選面板工具文字/不斷行空白(在這裡插入的不斷行空白是無法看到的.按F12預覽才能看到且插入4個不斷行空白相當等於文字內容中的一個空格)
■影像處理理論
一般網路上所使用的圖檔大多為 JPG 及 GIF 格式,這兩種格式的圖檔都有檔案小以方便網路傳輸下載的優點。
JPG圖檔:可顯示全彩圖片,採用破壞性壓縮法使圖檔檔案變小,壓縮的愈多,檔案愈小,但圖片失真的情況也愈嚴重。此種圖檔格式多適用於照片影像.但是無法去背景色的透明圖。
GIF圖檔:最多只能顯示256色,它是以減色的方式來使檔案變小,而不是用破壞性壓縮法,因此畫面不會失真。適用於顏色少、沒有羽化漸層的圖檔,如線條、按鈕、商標、卡通圖畫等圖案。另外,GIF圖檔也可以製作動畫圖檔及去背景色的透明圖,這是JPG圖檔無法作到的。因此在選擇圖檔的格式時,可以針對圖案本身的特性及傳輸速度來考慮輸出何種格式。
未去背圖
去背圖
■加入背景圖片或顏色(不可以是圖案.否則會變磁磚圖)
1. 加入背景圖片(注意淺底深字.深字淺底)
右鍵/頁面屬性/背景影像/選取images/*.gif/確定
注意:
網頁加入背景圖片或顏色.只能二選 一.若使用兩者.則以背景圖片優先
■網頁標題(若無設定會出現無標題文件)
右鍵/頁面屬性/標題編碼方式
■網頁超連結去底線(可更改連結的顏色)
右鍵/頁面屬性/連結
■加入圖片
1.將滑鼠移至常用的影像工具列
2.點選圖形並設定圖形屬性(超連結.替代文字.大小.位置.)
3.選index.htm的圖做超連結連結檔案選取frameset.htm按確定
注意
在插入圖檔時,為避免網頁上傳後發生掉圖現象,有下列幾點要注意:
(1) 圖檔要存放在 images 下的資料夾中.盡量不要與網頁放在一起.否則會不好管理
(2) 圖檔要以英文命名。
(3)尺寸大的圖可以縮小.但檔案不變.尺寸小的圖放大後會有鋸齒狀(因為為點矩陣圖)
(4) 新開啟的網頁要先存檔後再來插入圖檔、作編輯的動作
補充
網站/資源(可觀看網站內的多媒體素材如圖.動畫等)
■其他好用的功能
★插入日期
將滑鼠游標移至最新更新時間.然後選面板工具的常用/日期.選取你要的格式 /確定/儲存時自動更新打勾
★重新整理
1.插入/HTML/檔頭標籤/重新整理/15/檔案選frameset.htm/確定
2檔案/全部儲存
3.按F12瀏覽
修改重新整理
點選檢視/檔頭內容/↙選取frameset.htm/屬性/刪除連結