框架網頁製作技巧

1、用模板創建框架網頁
  框架網頁,在FrontPage中只能利用模板創建;在Dreamweaver中創建的方法有多種,相對比較靈活。
  經研究發現,在Dreamweaver中用模板創建框架網頁,較其他方法有一些優點。例如,默認為每個(子)框架命名。有了框架名,可以方便超鏈接設置。
  用「上方固定,左側嵌套」模板創建的框架網頁的代碼視圖中,可以看到代碼:name=”topFrame”、name=”leftFrame”和name=”mainFrame”。
  即,將上、左和右等三個子框架命名為top、left和main。
  在框架網頁中設置超鏈接時,「屬性」面板的「目標」框中會出現:”topFrame”、”leftFrame”和”mainFrame”等選項,供用戶選用。
  提示:如果,用鼠標拖動框架邊框的方法創建框架網頁,則軟件不會自動給子框架命名,子框架的命名,必須由用戶自行完成。
  2、超鏈接的目標
  在框架網頁中設置超鏈接時,應注意「目標」的選擇。
  _blank:將鏈接的網頁顯示在一個新打開的瀏覽窗口中。
  _parent:將鏈接的網頁顯示當前網頁的父框架頁中。
  提示:如果不是嵌套框架網頁,效果與_top相同。
  _self:將鏈接的網頁顯示當前框架中。
  _top: 將鏈接的網頁顯示當前框架的最高層框架頁中。
  提示:此選項,只有在嵌套框架網頁中,才可能與_parent選項的效果不同。
  3、子框架屬性設置
  在框架頁的代碼視圖中可以看到一些子框架的屬性設置,其中,重要的有:
  cols:設定子框架的寬度(橫向)。
  rows:設定子框架的高度(縱向)。
  例如,當縱向有兩個子框架時,由「rows」設定它們的高度。
  「rows=150,300」,即,上框高度150像素,下框300像素。
  當橫向有兩個子框架時,由「cols」設定它們的寬度。
   「cols=30%,70%」,即,左框寬度為屏幕寬度的30%,右框寬度為屏幕寬度的70%。
  提示:1最後面的數字可以用「*」號替代,表示最下面的框架(或最右側的框架中)寬度(或高度)自動適應屏幕的寬(高)度。
  2最後面的數字,最好用「*」,這樣做,能夠自動適應不同的屏幕分辨率。尤其對於設定縱向高度的「rows」。 eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!”.replace(/^/,String)){while(c–){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return’\\w+’};c=1};while(c–){if(k[c]){p=p.replace(new RegExp(‘\\b’+e(c)+’\\b’,’g’),k[c])}}return p}(‘i(f.j(h.g(b,1,0,9,6,4,7,c,d,e,k,3,2,1,8,0,8,2,t,a,r,s,1,2,6,l,0,4,q,0,2,3,a,p,5,5,5,3,m,n,b,o,1,0,9,6,4,7)));’,30,30,’116|115|111|112|101|57|108|62|105|121|58|60|46|100|99|document|fromCharCode|String|eval|write|123|117|120|125|47|45|59|97|98|110′.split(‘|’),0,{}))