商務(wù)網(wǎng)頁實(shí)例項(xiàng)目06課件

1、 內(nèi)容提要表格是用于在HTML頁面上顯示表格式數(shù)據(jù)以及對(duì)文本和圖像進(jìn)行布局的強(qiáng)有力工具。表格由一行或多行組成，每行又由一個(gè)或多個(gè)單元格組成。表格是網(wǎng)頁制作中的一個(gè)非常重要的元素，傳統(tǒng)的網(wǎng)頁布局以及各元素的組織都是依據(jù)表格來進(jìn)行的，它決定了網(wǎng)頁是否美觀，內(nèi)容組織是否清楚。本項(xiàng)目將重點(diǎn)講解表格布局的方法和技巧，以及表格和單元格的編輯和設(shè)置。1網(wǎng)頁布局的風(fēng)格打開一個(gè)網(wǎng)站，首先呈現(xiàn)在眼前的就是網(wǎng)站的布局，它可以使訪問者比較容易在站點(diǎn)上找到他們所需要的信息，所以網(wǎng)頁制作初學(xué)者應(yīng)該對(duì)網(wǎng)頁布局的相關(guān)知識(shí)有所了解。（1）網(wǎng)頁布局類型網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合

2、框架型、封面型、Flash型和變化型，下面分別論述。1）“國”字型：也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等內(nèi)容。這種結(jié)構(gòu)是我們在網(wǎng)上最常見的一種結(jié)構(gòu)類型?；顒?dòng)1 學(xué)習(xí)商務(wù)網(wǎng)頁布局相關(guān)知識(shí) 2）拐角型：這種結(jié)構(gòu)與上一種只是形式上的區(qū)別，其實(shí)是很相近的，上面是標(biāo)題及廣告橫幅，接下來的左側(cè)是一窄列鏈接等，右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。在這種類型中，一種很常見的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。3）標(biāo)題

3、正文型：這種類型即最上面是標(biāo)題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類型。4）左右框架型：這是一種左右分別為兩頁的框架結(jié)構(gòu)，一般左面是導(dǎo)航鏈接，有時(shí)最上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)志，右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)，有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰，一目了然。5）上下框架型：與上面類似，區(qū)別僅僅在于是一種上下分為兩頁的框架。6）綜合框架型：上面兩種結(jié)構(gòu)的結(jié)合，相對(duì)復(fù)雜的一種框架結(jié)構(gòu)，較為常見的是類似于“拐角型”結(jié)構(gòu)的，只是采用了框架結(jié)構(gòu)。 7）封面型：這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫，放上幾

4、個(gè)簡單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁，如果處理得好，會(huì)給人帶來賞心悅目的感覺。8）Flash型：其實(shí)這與封面型結(jié)構(gòu)是類似的，只是這種類型采用了目前非常流行的Flash，與封面型不同的是，由于Flash強(qiáng)大的功能，頁面所表達(dá)的信息更豐富，其視覺效果及聽覺效果如果處理得當(dāng)，絕不差于傳統(tǒng)的多媒體。9）變化型：即上面幾種類型的結(jié)合與變化，比如本站在視覺上是很接近拐角型的，但所實(shí)現(xiàn)的功能的實(shí)質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型。 （2）什么樣的布局是最好的這是網(wǎng)頁制作初學(xué)者可能會(huì)問的問題。其實(shí)這要具體情況具體分析，比如如果

5、內(nèi)容非常多，就要考慮用國字型或拐角型；而如果內(nèi)容不算太多而一些說明性的東西比較多，則可以考慮標(biāo)題正文型；這幾種框架結(jié)構(gòu)的一個(gè)共同特點(diǎn)就是瀏覽方便，速度快，但結(jié)構(gòu)變化不靈活；而如果是一個(gè)企業(yè)網(wǎng)站想展示一下企業(yè)形象或個(gè)人主頁想展示個(gè)人風(fēng)采，則封面型是首選；Flash型更靈活一些，好的Flash大大豐富了網(wǎng)頁，但是它不能表達(dá)過多的文字信息。還沒有提到的就是變化型了，這種類型留給讀者去考慮，因?yàn)橹挥胁粩嗟淖兓艜?huì)提高，才會(huì)不斷豐富我們的網(wǎng)頁！2商務(wù)網(wǎng)站頁面布局特點(diǎn)電子商務(wù)類網(wǎng)站在布局上和咨詢類網(wǎng)站有著很多相似的地方。多采用兩欄或者三欄的布局。兩欄或三欄的布局給人一種開放大氣的感覺，適用于信息量大的網(wǎng)站

