【正文】 導入數(shù)據(jù) ? 當表格中需要包含大量數(shù)據(jù)時，手工輸入的工作量就非常巨大。如果用戶有格式化的數(shù)據(jù)，就可以直接使用 Dreamweaver的導入功能，將數(shù)據(jù)導入表格中。操作如下所示。（具體內(nèi)容請參照本書） 隨鼠標移動變色的表格 ? 當表格數(shù)據(jù)超過 5列時，大量數(shù)據(jù)就會造成瀏覽者的閱讀困難。在瀏覽數(shù)據(jù)時候，人們很容易看錯行。這時，設(shè)計人員可以設(shè)置單元行數(shù)據(jù)背景隨鼠標變色。當用戶鼠標移動到瀏覽的單元行，當前行的背景就變換顏色。這樣就幫助用戶區(qū)分所閱讀的數(shù)據(jù)。實現(xiàn)指向行變色的步驟如下：（具體內(nèi)容請參照本書） 第 5章 頁面布局及制作技巧 ? 在開始建立 Web頁面前整體規(guī)劃頁面設(shè)計和布局，將有助于在開發(fā)過程中提高效率。通過頁面的合理安排，條理清晰的框架結(jié)構(gòu)，能使頁面的形式美能得到更好的展現(xiàn)。 ? Dreamweaver不僅是一款優(yōu)秀的頁面制作工具，同時還可以進行精確的頁面排版和布局。其提供了一系列創(chuàng)建 Web頁面布局的方法。本章的學習重點就是掌握 Dreamweaver CS3所提供的這些用于頁面布局的方法和技巧。 Dreamweaver CS3中使用樣式表 CSS ? （具體內(nèi)容請參照本書） 了解 Dreamweaver CS3中 CSS可視化顯示新特性 ? Dreamweaver CS3中增強了復雜樣式表信息的顯示模塊功能，擴展了可視化展現(xiàn)的特性。在以往頁面布局中，復雜 CSS布局作為一個難題，一直沒有很好的解決方法。 Dreamweaver CS3所增強的 CSS可視化功能，能夠快速勾畫出 CSS布局邊框或給CSS布局上色，從而實現(xiàn)比較復雜的嵌套布局方案。 ? 1．更為實用的 CSS控制面板 ? 2．更具人性化的樣式工具欄 ? 3． CSS渲染改進 自動進行 “ 首行縮進 ” ? 前面介紹了 CSS可視化顯示的一些新特性，接下來介紹一些簡單實例。通過實例，來了解快速生成CSS樣式的方法。首先介紹的是自動進行 “ 首行縮進 ” 的方法。（具體內(nèi)容請參照本書） 背景圖案靜止不動 ? 隨著內(nèi)容的增加，當網(wǎng)頁不能在一屏顯示所有內(nèi)容時，往往借助于水平滾動條和豎直滾動條來瀏覽屏幕以外的內(nèi)容，移動滾動條時，一般圖像和文字是一起移動的。那么有沒有辦法使背景圖像不隨其中內(nèi)容一起 “ 滾動 ” 呢？這種特效在一些服裝展示類網(wǎng)站上經(jīng)常可以看到，用一幅大版面的人物圖片作為整個頁面的背景，其余文字內(nèi)容附著在其之上，具體效果如圖 。（具體內(nèi)容請參照本書） 在線填空測試 ? 經(jīng)?？匆娫谝恍┳员韱沃?，頁面上留有下劃線供用戶填寫，就如日常試卷中的填空題形式。這種效果經(jīng)常被用于在線測試上，用來模擬真實的考試答卷，如圖 。（具體內(nèi)容請參照本書） 如何高效率使用樣式表 ? 如何更為高效地去使用樣式表是個很值得探討的話題。一般都會選用重復調(diào)用的方法。也就是在創(chuàng)建了一個獨立的 CSS樣式文件后，通過鏈接的方式來使用該樣式表文件。這樣做的好處又是什么呢？主要體現(xiàn)在對整體項目的外觀進行修改時，只需針對該樣式表文件進行調(diào)整，而不是針對每個具體文件而進行大范圍修改。這也就極大程度上節(jié)省了開發(fā)時間，提高了效率。（具體內(nèi)容請參照本書） 表格工具欄使用 利用表格美化頁面 ? 表格的作用不僅僅局限于布局排版，通過嵌套或者給其賦予一定的 css樣式，同樣也能起著美化頁面的效果。下面將通過具體實例來介紹一些關(guān)于表格美化的常用方法和技巧，具體效果如圖 所示。（具體內(nèi)容請參照本書） 活用表格數(shù)據(jù)功能 ? 表格具有數(shù)據(jù)功能可能對很多資深的網(wǎng)頁設(shè)計師來說也是個新課題。利用這種數(shù)據(jù)功能可以不通過動態(tài)數(shù)據(jù)庫語言或者數(shù)據(jù)庫操作，而直接實現(xiàn)對數(shù)據(jù)庫資料的排序功能。具體效果如圖 示。（具體內(nèi)容請參照本書） 表格使用高級進階 ? 表格在網(wǎng)頁定位上發(fā)揮著極為重要的作用。尤其是在非 IE瀏覽器上，使用表格定位的制作方式比使用層定位來得更為簡易。但有很多網(wǎng)頁設(shè)計師提出表格定位過于呆板，不能像層一樣變化多樣，任意控制。其實要解決這個問題并不難，只需要通過幾步簡單的操作，表格也能變得像層一樣可可任意移動。具體效果如圖 。（具體內(nèi)容請參照本書） DW CS3表格使用經(jīng)驗總結(jié) ? 在網(wǎng)頁制作過程中，許多地方都用到了表格。如果能在實際操作中靈活運用表格技巧，就可以設(shè)計出更為大方得體的頁面。下面就總結(jié)了一些表格使用過程中的常用技巧。 ? 1．學會使用百分比來定義表格寬度 ? 2．學會使用自動清除功能 ? 3．學會使用背景圖片平鋪 層工具欄使用 ? （具體內(nèi)容請參照本書） 層的精確定位 ? 層有著很好的機動性，網(wǎng)頁設(shè)計師可以把其拖放到任意位置?？蛇@樣的定位方式是否能夠自動地適應(yīng)用戶設(shè)置的分辨率，始終固定在同一個位置上呢？專業(yè)設(shè)計師一般都會采用 CSS相對定位的方式，來根本性解決這個問題。這也是一種最為簡單而有效的方法。具體的實現(xiàn)步驟如下：（具體內(nèi)容請參照本書） 層的高級應(yīng)用 ? 在實際開發(fā)過程中，層被廣泛應(yīng)用于下拉菜單的制作。下拉菜單是網(wǎng)頁上最常見的效果。當鼠標觸發(fā)時，會出現(xiàn)一個子菜單。這種形式很大程度上節(jié)省了空間，使得網(wǎng)頁布局更為簡潔有序。下拉菜單的制作方法多種多樣，這里介紹借助層的高級應(yīng)用來實現(xiàn)的方法。（具體內(nèi)容請參照本書） DW CS3層使用經(jīng)驗總結(jié) ? 下面就介紹一些使用層過程中的經(jīng)驗總結(jié)。這些技巧性的建議，可以避免初學者在使用層時陷入可能的困惑中。 ? 1．盡量使用相對定位 ? 2． Id命名的惟一性 ? 3．保證層在各瀏覽器中的兼容性 層與表格進行網(wǎng)頁綜合布局 ? 很多時候考慮到兼容性，網(wǎng)頁設(shè)計師會使用層與表格進行綜合布局。在編輯網(wǎng)頁時采用一定的層布局，而在發(fā)布網(wǎng)頁時再將其轉(zhuǎn)換為表格布局?；蛘咴诓糠痔厥庑Ч麉^(qū)域把表格轉(zhuǎn)換為圖層，增加其的可控性。 ? 1．將層布局轉(zhuǎn)換為表格布局 ? 2．將表格布局轉(zhuǎn)換為層布局 表單工具欄使用 ? （具體內(nèi)容請參照本書） 表單布局 ? 設(shè)計網(wǎng)站項目中總是利用表單來處理數(shù)據(jù)錄入。表單各元素特點多樣化，例如對齊方式、操作方式等都有所不同。而這些因素會或多或少地影響網(wǎng)頁瀏覽者實際操作。布局時要盡可能考慮到瀏覽者的閱讀習慣，盡可能縮短其視覺路線。讓整個布局能體現(xiàn)出最大的親和力，最佳的操作模式。下面就總結(jié)了一些在表單布局時的一些注意點。 ? 1．表單涉及內(nèi)容規(guī)劃必須合理 ? 2．整體界面設(shè)計必須有親和力 ? 3．添加一些必要的內(nèi)容細節(jié)提示 借助可視化元素美化表單 ? 通常網(wǎng)頁設(shè)計師也會借助一些可視化元素，例如分割線、背景色塊等來美化表單。習慣上會根據(jù)列項內(nèi)容來增加背景色和分割線。不同的背景色產(chǎn)生了一列垂直的標簽和輸入框。每一組標簽和輸入框之間又借助分割線分開，如圖 。（具體內(nèi)容請參照本書） 表單主次操作 ? 對于任何布局，主次的理念必須清晰。在表單布局中的主要操作一般是針對按鈕。對于這一部分內(nèi)容需要給出一個比較強的視覺比重，例如使用較為鮮艷的顏色、較粗的字體等，如圖 。（具體內(nèi)容請參照本書） 操作 label和表單項 ? 每一個表單元素都應(yīng)該獨享一個 id標記， label標簽借助 for屬性與其關(guān)聯(lián)。這樣做的好處是瀏覽者直接可以通過 label標簽使相關(guān)表單域獲得焦點，如圖 。（具體內(nèi)容請參照本書） 表單綜合運用 ? 表單最常用于搜集一些必要的用戶信息，來實現(xiàn)信息的及時反饋。表單的運用包括調(diào)查、搜索等。下面就借助一個實例來說明表單綜合運用的方法。在這個例子中主要是實現(xiàn)使用電子郵件發(fā)送反饋意見的方法，如圖 。（具體內(nèi)容請參照本書） 超鏈接全接觸 ? 網(wǎng)站項目中原先零散獨立的各個頁面能夠組成一個有機的整體，可以通過超鏈接的方式。通過這種聯(lián)系，網(wǎng)頁瀏覽者能夠在相關(guān)的頁面之間跳轉(zhuǎn)。 鏈接圖片和文字 ? 給文字或者圖片加超鏈接是一項最基本的操作。一般都會通過 Dreamweaver的 【 屬性 】 檢查器來快速鏈接文件。具體操作如下：（具體內(nèi)容請參照本書） 同一圖片上設(shè)定多個鏈接 ? 建立圖像熱點，可以在同一圖片上設(shè)定多個鏈接。這樣網(wǎng)頁瀏覽者就可以通過點擊該圖片上的不同位置進入不同的頁面。這種應(yīng)用經(jīng)常被用于建立地圖導航系統(tǒng)。具體效果如圖 。（具體內(nèi)容請參照本書） 定制頁面內(nèi)跳轉(zhuǎn)的鏈接 ? 頁面內(nèi)跳轉(zhuǎn)鏈接主要是應(yīng)用在瀏覽教長的頁面中，或者是內(nèi)容分類比較多的頁面中。通過一個類似目錄的列表來方便地跳轉(zhuǎn)到頁面內(nèi)任何部分。這種形式的鏈接，經(jīng)常被應(yīng)用于一些音樂網(wǎng)站上。根據(jù)字母把歌手進行了分類。單擊字母能夠跳轉(zhuǎn)到頁面內(nèi)對應(yīng)的以該字母為首的歌手群。具體效果如圖 。（具體內(nèi)容請參照本書） 快速檢查網(wǎng)頁鏈接 ? 在前面章節(jié)介紹如何對網(wǎng)站進行測試與調(diào)試時，曾指出鏈接有效性測試的重要性。一個發(fā)布站點如果出現(xiàn)了過多的無效鏈接，就不能保證整個網(wǎng)站的通暢，更不能提供完整的服務(wù)?？梢酝ㄟ^Dreamweaver CS3來快速檢查網(wǎng)頁鏈接，具體方法如下：（具體內(nèi)容請參照本書） DW CS3特效制作 擴展插件的應(yīng)用 ? 借助 Dreamweaver的插件管理器（ Extension M