電子商務(wù)網(wǎng)頁(yè)制作-項(xiàng)目5

DW項(xiàng)目五電子商務(wù)網(wǎng)頁(yè)制作網(wǎng)頁(yè)版式設(shè)計(jì)與布局學(xué)習(xí)習(xí)網(wǎng)頁(yè)版式式設(shè)計(jì)的的概念；； 了解解有關(guān)網(wǎng)網(wǎng)頁(yè)造型型和分辨辨率的知知識(shí)； 了解解網(wǎng)頁(yè)布布局的原原則和方方法； 學(xué)習(xí)習(xí)使用表表格進(jìn)行行網(wǎng)頁(yè)布布局。項(xiàng)目目標(biāo)標(biāo)看一看——網(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞看一看——網(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞這是一種典典型的橫橫向平鋪鋪結(jié)構(gòu)，，瀏覽者者拖動(dòng)鼠鼠標(biāo)向下下滾動(dòng)頁(yè)頁(yè)面可以以流暢地地瀏覽頁(yè)頁(yè)面。由由于網(wǎng)站站主要經(jīng)經(jīng)營(yíng)白色色家電，，故采用用白色系系作為網(wǎng)網(wǎng)站主色色調(diào)，利利用不同同灰度的的淺灰色色塊將頁(yè)頁(yè)面巧妙妙分欄，，使信息息組織更更加清晰晰有條理理。整個(gè)個(gè)頁(yè)面設(shè)設(shè)計(jì)留白白較多，，空曠開開闊的設(shè)設(shè)計(jì)給人人以高端端大氣、、品質(zhì)優(yōu)優(yōu)良的感感覺(jué)。瀏瀏覽者在在瀏覽網(wǎng)網(wǎng)頁(yè)時(shí)，，一般首首先看網(wǎng)網(wǎng)頁(yè)的上上部中間間位置，，然后是是上部左左面、上上部右面面，最后后看整個(gè)個(gè)網(wǎng)頁(yè)的的下面，，因此網(wǎng)網(wǎng)頁(yè)左上上部和中中上部是是最佳視視域，重重要信息息應(yīng)安排排在這個(gè)個(gè)位置，，例如購(gòu)購(gòu)物車、、賬戶信信息、搜搜索引擎擎、導(dǎo)航航條等放放在整個(gè)個(gè)網(wǎng)頁(yè)的的上部。?？匆豢础W(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞看一看——網(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞首先會(huì)看看到一個(gè)個(gè)Flash動(dòng)畫的演演示，然然后正式式進(jìn)入主頁(yè)。主頁(yè)布局局設(shè)計(jì)類類似于一一個(gè)家庭庭影院，，讓人仿仿佛置身身于生活活中常見(jiàn)見(jiàn)的體育育賽事電電視轉(zhuǎn)播播情景中中，畫面面比例接接近黃金金分割，，十分協(xié)協(xié)調(diào)美觀觀。任意意點(diǎn)擊頁(yè)頁(yè)面下方方的鏈接接，進(jìn)入入網(wǎng)站瀏瀏覽。可可以發(fā)現(xiàn)現(xiàn)這里充充滿了靈靈動(dòng)的Flash動(dòng)畫，引引人入勝勝，滿足足了青少少年為主主的客戶戶群的審審美心理理?？匆豢础W(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞看一看——網(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞這是一個(gè)個(gè)典型的的采用FLASH動(dòng)畫制作作的封面面型結(jié)構(gòu)構(gòu)網(wǎng)站，，頁(yè)面表表達(dá)的信信息十分分豐富，，視覺(jué)效效果一流流。請(qǐng)點(diǎn)點(diǎn)擊導(dǎo)航航欄上的的鏈接圖圖片任意意瀏覽，，可以看看到站內(nèi)內(nèi)各個(gè)頁(yè)頁(yè)面保持持了高度度一致的的風(fēng)格，，如圖5-2所示。采采用醒目目的紅色色圖標(biāo)作作為導(dǎo)航航區(qū)，強(qiáng)強(qiáng)烈的視視覺(jué)對(duì)比比形成了了鮮明的的視覺(jué)效效果。簡(jiǎn)簡(jiǎn)潔的頁(yè)頁(yè)面布局局、生動(dòng)動(dòng)的FLASH動(dòng)畫，迎迎合了年年輕消費(fèi)費(fèi)者的審審美心理理?？匆豢础W(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞看一看——網(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞這是一個(gè)介紹江江南古鎮(zhèn)鎮(zhèn)的旅游游網(wǎng)站。主頁(yè)設(shè)計(jì)計(jì)采用了了仿手機(jī)機(jī)界面的的形式，，新穎別別致。點(diǎn)點(diǎn)擊圖標(biāo)標(biāo)繼續(xù)瀏瀏覽，將將會(huì)看到到整個(gè)網(wǎng)網(wǎng)站頁(yè)面面設(shè)計(jì)的的無(wú)不透透露著深深厚的人人文底蘊(yùn)蘊(yùn)，獨(dú)具具江南水水鄉(xiāng)的魅魅力。頁(yè)頁(yè)面布局局疏密有有度，即即平常所所說(shuō)的““密不透透風(fēng)，疏疏可跑馬馬”。頁(yè)頁(yè)面并沒(méi)沒(méi)有采用用一種樣樣式，而而是適當(dāng)當(dāng)留白，，運(yùn)用空空格，改改變行間間距、字字符間距距等，制制造一些些變化的的效果，，給人留留下深刻刻印象。。看一看——網(wǎng)頁(yè)設(shè)計(jì)計(jì)欣賞網(wǎng)頁(yè)布局局最基本本的目的的就是對(duì)對(duì)信息內(nèi)內(nèi)容進(jìn)行行分類，，重點(diǎn)突突出地放放置信息息，在此此基礎(chǔ)上上形成網(wǎng)網(wǎng)頁(yè)的外外觀風(fēng)格格。在一一些設(shè)計(jì)計(jì)類網(wǎng)站站中，經(jīng)經(jīng)?？梢砸钥吹絻?yōu)優(yōu)秀網(wǎng)頁(yè)頁(yè)設(shè)計(jì)作作品展示示，這些些作品著著重體現(xiàn)現(xiàn)的是設(shè)設(shè)計(jì)的藝藝術(shù)性，，但對(duì)于于電子商商務(wù)網(wǎng)站站來(lái)說(shuō)，，藝術(shù)性性絕不是是第一位位的，易易用性、、經(jīng)濟(jì)性性、可維維護(hù)性才才是最終終的目標(biāo)標(biāo)。活動(dòng)小結(jié)結(jié)版式設(shè)計(jì)計(jì)的含義義網(wǎng)頁(yè)版式設(shè)計(jì)計(jì)是將文文字、圖圖形圖像像、色彩彩、動(dòng)畫畫、視頻頻等網(wǎng)頁(yè)頁(yè)界面的的傳達(dá)要要素，根根據(jù)特定定的內(nèi)容容和主題題，在網(wǎng)網(wǎng)頁(yè)所限限定的范范圍中，，運(yùn)用造造型元素素和形式式原理進(jìn)進(jìn)行視覺(jué)覺(jué)的關(guān)聯(lián)聯(lián)與配置置，從而而將設(shè)計(jì)計(jì)意圖以以視覺(jué)形形式表現(xiàn)現(xiàn)出來(lái)。。版式設(shè)設(shè)計(jì)是技技術(shù)和藝藝術(shù)的高高度統(tǒng)一一，在設(shè)設(shè)計(jì)時(shí)要要運(yùn)用統(tǒng)統(tǒng)一、對(duì)對(duì)比、對(duì)對(duì)稱、均均衡、節(jié)節(jié)奏、韻韻律等形形式原理理，構(gòu)造造出和諧諧、流暢暢、自然然的網(wǎng)頁(yè)頁(yè)界面。。分辨率與與網(wǎng)頁(yè)尺尺寸顯示器的的分辨率率，是指指在計(jì)算算機(jī)屏幕幕的水平平和垂直直方向上上，各含含有多少少像素，，如分辨辨率是800××600的屏幕，，在水平平方向上上有800個(gè)像素點(diǎn)點(diǎn)，而垂垂直方向向上有600個(gè)像素點(diǎn)點(diǎn)。顯示示器的分分辨率范范圍，取取決于顯顯示器和和顯卡的的性能，，常用的的屏幕分分辨率有有以下幾幾種：640××480、800××600、1024×768、1280×1024、1152×864。瀏覽者者使用什什么樣的的分辨率率瀏覽，，網(wǎng)頁(yè)設(shè)設(shè)計(jì)者是是不可能能知道的的，所以以在設(shè)計(jì)計(jì)的時(shí)候候必須考考慮分辨辨率的問(wèn)問(wèn)題。由由于瀏覽覽器本身身也會(huì)占占去不少少空間，，所以顯顯示在瀏瀏覽器窗窗口中的的網(wǎng)頁(yè)尺尺寸就更更小了。分辨率（像素×像素）網(wǎng)頁(yè)尺寸（像素×像素）640×480620×311800×600780×4281024×7681007×6001280×10241260×868分辨率與與網(wǎng)頁(yè)尺尺寸800××600分辨率下下的網(wǎng)頁(yè)頁(yè)顯示1024×768分辨率下下的網(wǎng)頁(yè)頁(yè)顯示分辨率越越高，網(wǎng)網(wǎng)頁(yè)尺寸寸越大。。另外，，瀏覽器器的工具具欄也是是影響網(wǎng)網(wǎng)頁(yè)尺寸寸的原因因，工具具欄全部部顯示和和工具欄欄全部關(guān)關(guān)閉的情情況下，，網(wǎng)頁(yè)的的尺寸是是不一樣樣的。分辨率與與網(wǎng)頁(yè)尺尺寸為了給網(wǎng)網(wǎng)頁(yè)增加加更多的的內(nèi)容，，必須采采用延長(zhǎng)長(zhǎng)網(wǎng)頁(yè)的的辦法，，瀏覽者者向下拖拖動(dòng)網(wǎng)頁(yè)頁(yè)，即可可瀏覽下下面的內(nèi)內(nèi)容。然然而過(guò)長(zhǎng)長(zhǎng)的網(wǎng)頁(yè)頁(yè)會(huì)導(dǎo)致致過(guò)多的的滾動(dòng)，，這會(huì)讓讓瀏覽者者眼花繚繚亂。因因此，如如果網(wǎng)頁(yè)頁(yè)長(zhǎng)度超超過(guò)三屏屏，應(yīng)該該在網(wǎng)頁(yè)頁(yè)中加入入書簽鏈鏈接，使使瀏覽者者能夠自自如地在在長(zhǎng)網(wǎng)頁(yè)頁(yè)中來(lái)回回跳轉(zhuǎn)。同時(shí)出現(xiàn)現(xiàn)縱向滾滾動(dòng)條和和橫向滾滾動(dòng)條的的網(wǎng)頁(yè)顯顯示通常瀏覽覽者習(xí)慣慣使用縱縱向滾動(dòng)動(dòng)條上下下拖動(dòng)網(wǎng)網(wǎng)頁(yè)，但但不能忍忍受使用用向滾動(dòng)動(dòng)條左右右拖動(dòng)網(wǎng)網(wǎng)頁(yè)，左圖所所示的同時(shí)時(shí)出現(xiàn)縱縱向和橫橫向滾動(dòng)動(dòng)條的情情況，是是應(yīng)該盡盡量避免免的。小貼士網(wǎng)頁(yè)布局局的一般般步驟1．構(gòu)思根據(jù)網(wǎng)站的內(nèi)內(nèi)容和整整體風(fēng)格格，設(shè)計(jì)計(jì)版面布布局。可可以參考考其他優(yōu)優(yōu)秀的網(wǎng)網(wǎng)站，調(diào)調(diào)用自己己的各種種知識(shí)儲(chǔ)儲(chǔ)備，特特別是藝藝術(shù)方面面的積累累，并在在大腦中中不斷地地醞釀、、碰撞，，往往不不經(jīng)意間間就有閃閃光的思思想出現(xiàn)現(xiàn)。這時(shí)時(shí)就要抓抓緊時(shí)間間把它變變成文字字的東西西，用筆筆在紙上上粗略地地勾畫出出布局的的輪廓，，不要講講究細(xì)節(jié)節(jié)，只要要有一個(gè)個(gè)輪廓就就行。當(dāng)當(dāng)然也可可能有多多種想法法，盡量量都把它它們畫出出來(lái)，然然后再進(jìn)進(jìn)行比較較，采用用一種比比較滿意意的方案案。網(wǎng)頁(yè)布局局的一般般步驟2．初步填填充內(nèi)容容在填充內(nèi)容容時(shí)，要要考慮到到瀏覽者者的瀏覽覽習(xí)慣，，通常把把最重要要的內(nèi)容容放在窗窗口的中中心位置置，次重重要的內(nèi)內(nèi)容放在在網(wǎng)頁(yè)頂頂部，最最不重要要的內(nèi)容容放在網(wǎng)網(wǎng)頁(yè)左邊邊。網(wǎng)站站的標(biāo)志志、廣告告條、菜菜單、導(dǎo)導(dǎo)航欄等等，是需需要重點(diǎn)點(diǎn)突出的的內(nèi)容，，應(yīng)該放放在最突突出、最最醒目的的位置，，然后再再考慮其其它元素素的放置置。此布局將將屏幕分為為5個(gè)區(qū)，從從1~5重要性依依次下降降：1區(qū)放置最最重要的的和最新新的信息息，如廣廣告；2區(qū)放置公公司標(biāo)志志和導(dǎo)航航欄；3區(qū)放置更更新的報(bào)報(bào)導(dǎo)；4區(qū)放置用用于閱讀讀的常規(guī)規(guī)內(nèi)容；；5區(qū)用于放放置用戶戶注冊(cè)和和其他鏈鏈接。網(wǎng)頁(yè)布局局的一般般步驟3．細(xì)化在將各主要要元素確確定好之之后，就就可以考考慮文字字、圖像像、表格格等網(wǎng)頁(yè)頁(yè)元素的的排版布布局了。?？梢韵认劝巡莅赴缸龀梢灰粋€(gè)簡(jiǎn)略略的網(wǎng)頁(yè)頁(yè)，當(dāng)然然對(duì)每一一種元素素所占的的比例也也要有一一個(gè)詳細(xì)細(xì)的數(shù)字字，以便便以后修修改。商務(wù)網(wǎng)站站的布局局原則商務(wù)網(wǎng)站在布布局上和和咨詢類類網(wǎng)站有有著很多多相似的的地方。。多采用用兩欄或或3欄的布局局。兩欄欄或三欄欄的布局局給人一一種開放放大氣的的感覺(jué)，，適用于于信息量量大的網(wǎng)網(wǎng)站。導(dǎo)導(dǎo)航多以以搜索為為主，橫橫排在頁(yè)頁(yè)面上部部，左側(cè)側(cè)為欄目目的內(nèi)容容區(qū)，右右側(cè)以產(chǎn)產(chǎn)品分類類為主，，可以運(yùn)運(yùn)用對(duì)比比和調(diào)和和，對(duì)稱稱與平衡衡，節(jié)奏奏與韻律律以及留留白等手手段。建建立整體體的均衡衡狀態(tài)，，產(chǎn)生和和諧的美美感。商務(wù)網(wǎng)站在配配色上多多以動(dòng)感感且有活活力的顏顏色為主主，如藍(lán)藍(lán)色，洋洋紅，橙橙色，和和黃色等等，并且且整體頁(yè)頁(yè)面的明明度較高高，由于于商務(wù)網(wǎng)網(wǎng)站的產(chǎn)產(chǎn)品圖片片比較多多，圖片片本身的的色彩就就十分豐豐富，所所以網(wǎng)站站的配色色應(yīng)當(dāng)盡盡量的簡(jiǎn)簡(jiǎn)單。商務(wù)網(wǎng)站站的布局局原則在構(gòu)思和設(shè)設(shè)計(jì)網(wǎng)站站布局的的過(guò)程中中，需要要要掌握握以下幾幾項(xiàng)原則則：（1）功能第第一，形形式第二二這里的功能也也可以指指內(nèi)容。。在制作作網(wǎng)站前前一定要要了解瀏瀏覽者來(lái)來(lái)到網(wǎng)站站的目的的，比如如上百度度是為了了搜索信信息，上上淘寶是是為了購(gòu)購(gòu)物，試試想如果果百度失失去了搜搜索功能能，淘寶寶失去了了購(gòu)物功功能，那那么這些些網(wǎng)站對(duì)對(duì)于瀏覽覽者還有有什么意意義呢？？可見(jiàn)功功能是第第一位的的，而布布局屬于于形式，，形式是是溝通瀏瀏覽者與與網(wǎng)站之之間的橋橋梁，通通過(guò)形式式的優(yōu)化化，讓瀏瀏覽者更更易于了了解并使使用網(wǎng)站站。（2）服務(wù)用用戶無(wú)論是門戶網(wǎng)網(wǎng)站、企企業(yè)網(wǎng)站站，還是是盈利性性、非盈盈利性的的網(wǎng)站，，直接目目的都是是服務(wù)用用戶，如如果沒(méi)有有瀏覽者者的訪問(wèn)問(wèn)和支持持，那么么網(wǎng)站就就失去了了意義，，可以說(shuō)說(shuō)瀏覽者者是網(wǎng)站站實(shí)現(xiàn)一一切目標(biāo)標(biāo)的核心心，有了了用戶才才有一切切。通過(guò)過(guò)在布局局上合理理優(yōu)化，，可以讓讓用戶很很清楚地地快速瀏瀏覽頁(yè)面面，找到到需要的的信息。。商務(wù)網(wǎng)站站的布局局原則在構(gòu)思和設(shè)設(shè)計(jì)網(wǎng)站站布局的的過(guò)程中中，需要要要掌握握以下幾幾項(xiàng)原則則：（3）層次清清晰、主主次分明明布局可以分為為兩種形形式，一一種是整整體的布布局，只只繪制出出頁(yè)面的的大結(jié)構(gòu)構(gòu)；一種種是局部部的布局局，包括括文字圖圖像之間間的排列列即排版版。整體體布局要要讓瀏覽覽者知道道哪些板板塊重要要，引導(dǎo)導(dǎo)瀏覽者者關(guān)注，，而局部部的排版版是要在在具體的的板塊中中實(shí)現(xiàn)內(nèi)內(nèi)容表述述的清晰晰、美觀觀。（4）突出特特點(diǎn)瀏覽者決定網(wǎng)網(wǎng)站的成成敗，擁?yè)碛械臑g瀏覽者越越多，網(wǎng)網(wǎng)站就越越成功。。如何在在數(shù)不清清的網(wǎng)站站中脫穎穎而出，，給瀏覽覽者留下下深刻印印象、讓讓瀏覽者者過(guò)目難難忘呢？？挖掘網(wǎng)網(wǎng)站特點(diǎn)點(diǎn)是一個(gè)個(gè)好的方方法，個(gè)個(gè)人網(wǎng)站站要突出出個(gè)性風(fēng)風(fēng)格；企企業(yè)網(wǎng)站站要體現(xiàn)現(xiàn)企業(yè)特特點(diǎn)和企企業(yè)理念念；商務(wù)務(wù)網(wǎng)站商商品內(nèi)容容要詳實(shí)實(shí)，瀏覽覽者的購(gòu)購(gòu)物操作作要安全全、方便便。表格布局局概述表格是常用的的網(wǎng)頁(yè)布布局工具具，它簡(jiǎn)簡(jiǎn)單實(shí)用用，易于于掌握，，使用表表格布局局對(duì)于初初學(xué)者來(lái)來(lái)說(shuō)是一一個(gè)很好好的方法法。使用用DreamweaverCS5的表格能能幫助親親輕松完完成網(wǎng)頁(yè)頁(yè)的布局局。在實(shí)實(shí)際應(yīng)用用中，通通常使用用表格來(lái)來(lái)進(jìn)行網(wǎng)網(wǎng)頁(yè)布局局，對(duì)網(wǎng)網(wǎng)頁(yè)元素素進(jìn)行精精確定位位。例如在制作商商品列表表頁(yè)面時(shí)時(shí)，如果果不用表表格而直直接將商商品圖像像插入網(wǎng)網(wǎng)頁(yè)中，，很難精精確控制制圖像的的位置，，商品的的文字描描述更是是難以和和相應(yīng)圖圖片對(duì)齊：表格布局局概述在此可以以使用一一個(gè)2行4列的表格格來(lái)對(duì)此此商品列列表頁(yè)面面進(jìn)行布布局，每每個(gè)單元元格內(nèi)嵌嵌套一個(gè)個(gè)1行2列的表格格分別放放置商品品圖像和和文字描描述，如如圖5-12所示，效效果會(huì)好好很多：使用表格格布局的的商品列列表表格布局局概述在DreamweaverCS5中，表格格分為兩兩種：原原始表格格和布局局表格。。原始表表格和布布局表格格在本質(zhì)質(zhì)上都是是網(wǎng)頁(yè)表表格，都都是由行行、列、、單元格格組成，，在DreamweaverCS5““代碼”視視圖中，，它們的的代碼也也都是一一樣的。。區(qū)別在在于它們們是DreamweaverCS５在設(shè)計(jì)表格格時(shí)所用用到的兩兩種不同同的模式式或方法法。原始表格格和布局局表格是是Dreamweaver處理表格格的兩種種模式，，即“標(biāo)標(biāo)準(zhǔn)模式式”和““布局模模式”，，二者之之間可以以隨意切切換。在在“標(biāo)準(zhǔn)準(zhǔn)模式””下為原原始表格格，一般般是通過(guò)過(guò)對(duì)話框框和屬性性面板對(duì)對(duì)表格的的尺寸、、對(duì)齊、、背景等等屬性進(jìn)進(jìn)行設(shè)置置；在““布局模模式”則則為布局局表格，，可以由由設(shè)計(jì)者者手工繪繪制表格格和單元元格，其其大小可可以手工工調(diào)整。。在布局局時(shí)使用用布局表表格更為為直觀和和簡(jiǎn)單。。小貼士表格布局的方方法1．使用布布局表格格布局打開“查看””菜單，，選擇““表格模模式”子子菜單中中的“布布局模式式”命令令，或者者按快捷捷鍵<Alt>+F6，可以切切換到布布局模式式。在“布局模模式”下下，設(shè)計(jì)計(jì)者可以以在頁(yè)面面中所見(jiàn)見(jiàn)即所地地手工繪繪制布局局表格和和布局單單元格，，從而直直觀地進(jìn)進(jìn)行網(wǎng)頁(yè)頁(yè)布局。。在插入入欄中選選擇“布布局”類類別，運(yùn)運(yùn)用“繪繪制布局局表格””和“繪繪制布局局單元格格”按鈕鈕可以繪繪制布局局表格和和布局單單元格。。表格布局的方方法通常要先繪制制一個(gè)布布局表格格，然后后在布局局表格中中繪制布布局單元元格，在在“設(shè)計(jì)計(jì)”視圖圖中，布布局表格格外框?yàn)闉榫G色，，而布局局單元格格外框?yàn)闉樗{(lán)色。如果不在布局局表格中中繪制布布局單元元格，DreamweaverCS5會(huì)自動(dòng)創(chuàng)創(chuàng)建一個(gè)個(gè)布局表表格以容容納該單單元格，，所以，，布局單單元格不不能獨(dú)立立存在于于布局表表格之外外。布局局表格和和布局單單元格具具有自動(dòng)動(dòng)吸附功功能，當(dāng)當(dāng)新繪制制的布局局表格或或布局單單元格距距離另一一個(gè)布局局表格或或布局單單元格的的邊界很很近時(shí)，，就會(huì)自自動(dòng)吸附附。如果果要取消消該功能能，可以以在繪制制時(shí)按住住Alt鍵。表格布局的方方法2．使用原原始表格格布局除使用布局局表格工工具進(jìn)行行布局外外，直接接插入原原始表格格同樣可可以進(jìn)行行網(wǎng)頁(yè)布布局。創(chuàng)創(chuàng)建表格格時(shí)須注注意除了了要設(shè)置置表格的的行數(shù)、、列數(shù)和和寬度以以外，還還需要將將“邊框框粗細(xì)””、“單單元格邊邊距”、、“單元元格間距距”都設(shè)設(shè)置為0，這樣創(chuàng)創(chuàng)建的表表格沒(méi)有有邊框和和間距，，也適合合用于網(wǎng)網(wǎng)頁(yè)布局。表格布局的方方法3．相臨表表格之間間的位置置關(guān)系不論表格的寬寬度是多多少，兩兩個(gè)相臨臨的表格格必然是是上下的的位置關(guān)關(guān)系，因因此，在在使用表表格布局局時(shí)，可可以根據(jù)據(jù)功能將將頁(yè)面劃劃分為若若干個(gè)區(qū)區(qū)塊，每每個(gè)區(qū)塊塊使用一一個(gè)表格格。如圖圖5-16所示為一一個(gè)上中中下結(jié)構(gòu)構(gòu)的布局局，可以以分別使使用三個(gè)個(gè)表格完完成header區(qū)、主體體區(qū)和頁(yè)頁(yè)腳區(qū)的的布局。表格布局的方方法４．設(shè)置布局局表格的的屬性這里主要是根根據(jù)實(shí)際際需要設(shè)設(shè)置表格格的行數(shù)數(shù)、列數(shù)數(shù)、寬度度、高度度，對(duì)齊齊方式、、背景等等屬性，，從而實(shí)實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)內(nèi)容的的布局。。特別是是表格以以及單元元格的寬寬度和高高度，它它們決定定了網(wǎng)頁(yè)頁(yè)布局內(nèi)內(nèi)容的尺尺寸。在向單元元格內(nèi)添添加內(nèi)容容時(shí)，比比如添加加一張圖圖片，如如果圖片片尺