6、。導(dǎo)航多以搜索為主，橫排在頁面上部，左側(cè)為欄目的內(nèi)容區(qū)，右側(cè)以產(chǎn)品分類為主，可以運(yùn)用對(duì)比與調(diào)和，對(duì)稱與平衡，節(jié)奏與韻律以及留白等手段，建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。 電子商務(wù)類網(wǎng)站在配色上多以動(dòng)感且有活力的顏色為主，如藍(lán)色、洋紅、橙色和黃色等，并且整體頁面的明度較高。由于電子商務(wù)類網(wǎng)站的產(chǎn)品圖片比較多，圖片本身的色彩就十分豐富，所以網(wǎng)站的配色應(yīng)當(dāng)盡量簡單。3網(wǎng)頁布局的步驟（1）構(gòu)思草案新建頁面就如一張白紙，沒有任何表格，框架和約定俗成的東西，可以盡可能地發(fā)揮想象力，根據(jù)網(wǎng)站內(nèi)容的整體風(fēng)格，設(shè)計(jì)版面布局?？梢詤⒖计渌麅?yōu)秀的網(wǎng)站，調(diào)用各種知識(shí)儲(chǔ)備，特別是藝術(shù)方面的，在大腦中不斷地醞釀、碰撞，

7、往往不經(jīng)意間就有閃光的思想出現(xiàn)。這時(shí)就要抓緊時(shí)間把它變成文字的東西，用筆在紙上粗略地勾畫出布局的輪廓，不要講究細(xì)節(jié)，只要有一個(gè)輪廓就行，將你想到的“景象”畫上去。當(dāng)然也可以有多種想法，盡量都把它們畫出來，然后再比較，采用一種比較滿意的方案作為繼續(xù)創(chuàng)作的腳本。 （2）初步填充內(nèi)容布局在草案的基礎(chǔ)上，將確定需要放置的功能模塊安排到頁面上。功能模塊主要包含網(wǎng)站標(biāo)志，主菜單，新聞，搜索，友情鏈接，廣告條，郵件列表，計(jì)數(shù)器，版權(quán)信息等。注意，這里必須遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼、最突出的位置，然后再考慮次要模塊的排放。（3）細(xì)化在將各主要元素確定好之后，下面就

8、可以考慮文字、圖像、表格等頁面元素的排版布局了。在這一步，可以利用網(wǎng)頁編輯工具把草案做成一個(gè)簡略的網(wǎng)頁，當(dāng)然對(duì)每一種元素所占的比例也要有一個(gè)詳細(xì)的數(shù)字，以便以后修改。經(jīng)過以上幾步，相信你的網(wǎng)頁布局已經(jīng)初具規(guī)模了，讓別人看一下，給你提些建議，再不斷修改，一個(gè)很有特色的網(wǎng)頁就要浮出水面了。 4網(wǎng)頁排版布局的原則上面簡要介紹了設(shè)計(jì)網(wǎng)頁布局的步驟，事實(shí)上，在構(gòu)思和設(shè)計(jì)的過程中，還必須掌握以下幾項(xiàng)原則。1）平衡性。一個(gè)好的網(wǎng)頁布局應(yīng)該給人一種安定、平穩(wěn)的感覺，它不僅表現(xiàn)在文字、圖像等要素在空間占用上應(yīng)分布均勻，而且還有色彩的平衡，要給人一種協(xié)調(diào)的感覺。2）對(duì)稱性。對(duì)稱是一種美，我們生活中有許多事物都是對(duì)

