項目七框架──制作綠色天空論壇網頁創(chuàng)建論壇框架網頁

任務一設置論壇框架網頁

任務二1整理版ppt項目七框架──制作綠色天空論壇網頁創(chuàng)建論壇框架網頁任務一設（一）創(chuàng)建框架當創(chuàng)建框架網頁時，Dreamweaver8就建立起一個未命名的框架集文件?？蚣芗募嶋H上就是框架的集合，每個框架又包含一個文檔。也就是說，一個包含4個框架的框架集實際上存在5個文件：一個是框架集文件，其他的分別是包含于各自框架內的文件。下面介紹創(chuàng)建框架網頁的基本方法。2整理版ppt（一）創(chuàng)建框架當創(chuàng)建框架網頁時，Dream1.首先在Dreamweaver8中定義一個本地靜態(tài)站點，然后把“項目素材”文件夾中的內容復制到站點根文件夾下?！静僮鞑襟E】3整理版ppt【操作步驟】3整理版ppt2.在菜單欄中選擇【文件】／【新建】命令，打開【新建文檔】對話框，在【常規(guī)】選項卡中選擇【框架集】分類，在右側【框架集】列表框中選擇【上方固定，左側嵌套】選項，如圖所示。4整理版ppt2.在菜單欄中選擇【文件】／【新建】命令，打開【新建文檔】對3.將鼠標光標置于右下側的“mainframe”框架內，在【插入】／【布局】面板中單擊（底部框架）按鈕，如果在【首選參數】／【輔助功能】設置中已經勾選了【框架】復選框，這時仍將彈出【框架標簽輔助功能屬性】對話框，否則將直接插入一個框架，也可以在菜單欄中選擇【修改】／【框架頁】／【拆分上框架】或【拆分下框架】命令，將該框架拆分為上下兩個框架。5整理版ppt3.將鼠標光標置于右下側的“mainframe”框架

由于一個框架集包含多個框架，每一個框架都包含一個文檔，因此一個框架集會包含多個文件。在保存框架網頁的時候，不能只簡單地保存一個文件，要將所有的框架網頁文檔都保存下來。下面介紹保存框架網頁的基本方法。

（二）保存框架6整理版ppt由于一個框架集包含多個框架，每一個框架都包含一1.在菜單欄中選擇【文件】／【保存全部】命令，整個框架邊框的內側會出現一個陰影框，同時彈出【另存為】對話框。因為陰影框出現在整個框架集邊框的內側，所以要求保存的是整個框架集，如圖所示?！静僮鞑襟E】7整理版ppt1.在菜單欄中選擇【文件】／【保存全部】命令，整個框架邊框的2.輸入文件名“index.htm”，然后單擊按鈕，將整個框架集保存。3.接著出現第2個【另存為】對話框，要求保存標題為“bottomFrame”的框架，輸入文件名“bottom2.htm”進行保存。4.接著出現第3個【另存為】對話框，要求保存標題為“mainFrame”的框架，輸入文件名“main2.htm”進行保存。5.接著出現第4個【另存為】對話框，要求保存標題為“l(fā)eftFrame”的框架，輸入文件名“l(fā)eft2.htm”進行保存。6.接著出現第5個【另存為】對話框，要求保存標題為“topFrame”的框架，輸入文件名“top2.htm”進行保存。8整理版ppt2.輸入文件名“index.htm”，然后單擊7.將鼠標光標置于頂部框架內，在菜單欄中選擇【文件】／【在框架中打開】命令，打開文檔“top.htm”，然后依次在各個框架內打開文檔“l(fā)eft.htm”、“main.htm”、“bottom.htm”，如圖所示9整理版ppt7.將鼠標光標置于頂部框架內，在菜單欄中選擇【文件】／【在框8.最后在菜單欄中選擇【文件】／【保存全部】命令，再次將文檔進行保存?！局R鏈接】如果僅僅是修改了某一個框架中文檔的內容，可以選擇【文件】／【保存框架】命令進行單獨保存。如果要給框架中的文檔改名，可以選擇【文件】／【框架另存為】命令進行換名保存。如果要把框架保存為模板，可以選擇【文件】／【框架另存為模板】命令進行保存。10整理版ppt8.最后在菜單欄中選擇【文件】／【保存全部】命令，再次將文檔任務二設置論壇框架網頁框架網頁創(chuàng)建好以后，框架的大小、邊框寬度、是否有滾動條等不一定符合實際要求，這就需要對其進行設置。下面介紹通過【屬性】面板設置框架集和框架屬性的基本方法。11整理版ppt任務二設置論壇框架網頁框架網頁創(chuàng)建好以后，（一）設置框架集和框架屬性【操作步驟】1.首先設置框架集屬性。選擇【窗口】／【框架】命令，打開【框架】面板，在【框架】面板中選擇要設置的框架后并在【屬性】面板中設置框架的寬度和高度。如圖所示。

