這是用表格為網(wǎng)頁布局ppt，包括了創(chuàng)建表格，創(chuàng)建嵌套表格，創(chuàng)建布局表格，創(chuàng)建Spry框架，在表格中插入網(wǎng)頁元素，設(shè)置表格屬性，編輯表格，調(diào)整表格大小，課堂練習(xí)：圓角相框，課堂練習(xí)：可隱藏的說明書等內(nèi)容，歡迎點(diǎn)擊下載。

用表格為網(wǎng)頁布局ppt是由紅軟PPT免費(fèi)下載網(wǎng)推薦的一款課件PPT類型的PowerPoint.

第3章  使用表格布局網(wǎng)頁Ca2紅軟基地
      將文本與圖像插入頁面后，就形成了最簡單的網(wǎng)頁。在生成的網(wǎng)頁中，發(fā)現(xiàn)其中的文本或者圖像會隨著IE窗口的放大或者縮小發(fā)生變化，這使得網(wǎng)頁處于不穩(wěn)定狀態(tài)。要想改變這種情況，最簡單的方法就是使用表格。表格不僅能夠控制網(wǎng)頁在IE窗口中的位置，還可以控制網(wǎng)頁元素在網(wǎng)頁中的顯示位置，這樣無論IE窗口如何變化，其中的網(wǎng)頁都會保持默認(rèn)的狀態(tài)。Ca2紅軟基地
本章知識要點(diǎn)：Ca2紅軟基地
 創(chuàng)建表格Ca2紅軟基地
創(chuàng)建嵌套表格Ca2紅軟基地
創(chuàng)建布局表格Ca2紅軟基地
創(chuàng)建Spry框架Ca2紅軟基地
3.1  表格建立Ca2紅軟基地
        日常生活中，最常見的表格是用來顯示數(shù)據(jù)的，比如Excel中的表格。在Dreamweaver中，表格除了可以顯示數(shù)據(jù)外，最主要的功能是定位與排版。這樣才能夠?qū)⑶懊娼榻B過的文本與圖像定位在網(wǎng)頁中的任何想要顯示的區(qū)域中。所以說，網(wǎng)頁設(shè)計(jì)就是從創(chuàng)建表格開始的，先學(xué)習(xí)表格的創(chuàng)建可以為后來的網(wǎng)頁設(shè)計(jì)奠定基礎(chǔ)。Ca2紅軟基地
3.1.1  創(chuàng)建各種表格Ca2紅軟基地
        表格在網(wǎng)頁中是用來定位與排版的，而有時(shí)一個表格無法滿足所有的要求，這時(shí)就需要運(yùn)用到嵌套表格。嵌套表格，顧名思義就是在表格中插入表格。這樣一來，由總表格負(fù)責(zé)整體的排版，由嵌套的表格負(fù)責(zé)各個子欄目的排版，并插入到總表格的相應(yīng)位置中。各司其職，互不沖突。Ca2紅軟基地
3.1.2  在表格中插入網(wǎng)頁元素Ca2紅軟基地
        為了使網(wǎng)頁中的元素能夠有序地、按照要求顯示在IE窗口中，在插入文本或者圖像之前，插入表格是最好的解決方法。在表格中插入文本或者圖像的方法與直接在網(wǎng)頁中插入方法是基本相同的，只是在插入之前，將光標(biāo)放置在表格中即可。Ca2紅軟基地
3.1.3  設(shè)置表格屬性Ca2紅軟基地
       即使在網(wǎng)頁中插入一個最簡單的表格，也具有表格的幾個重要的元素，那就是表格整體、行、列和單元格。所以插入表格后，【屬性】面板中顯示的是該表格的基本屬性。Ca2紅軟基地
3.2  編輯表格Ca2紅軟基地
        當(dāng)創(chuàng)建的表格不符合要求時(shí)，可以通過對表格中的單元格進(jìn)行拆分與合并，或者增加與刪除表格的行或者列來完成所需的要求。在表格中還可以進(jìn)行復(fù)制、剪切、粘貼等操作，因?yàn)樗�可以保留原單元格的格式�?span style="display:none">Ca2紅軟基地