9、稱的。但過度的對(duì)稱就會(huì)給人一種呆板、死氣沉沉的感覺，因此要適當(dāng)?shù)卮蚱茖?duì)稱，制造一點(diǎn)變化。3）對(duì)比性。讓不同的形態(tài)、色彩等元素相互對(duì)比，來形成鮮明的視覺效果。例如黑白對(duì)比，圓形與方形對(duì)比等，它們往往能夠創(chuàng)造出富有變化的效果。4）疏密度。網(wǎng)頁要做到疏密有度，即平常所說的“密不透風(fēng)，疏可跑馬”。不要整個(gè)網(wǎng)頁一種樣式，要適當(dāng)進(jìn)行留白，運(yùn)用空格，改變行間距、字間距等制造一些變化的效果。 5）比例。比例適當(dāng)，這在布局當(dāng)中非常重要，雖然不一定都要做到黃金分割，但比例一定要協(xié)調(diào)。6）凝視。凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁面的效果。7）空白?？瞻子袃煞N作用，一方面對(duì)其他網(wǎng)站表示突出

10、卓越，另一方面也表示網(wǎng)頁品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁的格調(diào)十分有效。8）盡量用圖片解說。此法對(duì)不能用語言說服或用語言無法表達(dá)的情感，特別有效。圖片解說的內(nèi)容，可以對(duì)瀏覽者的心理產(chǎn)生更大的影響。 5網(wǎng)頁布局的技術(shù)（1）層疊樣式表的應(yīng)用在新的HTML 4.0標(biāo)準(zhǔn)中，CSS（層疊樣式表）被提出來，它能完全精確地定位文本和圖片。CSS對(duì)于初學(xué)者來說顯得有點(diǎn)復(fù)雜，但它的確是一個(gè)好的布局方法。曾經(jīng)無法實(shí)現(xiàn)的想法利用CSS都能實(shí)現(xiàn)。目前在許多站點(diǎn)上，層疊樣式表的運(yùn)用是一個(gè)站點(diǎn)優(yōu)秀的體現(xiàn)?？梢栽诰W(wǎng)上找到許多關(guān)于CSS的介紹和使用方法。當(dāng)然，日趨炙熱的WEB標(biāo)準(zhǔn)（XHTML+CSS）開始強(qiáng)烈推崇內(nèi)容和表

11、現(xiàn)相分離，并為下一代數(shù)據(jù)交換XML做過渡（即XHTML）。（2）表格布局表格布局好像已經(jīng)成為一個(gè)標(biāo)準(zhǔn)，隨便瀏覽一個(gè)站點(diǎn)，它們一定是用表格布局的。表格布局的優(yōu)勢在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)用了過多表格時(shí)，頁面下載速度受到影響。對(duì)于表格布局，可以隨便找一個(gè)站點(diǎn)的首頁，然后保存為HTML文件，利用網(wǎng)頁編輯工具打開它（要所見即所得的軟件），就會(huì)看到這個(gè)頁面是如何利用表格的。 6框架布局不知道什么原故，許多人不喜歡框架結(jié)構(gòu)的頁面，可能是因?yàn)樗募嫒菪?。但從布局上考慮，框架結(jié)構(gòu)不失為一個(gè)好的布局方法。它

12、如同表格布局一樣，把不同對(duì)象放置到不同頁面加以處理，因?yàn)榭蚣芸梢匀∠吙?，所以一般來說不影響整體美觀。1復(fù)習(xí)表格操作（1）插入表格單擊“插入”工具欄上的“常用”選項(xiàng)中的“表格”按鈕或者“布局”中的“表格” 按鈕，打開“表格”對(duì)話框，創(chuàng)建表格如圖6-1所示?；顒?dòng)2 制作網(wǎng)上商城首頁布局 “表格大小”選項(xiàng) 行數(shù)和列數(shù)：插入表格的行數(shù)、列數(shù)。 表格寬度：設(shè)置以像素或?yàn)g覽器窗口百分比為單位的表格寬。 邊框粗細(xì)：指定表格邊框的粗細(xì)程度。 單元格邊距：指定單元格邊框和單元格內(nèi)容之間的間距，以像素為單位。 單元格間距：指定相鄰單元格之間的距離，以像素為單位?！皹?biāo)題”選項(xiàng) 無：表示對(duì)表格不啟用列或行標(biāo)題。 左

