用表格和框架布局網(wǎng)

1、第9章 用表格和框架布局網(wǎng)頁,本章知識技能要點,表格在網(wǎng)頁中的作用 表格的創(chuàng)建與編輯 利用表格對頁面進行布局 利用布局模式對頁面進行布局 Dreamweaver8中框架的創(chuàng)建方法 超鏈接框架目標的指定 框架和框架頁的基本操作,9.1 網(wǎng)頁中的表格,9.1 網(wǎng)頁中的表格,常見操作： 在網(wǎng)頁中插入表格 向表格中添加數(shù)據(jù) 導(dǎo)入外部數(shù)據(jù) 表格的編輯與修改,9.1 網(wǎng)頁中的表格,表格大小相關(guān)設(shè)定,設(shè)定頁首的位置,設(shè)定附加功能,9.1 網(wǎng)頁中的表格,將EXCEL文件導(dǎo)入DW數(shù)據(jù)窗口的方法： 導(dǎo)入的電子表格請符合下面的三種情況 1.是從本系統(tǒng)導(dǎo)出的模板 2.在excel另存為csv(逗號分隔)類型的文件；

2、3. 在excel另存為文本文件(制表符分隔,即tab分隔)類型的文件 選擇“文件”菜單“導(dǎo)入”“表格式數(shù)據(jù)”命令，或者選擇“插入”菜單“表格對象”“導(dǎo)入表格式數(shù)據(jù)”命令，彈出“導(dǎo)入表格式數(shù)據(jù)”對話框，指定要導(dǎo)入的數(shù)據(jù)文件、定界符及其他選項,定界符：設(shè)定界線的符號,9.2 布局模式,單擊“插入”欄“布局”類中的“布局模式”按鈕，進入布局模式,9.3 框架網(wǎng)頁的制作,框架網(wǎng)頁的作用是將數(shù)個網(wǎng)頁同時集中在同一個網(wǎng)頁呈現(xiàn)，也稱為框架集(Frameset)網(wǎng)頁,9.3.1框架的基本概念,parisdiary.htm,parisdiarymain.htm,parisdiarytopmenu.htm,pa

3、risdiaryleftmenu.htm,9.3 框架網(wǎng)頁的制作,以ch9文件夾中ch-08文件夾的素材為例。 可先建立一個名為paris的站點。 一、分割框架,9.3.2 框架網(wǎng)站的制作,9.3 框架網(wǎng)頁的制作,1、在站點paris中新建頁面parisdiary.htm，將框架一分為三,9.3 框架網(wǎng)頁的制作,關(guān)于每個框架的命名： 這里， 左框架名為：leftFrame，上框架名為：topFrame，右框架名為：mainFrame。 注：可以通過框架屬性面板對框架重新命名,9.3 框架網(wǎng)頁的制作,2、設(shè)置框架屬性,9.3 框架網(wǎng)頁的制作,常用設(shè)置方法：單擊框架面板中框架的邊框，選擇框架集，然

4、后在屬性檢查器中設(shè)置此框架集的屬性。 （可參考網(wǎng)頁制作教程P157）選擇“窗口”菜單“框架”，可彈出“框架”面板 以設(shè)置右邊框為例,9.3 框架網(wǎng)頁的制作,二、指定各框架的框架內(nèi)容 以設(shè)置左側(cè)框架為例,左側(cè)設(shè)置完成后的效果,topFrame的鏈接為：parisdiarytopmenu.htm mainFrame的鏈接為：parisdiarymain.htm,9.3 框架網(wǎng)頁的制作,三、指定鏈接框架,未調(diào)整前的預(yù)覽效果,9.3 框架網(wǎng)頁的制作,9.3 框架網(wǎng)頁的制作,四、保存框架組,9.3 框架網(wǎng)頁的制作,課堂練習(xí)9-1,要求用表格布局分別實現(xiàn)網(wǎng)頁設(shè)計與制作教程 P235第1題和第2題的頁面效果，相應(yīng)的圖片素材和效果等資料分別位于exercisech9-1中的ch9-1-1和ch9-1-2文件夾。 （注：對于第1題，考慮能否用DW的網(wǎng)站相冊功能實現(xiàn)相應(yīng)的圖片顯示效果,課堂練習(xí)9-2,使用exerc