3.2.1  選中表格元素Ca2紅軟基地
          在設(shè)置表格屬性時(shí)發(fā)現(xiàn)，將光標(biāo)放置在表格中，【屬性】面板中顯示的是單元格屬性，而是表格屬性，這說明選中的是單元格，而不是表格。創(chuàng)建一個表格，既包含其本身，還包含單元格、行與列元素，而這些元素的選擇方法各不相同。Ca2紅軟基地
3.2.2  調(diào)整表格大小Ca2紅軟基地
        當(dāng)選中整個表格后，在表格右下角區(qū)域顯示3個控制點(diǎn)，分別通過這3個控制點(diǎn)能夠?qū)⒈砀駲M向、縱向或者整體放大。Ca2紅軟基地
3.2.3  合并及拆分表格元素Ca2紅軟基地
        當(dāng)創(chuàng)建的表格不符合要求時(shí)，可以通過刪除或者增加表格的行與列，以及合并或者拆分單元格來實(shí)現(xiàn)。Ca2紅軟基地
3.2.4  復(fù)制及粘貼單元格Ca2紅軟基地
        表格中的單元格就像文本、圖片能夠被復(fù)制與粘貼一樣，單元格也可以復(fù)制與粘貼，并且可以在保留單元格格式化的情況下，復(fù)制并且粘貼多個單元格。表格中的單元格既可以覆蓋現(xiàn)有的單元格，也可以生成新的表格。Ca2紅軟基地
3.3  布局表格Ca2紅軟基地
        在使用表格布局網(wǎng)頁時(shí)發(fā)現(xiàn)，表格與單元格是有規(guī)律的創(chuàng)建。要想使用表格拼圖，必須經(jīng)過精密地計(jì)算，以及拆分或者合并單元格來實(shí)現(xiàn)。為了簡化利用表格布局頁面，Dreamweaver提供了一種【布局】模式。在這種模式下使用布局工具，設(shè)計(jì)者可以輕松地在頁面中畫出布局表格以及單元格，然后對其進(jìn)行修改、移動等。Ca2紅軟基地
3.3.1  創(chuàng)建布局表格與單元格Ca2紅軟基地
        要想在頁面中創(chuàng)建布局表格與單元格，確切地說應(yīng)該是繪制表格和單元格，首先要進(jìn)入【布局】模式。方法是執(zhí)行【查看】|【表格模式】|【布局模式】命令（快捷鍵Alt＋F6），由【標(biāo)準(zhǔn)】模式切換到【布局】模式。Ca2紅軟基地
3.3.2  布局表格與單元格屬性Ca2紅軟基地
        繪制布局表格與布局單元格后，既可以隨意設(shè)置其屬性，也可以在【屬性】面板中精確地設(shè)置其各個選項(xiàng)。Ca2紅軟基地
3.4  Spry框架Ca2紅軟基地
            Spry框架是一個可以用來構(gòu)建更加豐富的Web頁的JavaScript和CSS庫。使用該框架，可以顯示XML數(shù)據(jù)，并創(chuàng)建用來顯示動態(tài)數(shù)據(jù)的交互式頁面元素，而無需刷新整個頁面。以前創(chuàng)建Spry框架是通過代碼完成的，這需要有一定的JavaScript基礎(chǔ)知識的用戶使用。而Dreamweaver CS3在設(shè)計(jì)視圖中新增了創(chuàng)建Spry框架的構(gòu)件，使復(fù)雜的Spry框架建立變成了簡單的可視化操作。Ca2紅軟基地
3.4.1  Spry框架概念Ca2紅軟基地
        Spry框架支持一組用標(biāo)準(zhǔn)HTML、CSS和JavaScript編寫的可重用構(gòu)件。Spry構(gòu)件是一個頁面元素，通過啟用用戶交互來提供更豐富的用戶體驗(yàn)。每一個Spry構(gòu)件均由以下幾個部分組成：Ca2紅軟基地
