A.分割視窗標籤,讓您的網頁更多變化。 以下是各種分割效果 :
B.現在我們用幾個實例來逐一介紹這幾組標籤(請用檢視=>原始碼查看;並請用NC Browser比較差異處)。 1.分割視窗A上、下分割視窗。 2.分割視窗B左、右分割視窗。 3.分割視窗C及相關屬性左、中、右分割視窗,Target屬性用法。 4.巢狀分割視窗壹分割視窗中的分割視窗,幕景效果。 5.分離式分割視窗將分割視窗分成三個單獨視窗,JavaScript效果。 6.上中下分割利用底圖讓分割視窗變的更有特殊效果。 7.巢狀分割效果貳利用空白四邊框讓分割視窗變的很特殊。 8.特殊分割效果參運用Target="_top"創造不一樣的閱讀效果。 9.懸浮視窗只有 IE 才有的特殊分割 D.其他注意事項: 1.分割視窗標籤,您只要知道他的包覆及開啟原理,其實就很簡單了。 2.【如何將網址固定】,也是分割視窗一大功能,有空請自行練習。 3.配合美工功力,能創造出很棒的視窗效果。 4.當您的資料很多,尤其以文字、圖片為主的網站,很適合採用分割視窗。 F.本次作業: 1.請比照此圖完成分割視窗,用test.htm作為右邊body等Link之網頁。 2.做個Linking然後將完成的分割視窗,全部傳上到您的主機,命名為frame.htm。 3.再來信告訴我,您已完成並上傳完畢,我會上去看看您的結果。 4.如果您作的不錯,我將給您新課程,繼續下去;反之,我也會告訴您何處要改進。 |