Frontpage实例教程:教你制做网页页面架构

2021-01-20 20:32 jianzhan
架构 架构(Frame)在網頁上的應用很广泛 , 因為它能够同時顯示出多個獨立網頁
还可以將应用者常见的連結1直顯示在畫面上 , 減少上1頁下1頁的切換頻率
架构的基础实际操作
1.先看我們要保证的制成品-->能够看出該網站共分3個架构-->上、左、 右,以下圖:

2.請開啟frontpage-->左上角的「檔案」-->選「開新檔案」-->網頁,以下圖:

3.會跳出来以下視窗:

選擇架构頁(如圖1标示部位)-->選擇底下要的架构样式(如圖2标示部位)--> 在右下能够看到樣式預覽(如圖3标示部位)-->接著按「確定」便可。
4.之後出现以下畫面 , 可設定各架构網頁内容:
開新網頁的意思是要自身做1個全新升级的網頁 , 而設定起止網頁是去連結1個已經做好的網頁

請將上框與左框設定-->開新網頁
右框設定-->設定起止網頁-->
可選擇在電腦中已做好的網頁or網路上的某個網頁
此例我們連結到以前做好的個人檔案(myself.htm),請點選瀏覽檔案的圖示,以下圖:

5.步驟4进行後,會出现以下圖:

6.此時能够先存檔 -->此時會有視窗引導存檔
第1個是問您上架构的網頁要存成什麼檔名,如圖(可自身取名字,如top.htm)

接下來會問您左方架构的檔案要存什麼檔名,如圖(可自身取名字,如left.htm)

最後跳1個視窗-->問您整個架构要存成什麼檔名,如圖
(可自身取名字,如index.htm,1般主框頁會拿來當做首頁,一般網站的首頁會取名為index.htm)

為什麼没有問到,右框的網頁要存成什麼檔名 ?
這是因為我們當初設定右框是連結到1個已經做好的網頁(myself.htm),既然是已經做好的網頁,
当然就没有存不存檔的問題

7.架构内容的設定(撤销架构線):
在網頁的任1處按右鍵,選「架构内容」,以下圖:

選「架构頁」-->

將「顯示框線」的勾勾去掉,便可撤销架构線。

8.最後依照範例,我們在上方網頁插圖,左方網頁先用做1選單。
選單在設定連結時 , 必須特定兩項資訊(與超連結的觀念同样)
此連結要連到哪個網頁或網址
所特定的連結内容要出现在哪儿個架构中(如圖)