12整理版ppt（一）設置框架集和框架屬性【操作步驟】12整理版ppt13整理版ppt13整理版ppt2.在【屬性】面板中，單擊框架集預覽圖底部，然后設置相應參數，如圖所示。14整理版ppt2.在【屬性】面板中，單擊框架集預覽圖底部，然后設置相應參數3.在【框架】面板中單擊“topFrame”框架或按下Alt鍵，在“topFrame”框架內單擊鼠標左鍵將框架選中，然后在【屬性】面板中設置相關參數，如圖所示。15整理版ppt3.在【框架】面板中單擊“topFrame”框架或按下Alt4.在【框架】面板中單擊“l(fā)eftFrame”框架，然后在【屬性】面板中設置相關參數，如圖所示。16整理版ppt4.在【框架】面板中單擊“l(fā)eftFrame”框架，然后在【5.在【框架】面板中單擊“mainFrame”框架，然后在【屬性】面板中設置相關參數，如圖所示。

17整理版ppt5.在【框架】面板中單擊“mainFrame”框架，然后在【6.在【框架】面板中單擊“bottomFrame”框架，然后在【屬性】面板中設置相關參數，如圖所示。

18整理版ppt6.在【框架】面板中單擊“bottomFrame”框架，然后（二）設置框架中鏈接的目標窗口下面介紹在框架網頁中設置超級鏈接目標窗口的方法。1.在“topFrame”框架中選擇文本“網站首頁”，然后在【屬性】面板的【鏈接】文本框中添加空鏈接“#”，在【目標】下拉列表中選擇【_blank】選項。19整理版ppt（二）設置框架中鏈接的目標窗口下面介紹在框架網2.選中文本“論壇首頁”，在【屬性】面板的【鏈接】文本框中輸入“main.htm”，在【目標】下拉列表中選擇【mainFrame】選項，如圖所示。20整理版ppt2.選中文本“論壇首頁”，在【屬性】面板的【鏈接】文本框中輸3.分別選擇文本“用戶登錄”和“用戶注冊”，然后在【屬性】面板的【鏈接】文本框中輸入空鏈接“#”，在【目標】下拉列表中選擇【mainFrame】選項。4.最后在菜單欄中選擇【文件】／【保存全部】命令，再次保存文件。21整理版ppt3.分別選擇文本“用戶登錄”和“用戶注冊”，然后在【屬性】面項目七框架──制作綠色天空論壇網頁創(chuàng)建論壇框架網頁

任務一設置論壇框架網頁

任務二22整理版ppt項目七框架──制作綠色天空論壇網頁創(chuàng)建論壇框架網頁任務一設（一）創(chuàng)建框架當創(chuàng)建框架網頁時，Dreamweaver8就建立起一個未命名的框架集文件?？蚣芗募嶋H上就是框架的集合，每個框架又包含一個文檔。也就是說，一個包含4個框架的框架集實際上存在5個文件：一個是框架集文件，其他的分別是包含于各自框架內的文件。下面介紹創(chuàng)建框架網頁的基本方法。23整理版ppt（一）創(chuàng)建框架當創(chuàng)建框架網頁時，Dream1.首先在Dreamweaver8中定義一個本地靜態(tài)站點，然后把“項目素材”文件夾中的內容復制到站點根文件夾下?！静僮鞑襟E】24整理版ppt【操作步驟】3整理版ppt2.在菜單欄中選擇【文件】／【新建】命令，打開【新建文檔】對話框，在【常規(guī)】選項卡中選擇【框架集】分類，在右側【框架集】列表框中選擇【上方固定，左側嵌套】選項，如圖所示。25整理版ppt2.在菜單欄中選擇【文件】／【新建】命令，打開【新建文檔】對3.將鼠標光標置于右下側的“mainframe”框架內，在【插入】／【布局】面板中單擊（底部框架）按鈕，如果在【首選參數】／【輔助功能】設置中已經勾選了【框架】復選框，這時仍將彈出【框架標簽輔助功能屬性】對話框，否則將直接插入一個框架，也可以在菜單欄中選擇【修改】／【框架頁】／【拆分上框架】或【拆分下框架】命令，將該框架拆分為上下兩個框架。26整理版ppt3.將鼠標光標置于右下側的“mainframe”框架

