框架(frame)网页的建立.doc

框架(frame)網頁的建立u 框架網頁的範例： 省中心.tw 日盛證券網際交易站.tw ICRT Site.tw/CHINESE/_fr1.asp 國中數學第一冊(省中心Web Title).tw/86Cai/02/default.htm 網路生物實驗室(省中心Web Title).tw/vod/bio/default.htm 校園植物巡禮(省中心Web Title).tw/86Cai/35/default.htmu 框架網頁的教學網站： 山采網頁工作室.tw 首頁製作百寶箱.tw/tad我的收集區：我的收集區：u 框架網頁的注意事項： 須Microsoft IE 3.0 或 Netscape Navigator 2.2版以上的瀏覽器才可以顯現。u 狀況參考： 建立一個三格式的框架網頁(上、左、右)，介紹國中數學第一冊1.上面窗格為第幾章選擇區(banner)2.左下為第幾節選擇區(contents)3.右下為主要教學內容展示區(main)u 開始建立框架網頁1. 開啟FrontPage Edit2. 利用Frame/New Frame Page3. 選取Frame範本中的Banner and Contens。4. 按下確定鈕，開始設定各框架的網頁。按New Page(或選取已存在之頁Set Initial Page)為起始頁。5. 在各框架網頁中打入想要呈現的資料。分別編輯三個網頁的內容6. 按下File/Save 儲存框架網頁及框架內三個網頁7. 儲存上框架網頁(banner)8. 更改上框架網頁之Url(Page Name)及Title9. 儲存左框架網頁(contens)10. 更改左框架網頁之Url(Page Name)及Title11. 儲存右框架網頁(main)12. 更改右框架網頁之Url(Page Name)及Title13. 儲存框架網頁(Frame Page)14. 更改框架網頁之Url(Page Name)及Titleu 修改框架大小可以拖曳邊框改變窗格的高度及寬度u 框架中的超連結1. 目前框架各窗格的名子(Frame Name)如下，可由Frame/Frame Proterites得知。bannercontentsmain2. 決定超連結的目的窗格(Target Frame)，目前預設如下 bannercontents contentsmain main沒有預設bannercontentsmain3. 開始建立超連結 網站內容及連結列表網頁TitleFrame NameTarget FrameHtml Page數學第一冊math1.htm數學第一冊標題bannercontentsa1.htm數學第一冊章節contentsmainb1.htm數學第一冊內容mainc1.htm第一章 數與數線contentsmainb1-1.htm1-1正數與負數mainc1-1.htm1-2mainc1-2.htm.第二章 因數與倍數contentsmainb1-2.htm2-1mainc2-1.htm2-2mainc2-2.htm.第三章一元一次方程式contentsmainb1-3.htm3-1mainc3-1.htm3-2mainc3-2.htm.u 設定超連結1.標示及設定2.按下超連結之圖示1.反白欲超連結之文字2.選取連結的網頁及按Target Frame設定鈕1.用滑鼠點選2.設定目標窗格3.設定Target Frame填入目標窗格(Target Frame)4.繼續設定超連結2.按下超連結之圖示1.反白欲超連結之文字4.繼續選取連結的網頁及按Target Frame設定鈕2.設定目標窗格1.用滑鼠點選選5.繼續設定Target Frame填入目標窗格(Target Frame)u Target Frame的進一步說明Common Target(通用的名稱)Target Setting(目標設定)指定Target Frame 為.Page Default(依實際情形)範本預設的窗格Same Frame_self與超連結相同的窗格Whole Page_top全視窗，取代先前的框架，讓瀏覽器顯示單一的網頁New Windows_blank新視窗，另行開啟的瀏覽器新視窗Parent Frame_parent上一層框架，大多數的狀況下結果和Whole Page雷同。u 分割框架窗格1. 點選要分割的窗格2. 選取Frame/ Split Frame，在Split Frame對話方塊內選直向或橫向(或者以滑鼠沿窗格邊框拖曳，加按Ctrl