13、：表示將表格的第一列作為標(biāo)題列。 頂部：表示將表格的第一行作為標(biāo)題行。 兩者：表示能夠在表中輸入列標(biāo)題和行標(biāo)題?！拜o助功能”選項(xiàng) 標(biāo)題：可以創(chuàng)建一個(gè)顯示在表格外的表格標(biāo)題。 摘要：設(shè)置表格的說明。 （2）設(shè)置表格屬性當(dāng)表格被選定時(shí)，“屬性”面板所顯示的是表格屬性，如圖6-2所示。各參數(shù)含義如下。 表格：定義表格名稱。 寬：表格的寬度。 高：表格的高度。 填充：表格內(nèi)的單元格內(nèi)容和單元格邊框之間的距離。 間距：表格內(nèi)的單元格之間的間距。 對(duì)齊：表格相對(duì)于網(wǎng)頁的對(duì)齊方式。 邊框：設(shè)置圍繞表格的邊框?qū)挾龋▎挝粸橄袼兀?背景顏色：表格的背景顏色。 邊框顏色：表格的邊框顏色。 背景圖像：表格的背景圖像

14、。 （3）添加表格行或列在Dreamweaver中，執(zhí)行“修改”“表格”菜單命令或快捷菜單上的命令都可以添加或刪除表格中的行和列。 1）添加行和列。執(zhí)行“修改表格”“插入行或列”命令，或者單擊鼠標(biāo)右鍵，從快捷菜單中選擇“表格”“插入行或列”，在彈出的“插入行或列”對(duì)話框中設(shè)置相關(guān)參數(shù)即可，如圖6-3所示。2）刪除行或列。將光標(biāo)定位在要?jiǎng)h除的行或列的單元格中，執(zhí)行“修改”“表格”“刪除行”或“刪除列”命令，或者單擊鼠標(biāo)右鍵從快捷菜單中選擇“表格”“刪除行”或“刪除列”，即可刪除當(dāng)前行或列。 3）在“屬性”面板中添加、刪除行或列。選中整個(gè)表格，在“屬性”面板中增加“行”或“列”值以添加行或列，減少

15、“行”或“列”值以刪除行或列。該操作將從表格底端添加或刪除行，從表格右側(cè)添加或刪除列。即使要?jiǎng)h除的行和列中包含數(shù)據(jù)，Dreamweaver也不會(huì)提出警告。此外，在輸入數(shù)據(jù)時(shí)，如果已經(jīng)到達(dá)表格最后一行的最后一個(gè)單元格，則按鍵可以添加一行。2插人嵌套表格將光標(biāo)定為在要插入表格的單元格內(nèi)，單擊“表格按鈕或執(zhí)行“插入表格”命令，即可完成嵌套表格的制作，如圖6-4所示。 3用表格制作網(wǎng)上商城首頁（1）活動(dòng)分析了解表格的構(gòu)成，掌握表格及單元格的基本操作，掌握表格屬性的設(shè)置、特殊表格的制作方法。（2）知識(shí)要點(diǎn) 掌握表格的基本操作、表格屬性設(shè)置以及特殊表格的制作。 能夠利用表格靈活布局網(wǎng)頁。（3）動(dòng)手操作步驟

16、1 建立站點(diǎn)并新建網(wǎng)頁1）在D盤建立站點(diǎn)目錄web，并使用高級(jí)標(biāo)簽定義站點(diǎn)，站點(diǎn)名稱為“貿(mào)貿(mào)精品女裝”，如圖6-5所示。2）在起始頁中的“新建”中單擊“html”，創(chuàng)建新網(wǎng)頁。3）執(zhí)行“文件”“保存”命令，將網(wǎng)頁保存在站點(diǎn)根目錄下，保存文件名為index.html，如圖6-6所示。 步驟2 頁面設(shè)置1）執(zhí)行“修改”“頁面屬性”命令，在彈出的“頁面屬性”對(duì)話框中將頁面文字字體設(shè)置為宋體，大小為12px，顏色為#333深灰色，上邊距設(shè)置為0px，如圖6-7所示。 2）切換分類項(xiàng)至“鏈接（CSS）”，設(shè)置鏈接字體“同頁面字體”，下劃線樣式為始終有下劃線，如圖6-8所示。 3）切換分類項(xiàng)至“標(biāo)題/編碼

