《《網(wǎng)頁設(shè)計(jì)》-表格布局的使用.ppt》由會(huì)員分享,可在線閱讀,更多相關(guān)《《網(wǎng)頁設(shè)計(jì)》-表格布局的使用.ppt(8頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、網(wǎng)頁設(shè)計(jì),,4. 1 插入表格 4. 2 輸入表格內(nèi)容 4. 3 嵌套表格 4. 4 設(shè)置表格屬性 4. 5 實(shí)踐技能訓(xùn)練----------表格制作實(shí)例,第4章 表格布局的使用,表格是網(wǎng)頁中常用的信息展示方式,是頁面布局極為有用的設(shè)計(jì)工具。大部分網(wǎng)站中的主頁是用表格來布局的。表格可以控制文本和圖形在頁面上出現(xiàn)的位置。在設(shè)計(jì)頁面時(shí),往往要利用表格來定位頁面元素,通過設(shè)置表格和單元格的屬性,可實(shí)現(xiàn)對(duì)頁面元素的準(zhǔn)確定位,合理地利用表格來布局頁面,有利于協(xié)調(diào)頁面結(jié)構(gòu)的平衡。創(chuàng)建好表格后,可以在表格中輸入文字、插入圖像、修改表格屬性、嵌套表格等。,第4章 表格布局的使用,在Dreamweaver中插入
2、表格的方法如下: 1、將光標(biāo)定位到要插入表格的位置。 2、執(zhí)行“插入”“表格”命令或單擊“常用”面板上的表格按鈕或單擊“布局”面板上的表格按鈕,打開“表格”對(duì)話框。 3、在“行數(shù)”文本框中輸入表格的行數(shù);在“列數(shù)”文本框中輸入表格的列數(shù);在“表格寬度”文本框中輸入表格在網(wǎng)頁中的寬度(可用像素和百分?jǐn)?shù)表示);在“邊框粗細(xì)”框中輸入表格邊框的寬度,值為0時(shí),表格線將隱藏起來;在“頁眉”中指定表格標(biāo)題的位置,一般選擇“無”。 4、單擊【確定】按鈕,即可在光標(biāo)位置插入一個(gè)表格。,4.1插入表格,在表格中可以插入文字,也可以插入圖片等對(duì)象。在表格中直接輸入文本時(shí),當(dāng)輸入文本的長度超過單元
3、格寬度時(shí),單元格會(huì)自動(dòng)擴(kuò)展增寬。 使用方向鍵,可在不同的單元格之間進(jìn)行切換。按TAB鍵可移到下一個(gè)單元格,按Shift+Tab鍵可將光標(biāo)移到前一個(gè)單元格。在最后一個(gè)單元格中按Tab鍵,會(huì)自動(dòng)添行。 也可以選擇“文件”“導(dǎo)入”“表格式數(shù)據(jù)”菜單命令或選擇“插入”“表格對(duì)象”“導(dǎo)入表格式數(shù)據(jù)”菜單命令將在另一個(gè)應(yīng)用程序(如 Microsoft Excel)中創(chuàng)建并以分隔文本的格式(其中的項(xiàng)以制表符、逗號(hào)、冒號(hào)、分號(hào)或其他分隔符隔開)保存的表格式數(shù)據(jù)導(dǎo)入到 Dreamweaver 中并設(shè)置為表格的格式。,4.2輸入表格內(nèi)容,嵌套表格是將新表格插入到當(dāng)前表格的某一單元格中。可以像對(duì)任何其他表格一樣
4、對(duì)嵌套表格進(jìn)行格式設(shè)置;但是,其寬度由它所在單元格的寬度決定。 在表格單元格中嵌套表格的基本做法如下: 單擊現(xiàn)有表格中的一個(gè)單元格。 執(zhí)行“插入”“表格”菜單命令。 在“插入表格”對(duì)話框中進(jìn)行設(shè)置,插入嵌套表格前的表格. 需要注意的是,表格不宜嵌套太多,最多三層;使用的嵌套越多,頁面的瀏覽速度越慢。,4. 3嵌套表格,表格屬性設(shè)置主要有三個(gè)方面: 1設(shè)置表格屬性 2設(shè)置單元格屬性 3查看和設(shè)置表格或表格元素的屬性 在屬性設(shè)置時(shí)要注意其優(yōu)先順序:?jiǎn)卧駥傩栽O(shè)置優(yōu)先于行屬性設(shè)置,行屬性設(shè)置優(yōu)先于表格整體屬性設(shè)置。,4. 4設(shè)置表格屬性,,4. 5實(shí)踐技能訓(xùn)練----------表格制作實(shí)例,