構(gòu)件結(jié)構(gòu)  用來定義構(gòu)件結(jié)構(gòu)組成的HTML代碼塊。Ca2紅軟基地
構(gòu)件行為  用來控制構(gòu)件如何響應(yīng)用戶啟動事件的JavaScript。Ca2紅軟基地
構(gòu)件樣式  用來指定構(gòu)件外觀的CSS。Ca2紅軟基地
3.4.2  Spry菜單欄構(gòu)件Ca2紅軟基地
          菜單欄構(gòu)件是一組可導(dǎo)航的菜單按鈕，當(dāng)訪問者將鼠標(biāo)指向其中的某個按鈕上時(shí)，將顯示相應(yīng)的子菜單。使用菜單欄可以在緊湊的空間中顯示大量可導(dǎo)航信息，并使訪問者無需深入瀏覽即可了解網(wǎng)站中提供的內(nèi)容。Ca2紅軟基地
3.4.3  Spry選項(xiàng)卡式面板構(gòu)件Ca2紅軟基地
        選項(xiàng)卡式面板構(gòu)件是一組面板，用來將內(nèi)容存儲到緊湊空間中。訪問者可以通過單擊要訪問的面板上的選項(xiàng)卡，來隱藏或者顯示在選項(xiàng)卡式面板中的內(nèi)容。當(dāng)訪問者單擊不同的選項(xiàng)卡時(shí)，構(gòu)件的面板會相應(yīng)地打開。Ca2紅軟基地
3.4.4  Spry折疊構(gòu)件Ca2紅軟基地
          Spry折疊構(gòu)件是可折疊的面板，可以將大量內(nèi)容存儲在一個緊湊的空間中。訪問者可以通過單擊該面板上的選項(xiàng)卡來隱藏或者顯示在折疊構(gòu)件中的內(nèi)容。折疊面板分為兩種：一種是多個面板的折疊式面板構(gòu)件，一種是只有一個面板的可折疊面板構(gòu)件。Ca2紅軟基地
3.5  課堂練習(xí)：一像素表格Ca2紅軟基地
        一像素表格的制作方法多種多樣，可以將1×1像素的圖像以背景圖片的形式插入到表格中，也可以直接在Dreamweaver中利用表格的屬性制作一像素表格。同樣，一像素表格可以是一像素細(xì)線效果，也可以是一像素邊框效果，為了更好的顯示效果，這里以一像素邊框?yàn)槔��?span style="display:none">Ca2紅軟基地
3.6  課堂練習(xí)：圓角相框Ca2紅軟基地
        當(dāng)瀏覽網(wǎng)頁時(shí)，經(jīng)常會看到帶有相框的圖片。具有相框的圖片，使其在網(wǎng)頁突出顯示。下面介紹一種制作圓角相框的方法，它是通過在表格中插入圖像和背景圖像制作而成的。Ca2紅軟基地
3.7  課堂練習(xí)：可隱藏的說明書Ca2紅軟基地
        可隱藏的說明書中同時(shí)準(zhǔn)備了圖片和相關(guān)的說明文字，但是后者放置在Spry可折疊面板構(gòu)件中，這樣在預(yù)覽時(shí)，既可以同時(shí)查看圖片與說明文字，還可以將說明文字隱藏只查看圖片。Ca2紅軟基地
 Ca2紅軟基地

ppt網(wǎng)頁布局圖片：這是ppt網(wǎng)頁布局圖片，包括了WEB站點(diǎn)建立的基本步驟，網(wǎng)站整體風(fēng)格和創(chuàng)意設(shè)計(jì)，網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，版面布局與首頁搭配，使用布局視圖、框架、表格等進(jìn)行頁面布局，網(wǎng)站建設(shè)實(shí)例講解等內(nèi)容，歡迎點(diǎn)擊下載。