第四次上課:頁框製作


1.開啟DWX

2.管理網站/匯入/完成

3.frameset.htm點兩下,版面/頁框型式/選擇自己要的框架樣式, 視窗/頁框

4.選取top.原始檔:file://c…..(絕對路徑) top.htm
main.原始檔:file://c….(絕對路徑) main.htm
left.原始檔:file://c…..(絕對路徑) left.htm

5.選取視窗輔助的最外圍

6.檔案/儲存頁框組/frameset.htm/覆蓋

7.F12預覽

8.設定頁框組的屬性(left.htm--捲動:自動)及調整頁框大小(若無法看到頁框框線則執行檢視/視覺輔助/頁框邊框打勾)

9.製作左選單(版面/圖層->拉好圖層; 版面/表格; 6x1,邊框:0 , 寬度:100 pixel,再拉大小)

10.表格內填入 m1 -> m1.htm 目標:mainFrame
m2 -> m2.htm…
(解釋 _blank, mainframe的意義)

11.檔案/全部儲存, F12預覽

注意
1.解釋絕對路徑及相對路徑

本機路徑:個人電腦的路徑,例如〝file:///C|/homepage/index.htm〞就是連結到個人電腦硬碟C槽中的homepage資料夾裡的index.htm檔。當您使用這種路徑時,全世界就只有您的個人電腦能夠讀取連結的檔案,其他人連上網將無法讀取。

相對路徑:檔案與標案彼此間的相對位置,例如〝image/button.gif〞就是連結image資料夾中的button.gif檔。只要同時將網頁與image資料夾上傳到網路上,所有的人皆可以正確讀取,因此我們製作網頁時機乎是採取相對路徑。