由于一個框架集包含多個框架，每一個框架都包含一個文檔，因此一個框架集會包含多個文件。在保存框架網頁的時候，不能只簡單地保存一個文件，要將所有的框架網頁文檔都保存下來。下面介紹保存框架網頁的基本方法。

（二）保存框架27整理版ppt由于一個框架集包含多個框架，每一個框架都包含一1.在菜單欄中選擇【文件】／【保存全部】命令，整個框架邊框的內側會出現一個陰影框，同時彈出【另存為】對話框。因為陰影框出現在整個框架集邊框的內側，所以要求保存的是整個框架集，如圖所示?！静僮鞑襟E】28整理版ppt1.在菜單欄中選擇【文件】／【保存全部】命令，整個框架邊框的2.輸入文件名“index.htm”，然后單擊按鈕，將整個框架集保存。3.接著出現第2個【另存為】對話框，要求保存標題為“bottomFrame”的框架，輸入文件名“bottom2.htm”進行保存。4.接著出現第3個【另存為】對話框，要求保存標題為“mainFrame”的框架，輸入文件名“main2.htm”進行保存。5.接著出現第4個【另存為】對話框，要求保存標題為“l(fā)eftFrame”的框架，輸入文件名“l(fā)eft2.htm”進行保存。6.接著出現第5個【另存為】對話框，要求保存標題為“topFrame”的框架，輸入文件名“top2.htm”進行保存。29整理版ppt2.輸入文件名“index.htm”，然后單擊7.將鼠標光標置于頂部框架內，在菜單欄中選擇【文件】／【在框架中打開】命令，打開文檔“top.htm”，然后依次在各個框架內打開文檔“l(fā)eft.htm”、“main.htm”、“bottom.htm”，如圖所示30整理版ppt7.將鼠標光標置于頂部框架內，在菜單欄中選擇【文件】／【在框8.最后在菜單欄中選擇【文件】／【保存全部】命令，再次將文檔進行保存?！局R鏈接】如果僅僅是修改了某一個框架中文檔的內容，可以選擇【文件】／【保存框架】命令進行單獨保存。如果要給框架中的文檔改名，可以選擇【文件】／【框架另存為】命令進行換名保存。如果要把框架保存為模板，可以選擇【文件】／【框架另存為模板】命令進行保存。31整理版ppt8.最后在菜單欄中選擇【文件】／【保存全部】命令，再次將文檔任務二設置論壇框架網頁框架網頁創(chuàng)建好以后，框架的大小、邊框寬度、是否有滾動條等不一定符合實際要求，這就需要對其進行設置。下面介紹通過【屬性】面板設置框架集和框架屬性的基本方法。32整理版ppt任務二設置論壇框架網頁框架網頁創(chuàng)建好以后，（一）設置框架集和框架屬性【操作步驟】1.首先設置框架集屬性。選擇【窗口】／【框架】命令，打開【框架】面板，在【框架】面板中選擇要設置的框架后并在【屬性】面板中設置框架的寬度和高度。如圖所示。

33整理版ppt（一）設置框架集和框架屬性【操作步驟】12整理版ppt34整理版ppt13整理版ppt2.在【屬性】面板中，單擊框架集預覽圖底部，然后設置相應參數，如圖所示。35整理版ppt2.在【屬性】面板中，單擊框架集預覽圖底部，然后設置相應參數3.在【框架】面板中單擊“topFrame”框架或按下Alt鍵，在“topFrame”框架內單擊鼠標左鍵將框架選中，然后在【屬性】面板中設置相關參數，如圖所示。36整理版ppt3.在【框架】面板中單擊“topFrame”框架或按下Alt4.在【框架】面板中單擊“l(fā)eftFrame”框架，然后在【屬性】面板中設置相關參數，如圖所示。37整理版ppt4.在【框架】面板中單擊“l(fā)eftFrame”框架，然后在【5.在【框架】面板中單擊“mainFrame”框架，然后在【屬性】面板中設置相關參數，如圖所示。

38整理版ppt5.在【框架】面板中單擊“mainFrame”框架，然后在【6.在【框架】面板中單擊“bottomFrame”框架，然后在【屬性】面板中設置相關參數，如圖所示。

39整理版ppt6.在【框架】面板中單擊“bottomFrame”框架，然后（二）設置框架中鏈接的目標窗口下面介紹在框架網頁中設置超級鏈接目標窗口的方法。1.在“topFrame”框架中選擇文本“網站首頁”，然后在【屬性】面板的【鏈接】文本框中添加空鏈接“#”，在【目標】下拉列表中選擇【_blank】選項。40整理版ppt（二）設置