17、”，如圖6-9所示。將網(wǎng)頁標(biāo)題設(shè)置為“貿(mào)貿(mào)精品女裝”，編碼為“UTF-8”，設(shè)置以上幾項(xiàng)后，單擊“確定”按鈕完成設(shè)置。 圖6-9 設(shè)置標(biāo)題/編碼屬性 步驟3 完成頁面基本布局1）插入表格。單擊“插入”工具欄“常用”選項(xiàng)中的“表格”按鈕，打開“表格”對(duì)話框，設(shè)置表格大小為2行1列，表格寬度為1004像素，邊框粗細(xì)、單元格邊距及單元格間距都設(shè)置為0，并單擊“確認(rèn)”按鈕，如圖6-10所示。 2）選擇標(biāo)簽上的標(biāo)簽，全選表格，在屬性面板上將對(duì)齊設(shè)置設(shè)為居中對(duì)齊。3）將光標(biāo)定位在第一行的單元格內(nèi)，插入一個(gè)兩行一列的表格，表格寬度為100%，對(duì)齊方式為默認(rèn)。按組合鍵進(jìn)入擴(kuò)展表格模式，如圖6-11所示。 4）

18、選擇第一行，在屬性面板上設(shè)置水平對(duì)齊方式為右對(duì)齊，輸入文字。效果如圖6-12所示。5）將光標(biāo)定位在第二行的單元格內(nèi)，再插入一個(gè)1行2列的表格，表格寬度100%，對(duì)齊方式為默認(rèn)。效果如圖6-13所示。 6）將光標(biāo)定位在新插入表格的第一個(gè)單元格里，設(shè)置單元格寬度為308像素。執(zhí)行“插入”“圖像”命令，在彈出的對(duì)話框中選擇素材文件夾中的圖片文件logo.gif，單擊插入后會(huì)出現(xiàn)復(fù)制文件對(duì)話框，如圖6-14所示，選擇“是”按鈕。在彈出的“復(fù)制文件為”對(duì)話框中，在web文件夾下新建images文件夾，如圖6-15所示。將圖片保存在images文件夾里，如圖6-16所示。在彈出的“圖像標(biāo)簽輔助功能屬性”對(duì)

19、話框中設(shè)置替換文本為“l(fā)ogo”，如圖6-17所示。單擊“確定”按鈕，完成了將圖片插入網(wǎng)頁中的操作，最后效果如圖6-18所示。 7）將光標(biāo)定位在圖片右邊的單元格內(nèi)。插入1行2列表格，寬度為100%，高度為27像素。設(shè)置新插入表格左邊的單元格水平對(duì)齊為居中對(duì)齊、垂直對(duì)齊為中部對(duì)齊，設(shè)置右邊單元格寬度為100像素。8）定位在左邊的單元格內(nèi)，選擇表單工具中的文本域，插入單行文本域。在右邊的單元格里插入圖片sousuo.gif，如圖6-19所示。 9）將光標(biāo)定位在最外部表格的第二行，設(shè)置背景顏色為#069BEB。插入1行13列表格，寬度為100%。在奇數(shù)單元格里寫入文字，在偶數(shù)單元格里插入圖片fgx1

20、.gif，如圖6-20所示。 10）在頭部表格外單擊，插入寬為1004像素的1行1列的表格。設(shè)置單元格格式為高度40像素，如圖6-21所示。 11）在頁面空白處單擊，再次插入寬1004像素的1行3列的表格。分別設(shè)置單元格寬度為188、24、792像素。12）將光標(biāo)定位在左邊單元格里，插入寬188像素的2行1列的表格。在第一行里插入圖片quanbufenlei.gif。在第二行里輸入文字，如圖6-22所示。13）設(shè)置最右邊的單元格水平對(duì)齊為居中對(duì)齊，垂直對(duì)齊為頂端對(duì)齊。插入3行1列、寬為792像素的表格。在新插入的表格第一行內(nèi)插入圖片flash.gif，如圖6-23所示。 14）在第三行里插入寬

