單元十、頁框設計
完成如下圖的作品(建立分頁框的首頁,可自由發揮)
首頁檔名(頁框組):index.htm用來定義左頁框及右頁框放什麼檔案。
左頁框檔名:left.htm放選單
右頁框檔名:right.html放主畫面。(原index.html)
簡易流程
1.執行檔案總管將原本的index.html改為right.html
2.在namo中選頁框的新建頁框組
3.打選單文字再按存檔,檔名:left.htm
4.點選右頁框再選頁框的開啟舊文件,選right.htm
5.完成後按全部儲存,頁框組的檔名index.htm
操作流程
1.建立頁框組:選[頁框]/[新建頁框組]。
選[內容和本文]將頁框分成左右兩邊。
2.設計左頁框網頁:輸入網站的各選項超連結文字。
3.左頁框存檔:選工具列的[存檔]輸入檔名left.htm。
4.設計右頁框網頁:將原本的首頁index.html改為right.html。
(1).選[頁框]/[開啟頁框中的文件]
(2).選M:/public_html/index.html按[F2]改成right.html。
5.存頁框組:選工具列的[全部儲存]輸入首頁之頁框組檔名index。
6.建立超連結:選左頁框的"名言選輯"建立超連結,目標頁框選"detail"。
7.頁框設定:
1.選左頁框後按右鍵選[頁框內容],選[頁框組內容]可改標題及背景。
2.設定不要捲軸且不啟用調整頁框大小。
3.將左頁框的[頁框內容]設定視窗的頁框寬度單位改為像素,讓左頁框寬度固定。
8.其它設定:
1.選左頁框後按右鍵選[文件內容],改背景色或圖案。