第四次上課:首頁製作(文字)

在 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/屬性/刪除連結