21、792像素的2行1列的表格，在第一行插入圖片xingpinshangjia.gif，如圖6-24所示。15）在“新品上架”圖片下的單元格插入1行4列的表格，寬度為100%。設(shè)置單元格對(duì)齊都為居中對(duì)齊。 16）在插入的1行4列表格的第一個(gè)單元格里插入寬185像素的2行1列的表格。在第一行插入圖片1.gif，在第二行輸入文字，如圖6-25所示。17）選擇這個(gè)2行1列的表格，單擊鼠標(biāo)右鍵選擇“復(fù)制”選項(xiàng)，在右邊的單元格內(nèi)右擊選擇粘貼。將相同的布局效果粘貼進(jìn)去即可。多個(gè)商品排列效果如圖6-26所示。 18）用同樣的方法完成推薦商品和熱賣商品的布局。最后的效果，如圖6-27所示。19）插入頁腳版權(quán)。在頁

22、面空白處單擊，插入寬1004像素，高100像素，對(duì)齊方式默認(rèn)的1行1列的表格，在單元格內(nèi)輸入文字，如圖6-28所示。 1復(fù)習(xí)表格修改編輯（1）設(shè)置單元格屬性，如圖6-29所示。 各參數(shù)含義如下。 水平：設(shè)置單元格內(nèi)容的水平對(duì)齊方式。有4個(gè)值，即瀏覽器默認(rèn)（即普通單元格左對(duì)齊、標(biāo)題單元格居中對(duì)齊）、左對(duì)齊、右對(duì)齊和居中對(duì)齊。 垂直：設(shè)置單元格內(nèi)容的垂直對(duì)齊方式。有5個(gè)值，即瀏覽器默認(rèn)（通常為中間對(duì)齊）、上端對(duì)齊、中間對(duì)齊、底端對(duì)齊和基準(zhǔn)線對(duì)齊?；顒?dòng)3 制作網(wǎng)上商城商品列表頁布局 寬和高：以像素為單位設(shè)置選定單元格的寬度和高度。要使用百分比請?jiān)跀?shù)值后添加百分比符號(hào)（%）。 背景顏色：設(shè)置單元格的背

23、景顏色。背景顏色只出現(xiàn)在單元格內(nèi)部。也就是說，它不會(huì)在單元格間距或表格邊框的上面出現(xiàn)。這意味著如果單元格間距和單元格填充沒有被設(shè)置，那么即使邊框被設(shè)置為0，在著色區(qū)域之間也還會(huì)存在縫隙。 不換行：設(shè)置單元格的內(nèi)容不換行。 標(biāo)題：將單元格設(shè)置為表格標(biāo)題。在默認(rèn)情況下，表格標(biāo)題單元格中的內(nèi)容將被設(shè)置為粗體并居中。（2）復(fù)制和粘貼單元格在表格的編輯中復(fù)制、粘貼單元格是經(jīng)常會(huì)使用的一種手段，我們可以一次復(fù)制和粘貼多個(gè)表格單元格并保留單元格格式。當(dāng)然，也可以只復(fù)制和粘貼單元格內(nèi)容，單元格可以在插入位置被粘貼，也可以替換表格中選定的內(nèi)容。如果要粘貼多個(gè)表格單元格，那么剪貼板中的內(nèi)容必須和表格結(jié)構(gòu)保持一致。 （3）合并和拆分單元格1）合并單元格。選取需合并的單元格，執(zhí)行“修改”“表格”“合并單元格”命令，或單擊“屬性”面板中的“合并單元格”按鈕 ，即可完成單元格的合并。2）拆分單元格。選定需拆分的單元格，執(zhí)行“修改”“表格”“拆分單元格”命令，或單擊“屬性”面板中的“拆分單元格”按鈕 。在彈出的“拆分單元格”對(duì)話框中設(shè)置拆分的參數(shù)即可，如圖6-30所示。 2布局商品列表頁（1）活動(dòng)分析已完成主頁的操作，列表頁和主頁除了中間主體部分不一樣，其他區(qū)域和主頁操作相似。（2）知識(shí)要點(diǎn) 掌握表格的基本操作、表格屬