“表格布局”在網(wǎng)頁(yè)制作教學(xué)中的使用技巧
——中職計(jì)算機(jī)專業(yè)“網(wǎng)頁(yè)制作”課程綜合實(shí)訓(xùn)教學(xué)探索

王桂華

(山東省濟(jì)南商貿(mào)學(xué)校， 山東 濟(jì)南 250101)

隨著我國(guó)信息化建設(shè)飛速發(fā)展，計(jì)算機(jī)信息技術(shù)已經(jīng)進(jìn)入千家萬(wàn)戶、各行各業(yè)，計(jì)算機(jī)技術(shù)的應(yīng)用已經(jīng)滲透到我們生活、工作的方方面面，國(guó)家大力發(fā)展電子政務(wù)、無(wú)紙化辦公，電子商務(wù)普及，物流數(shù)據(jù)信息化，疫情期間的網(wǎng)絡(luò)在線辦公，等等。社會(huì)對(duì)中等計(jì)算機(jī)信息技術(shù)人才的需求缺口很大。中等職業(yè)學(xué)校是培養(yǎng)中等計(jì)算機(jī)信息技術(shù)人才的搖籃，在中職學(xué)校開(kāi)設(shè)計(jì)算機(jī)應(yīng)用專業(yè)十分必要。網(wǎng)頁(yè)制作課程是中職計(jì)算機(jī)專業(yè)核心課程，對(duì)中職計(jì)算機(jī)專業(yè)網(wǎng)頁(yè)制作課程教學(xué)的研究是十分必要的。下面談?wù)勛约壕W(wǎng)頁(yè)制作課程教學(xué)的體會(huì)和探索。

一、中職教育現(xiàn)狀以及學(xué)生現(xiàn)狀

中職階段的教育是我國(guó)目前教育階段的重要組成部分，重點(diǎn)培養(yǎng)中等職業(yè)技術(shù)人才，為社會(huì)以及高職院校輸送具有初步專業(yè)技能水平的人才，培養(yǎng)高素質(zhì)的勞動(dòng)者和建設(shè)者。中職階段的教育水平?jīng)Q定著我國(guó)勞動(dòng)者、建設(shè)者的素質(zhì)和水平，因此，國(guó)家大力發(fā)展職業(yè)教育。2013年國(guó)家對(duì)中等職業(yè)教育全部免學(xué)費(fèi)，可見(jiàn)國(guó)家對(duì)職業(yè)教育支持力度之大、辦好職業(yè)教育決心之大。國(guó)家扶持職業(yè)教育的政策很好。但職業(yè)教育被社會(huì)認(rèn)可的程度遠(yuǎn)遠(yuǎn)低于普通教育，而且辦職業(yè)教育是燒錢(qián)的：需要投入實(shí)訓(xùn)場(chǎng)地、需要消耗實(shí)訓(xùn)原材料。辦職業(yè)教育的“盈利”不像辦普通教育來(lái)得那么快，職業(yè)教育對(duì)社會(huì)的影響可能見(jiàn)效比較慢。因此，許多地方未給職業(yè)教育提供合理的辦學(xué)場(chǎng)所，把本來(lái)地理位置較好便于招生的校區(qū)賣(mài)掉或者轉(zhuǎn)給普教辦學(xué)，把職業(yè)教學(xué)區(qū)搬到比較偏遠(yuǎn)的地方，沒(méi)有合適的實(shí)訓(xùn)場(chǎng)所，沒(méi)有足夠的辦學(xué)資金和辦學(xué)政策，有的地方甚至強(qiáng)制縮減職業(yè)學(xué)校招生名額，導(dǎo)致一些區(qū)級(jí)職業(yè)教育學(xué)校解散轉(zhuǎn)行，職業(yè)學(xué)校的生存舉步維艱。盡管如此，職業(yè)教育教師仍應(yīng)不斷提升自己，努力探索新的教學(xué)方法，練好內(nèi)功，如此方可更好地適應(yīng)目前職業(yè)教育發(fā)展的需要。

由于家庭和自身等方面的原因，職業(yè)學(xué)校的學(xué)生普遍學(xué)習(xí)底子較薄弱，自主學(xué)習(xí)習(xí)慣不好、學(xué)習(xí)能力不夠強(qiáng)、學(xué)習(xí)積極性不夠高，綜合能力達(dá)不到應(yīng)有的要求。職業(yè)學(xué)校的學(xué)生，在以往的學(xué)習(xí)經(jīng)歷中，大多經(jīng)歷過(guò)多次的挫敗，他們不僅需重拾斗志，更加需要心靈的滋養(yǎng)和修復(fù)。因此，職業(yè)教育的教師不僅僅需要有教書(shū)能力，更加需要有育人的經(jīng)驗(yàn)和愛(ài)心。

職業(yè)教育階段的教學(xué)需要及時(shí)根據(jù)教學(xué)對(duì)象的特點(diǎn)進(jìn)行調(diào)整，不斷探索教育教學(xué)方法，以適合不同層次、不同特點(diǎn)的學(xué)生需求，應(yīng)該盡可能減少大篇幅理論講授，應(yīng)輕理論重技能。計(jì)算機(jī)專業(yè)課應(yīng)該更加重視技能培養(yǎng)，重視學(xué)習(xí)習(xí)慣的養(yǎng)成，重視育人的培養(yǎng)?？筛鶕?jù)學(xué)科特點(diǎn)，根據(jù)學(xué)生基礎(chǔ)不同采用分層次教學(xué)。有些技能課程，應(yīng)采用任務(wù)驅(qū)動(dòng)、項(xiàng)目教學(xué)等方法進(jìn)行。應(yīng)該克服化解中職生學(xué)習(xí)的難點(diǎn)，提升學(xué)生的學(xué)習(xí)熱情，鼓勵(lì)他們重拾學(xué)習(xí)的信心，激發(fā)他們的學(xué)習(xí)興趣，幫助他們重塑美好心靈，掌握一技之長(zhǎng)，把他們培養(yǎng)成祖國(guó)建設(shè)的合格技能型人才。

二、“網(wǎng)頁(yè)制作”課程綜合實(shí)訓(xùn)教學(xué)的必要性

“網(wǎng)頁(yè)制作”課程教學(xué)，我們選取的教材是楊杰、段欣主編的電子工業(yè)出版社出版的中等職業(yè)學(xué)校用書(shū)計(jì)算機(jī)課程改革實(shí)驗(yàn)教材系列《Dreamweaver CS6網(wǎng)頁(yè)制作》。教材共分6個(gè)模塊，即6個(gè)知識(shí)單元。

模塊1 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)，主要學(xué)習(xí)網(wǎng)頁(yè)結(jié)構(gòu)，HTML語(yǔ)言基礎(chǔ)。

模塊2 Dreamweaver CS6基本操作，主要學(xué)習(xí)站點(diǎn)創(chuàng)建與管理，文本以及多媒體元素在網(wǎng)頁(yè)中的使用，超鏈接的建立。

模塊4 Dreamweaver CS6網(wǎng)頁(yè)布局表三種方法，主要學(xué)習(xí)“表格布局”“框架布局”“CSS+Div布局網(wǎng)頁(yè)”三種布局網(wǎng)頁(yè)方法。

模塊4 Dreamweaver CS6高級(jí)應(yīng)用，學(xué)習(xí)模板的使用， Spry控件的應(yīng)用，行為的應(yīng)用。

模塊5 網(wǎng)站的測(cè)試與發(fā)布。學(xué)習(xí)表單的應(yīng)用，動(dòng)態(tài)網(wǎng)站的創(chuàng)建。

模塊6 Dreamweaver CS6綜合應(yīng)用。在這一單元里教材選用的3個(gè)綜合網(wǎng)站：一個(gè)是CSS+Div布局，一個(gè)是表格布局，另外一個(gè)是動(dòng)態(tài)網(wǎng)站設(shè)計(jì)。這三個(gè)案例都普遍較難，不太適合目前中職計(jì)算機(jī)專業(yè)學(xué)生初期綜合訓(xùn)練需要。

中職階段的學(xué)生動(dòng)態(tài)網(wǎng)站建設(shè)相對(duì)較難。對(duì)2014級(jí)以前的學(xué)生，我們還要講動(dòng)態(tài)網(wǎng)站設(shè)計(jì)、數(shù)據(jù)庫(kù)的連接等。那時(shí)候的學(xué)生，有部分還可以接受，能實(shí)現(xiàn)簡(jiǎn)單的互動(dòng)。近幾年的職業(yè)學(xué)校生源文化基礎(chǔ)大幅降低，學(xué)校機(jī)房硬盤(pán)大部分做了硬盤(pán)保護(hù)，對(duì)于運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)很不方便。因此，對(duì)2015級(jí)以后的學(xué)生，我們就不在課堂上講授動(dòng)態(tài)網(wǎng)站建設(shè)(只用微課視頻播放一下簡(jiǎn)單動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)例，對(duì)部分有興趣的同學(xué)可以在社團(tuán)、興趣小組等第二課堂進(jìn)行講解訓(xùn)練)，只講授靜態(tài)表單的設(shè)計(jì)。

濟(jì)南市教育教學(xué)研究院連續(xù)六七年進(jìn)行市級(jí)專業(yè)技能抽測(cè)，都在每年的5月中旬進(jìn)行，抽測(cè)的題目根據(jù)市級(jí)統(tǒng)一要求，由各個(gè)職業(yè)學(xué)校任課教師出題，然后組成題庫(kù)。一般是每個(gè)學(xué)科5～10套題目組成題庫(kù)。為了迎接市級(jí)專業(yè)抽測(cè)，一般我們每年4月初就結(jié)束新課學(xué)習(xí)，開(kāi)始綜合實(shí)訓(xùn)。在本課程前幾個(gè)模塊的學(xué)習(xí)中，學(xué)習(xí)的均是零碎的網(wǎng)頁(yè)制作基本操作。學(xué)完之后，學(xué)生并不能獨(dú)立完成一個(gè)小型綜合網(wǎng)站的設(shè)計(jì)與制作，學(xué)生綜合運(yùn)用知識(shí)的能力仍然不夠。從網(wǎng)頁(yè)制作知識(shí)性學(xué)習(xí)到設(shè)計(jì)一個(gè)綜合的網(wǎng)站，是一個(gè)知識(shí)躍遷過(guò)程，這個(gè)過(guò)程的實(shí)現(xiàn)需要通過(guò)大量的綜合網(wǎng)站設(shè)計(jì)模擬實(shí)訓(xùn)來(lái)完成，在多次網(wǎng)站設(shè)計(jì)綜合實(shí)訓(xùn)中摸索、探究、學(xué)習(xí)，學(xué)生才能慢慢掌握綜合網(wǎng)站的設(shè)計(jì)方法與技巧。因此，網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)課是中職計(jì)算機(jī)專業(yè)學(xué)生必須進(jìn)行的模擬綜合實(shí)訓(xùn)過(guò)程，是學(xué)生將知識(shí)轉(zhuǎn)化為能力的重要過(guò)程。為了提高學(xué)生網(wǎng)站設(shè)計(jì)與制作的綜合實(shí)踐能力，同時(shí)又為了迎接市級(jí)專業(yè)技能抽測(cè)，我們近幾年的網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)教學(xué)內(nèi)容就選擇了市級(jí)專業(yè)技能抽測(cè)題庫(kù)內(nèi)容。市級(jí)抽測(cè)模擬練習(xí)題庫(kù)的題目，都是職業(yè)學(xué)校教學(xué)一線網(wǎng)頁(yè)制作教師編寫(xiě)的，難易程度最符合目前中職生學(xué)習(xí)的實(shí)際情況。這樣在綜合網(wǎng)站模擬實(shí)訓(xùn)過(guò)程中，既圓滿完成了市級(jí)專業(yè)抽測(cè)訓(xùn)練任務(wù)，又提升了學(xué)生的綜合網(wǎng)站設(shè)計(jì)能力，一舉兩得。

三、“網(wǎng)頁(yè)制作”課程綜合實(shí)訓(xùn)教學(xué)方法

在網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)內(nèi)容教學(xué)中，可以應(yīng)用多種教學(xué)手段，多種教學(xué)流程。

(一)每一個(gè)綜合實(shí)訓(xùn)案例，教師要反復(fù)做很多遍，然后總結(jié)出步驟方法，做出學(xué)案，主要技術(shù)難點(diǎn)抓圖放在學(xué)案中，便于學(xué)生學(xué)習(xí)。重要環(huán)節(jié)，要做出微課操作視頻。在課前通過(guò)班級(jí)QQ群，把學(xué)案、微視頻下發(fā)給學(xué)生預(yù)習(xí)參考。

(二)第一次課，教師先展示作品成果，讓學(xué)生有個(gè)直觀印象。然后分析怎么運(yùn)用現(xiàn)有的知識(shí)完成這個(gè)作品。然后教師講解、讓一個(gè)學(xué)生上臺(tái)同步演示，下邊同學(xué)一起做，完成作品。教師每講解一個(gè)知識(shí)單元，放手讓學(xué)生自己練習(xí)、討論、互幫互助學(xué)習(xí)。

(三)第二次課，將上節(jié)課案例成品網(wǎng)站在教師機(jī)展示，教師直接給學(xué)生發(fā)素材，教師答疑，讓學(xué)生互助學(xué)習(xí)，把上節(jié)課完成的網(wǎng)站，自己獨(dú)立完成或者和同學(xué)一起互助完成網(wǎng)站的設(shè)計(jì)。

(四)大部分網(wǎng)站作品，一般一周兩次課，一次教師領(lǐng)著完成，一次學(xué)生自己獨(dú)立完成，這個(gè)網(wǎng)站的設(shè)計(jì)就比較熟練了。個(gè)別比較復(fù)雜的網(wǎng)站，也可以分三次完成，加強(qiáng)難點(diǎn)地方訓(xùn)練，便于學(xué)生掌握。

四、“表格布局”在“網(wǎng)頁(yè)制作”課程綜合實(shí)踐教學(xué)中的地位

在制作網(wǎng)頁(yè)過(guò)程中，如何布局網(wǎng)站頁(yè)面，讓網(wǎng)頁(yè)更加規(guī)范、統(tǒng)一、美觀，吸引更多瀏覽者，是網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)制作成敗的關(guān)鍵。

網(wǎng)頁(yè)布局最常用的方法有三種：表格布局、框架布局、Div+CSS布局。在實(shí)際的網(wǎng)頁(yè)制作中，常常是多種方法綜合應(yīng)用。在網(wǎng)站開(kāi)發(fā)中，有很多網(wǎng)站設(shè)計(jì)會(huì)用到模板方式統(tǒng)一整個(gè)網(wǎng)站的風(fēng)格。在模板設(shè)計(jì)中，也經(jīng)常使用表格布局頁(yè)面。表格在“網(wǎng)頁(yè)制作”中所起的作用是對(duì)網(wǎng)頁(yè)元素精確定位，合理布局頁(yè)面。即便是應(yīng)用框架布局、Div+CSS布局，也經(jīng)常用到表格布局定位網(wǎng)頁(yè)元素。因此，“表格布局”是最常用、最靈活、最簡(jiǎn)單、最方便的網(wǎng)頁(yè)布局方法，是中職階段計(jì)算機(jī)專業(yè)學(xué)生制作網(wǎng)頁(yè)最方便實(shí)用的方法。

五、“表格布局”在網(wǎng)頁(yè)制作綜合實(shí)踐教學(xué)中的使用技巧

在網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)教學(xué)過(guò)程中，筆者摸索出一些網(wǎng)頁(yè)布局的使用技巧。以2019年濟(jì)南市級(jí)中職計(jì)算機(jī)專業(yè)網(wǎng)頁(yè)制作抽測(cè)題庫(kù)“第一套題” 處理技巧為例，現(xiàn)分享如下：

題庫(kù)提供了4個(gè)圖片素材index_01、index_02、index_03、index_04和一些文本素材，提供了index.html、jieshao.html、liuyan.html三個(gè)網(wǎng)頁(yè)的效果圖，要求創(chuàng)建index.html、jieshao.html、liuyan.html三個(gè)網(wǎng)頁(yè)。

這三個(gè)網(wǎng)頁(yè)都有很多共同元素，用模板的方法制作網(wǎng)頁(yè)顯然最恰當(dāng)。

(一)創(chuàng)建首頁(yè)index.html

先按題目要求創(chuàng)建站點(diǎn)，新建空白首頁(yè)index.html。然后編輯首頁(yè)。

每個(gè)網(wǎng)頁(yè)頁(yè)面的設(shè)計(jì)思路都可能有多種方法。筆者采用了“表格布局”方法布局index.html網(wǎng)頁(yè)。該網(wǎng)頁(yè)共需要四個(gè)外層表格ta1、 ta2、 ta3、 ta4，這4個(gè)表格寬度都是1000像素。該網(wǎng)頁(yè)用多層表格嵌套方法來(lái)完成。

1.表格ta1和表格ta2創(chuàng)建與編輯

第一個(gè)表格ta1、第二個(gè)表格ta2,都是單層表格，結(jié)構(gòu)完全一樣：1行1列寬1000px，邊框粗細(xì)0、單元格邊距0、單元格間距0(如果一個(gè)網(wǎng)頁(yè)中用到兩個(gè)以上的表格，為了便于管理表格，一般要求給每個(gè)表格起一個(gè)合法的名稱)。

ta1表格插入素材第一個(gè)圖片index_01，ta2表格插入第二個(gè)圖片index_02。

最復(fù)雜的是第三個(gè)表格ta3，ta3如何設(shè)計(jì)是關(guān)鍵，是難點(diǎn)。

2.表格ta3創(chuàng)建與編輯

在表格ta2后面插入表格ta3，ta3表格結(jié)構(gòu)是：2行4列寬1000px，邊框粗細(xì)0、單元格邊距0、單元格間距0 。

首先完成表格ta3第1行編輯：

完成最后一列：第4列，第一單元格拆分為兩行，第1行輸入文本“快速導(dǎo)航”，第2行插入圖像index_03，把最后一列列寬度改為圖像index_03寬度。

第3列，第1行單元格拆分為2行，第1行輸入文本“more>>”。

第2列，第1行單元格拆分為2行，第1行輸入文本“最新新聞”。

第2列第3列的第2行合并，在合并的這個(gè)單元格里，插入一個(gè)嵌套表格ta3-1，表格結(jié)構(gòu)是：7行1列寬100%，邊框粗細(xì)0、單元格邊距0、單元格間距0。

然后按照index.html效果圖，每行輸入文本素材中相應(yīng)的文本，并把行寬度做適當(dāng)調(diào)整，就完成了嵌套表格ta3-1的編輯。

最復(fù)雜的是表格ta3第1列，寬度不好確定，所以最后完成第1列。

先把第1列第一個(gè)單元格，插入一個(gè)嵌套表格ta3-2，表格結(jié)構(gòu)是：2行1列寬100%，邊框粗細(xì)0、單元格邊距0、單元格間距0 。

第2行插入素材中index_04照片。

第1行是關(guān)鍵：先插入表單“紅色虛線框”，然后表單里再插入嵌套表格ta3-2-1，表格結(jié)構(gòu)是：4行2列寬80%，邊框粗細(xì)1、單元格邊距0、單元格間距0 。

注意這個(gè)表格(最復(fù)雜)處理技巧如下：

(1)這個(gè)表格的表格線是實(shí)線，所以邊框粗細(xì)是“1”。

(2)嵌套表格的寬度一般是100%，但是根據(jù)實(shí)際需要也可以是小于100%，因?yàn)樾Ч麍D上表單內(nèi)容比邊框往里縮進(jìn)一塊，所以這里ta3-2-1嵌套表格寬度可以是75%～80%。

(3)效果圖中ta3-2-1表格的表格線不是黑色，是比背景顏色灰色亮一點(diǎn)的顏色，需要修改表格線顏色，處理方法如下：先選中最外層表格ta3第一行，添加背景顏色，記得用吸管吸第3列第2行圖片index_03的背景顏色，這樣使得網(wǎng)頁(yè)顏色很融合。然后選中最里層嵌套表格ta3-2-1的所有單元格，打開(kāi)CSS面板，創(chuàng)建樣式。

樣式類型選擇“復(fù)合內(nèi)容(基于選擇內(nèi)容)”，樣式名字默認(rèn)，然后“確定”，選擇“分類”選項(xiàng)卡中的“邊框”，然后按下面要求設(shè)置參數(shù)：

線型soli—實(shí)線，線粗細(xì) Width—1，線的顏色Color—#999深灰色。

結(jié)論：表格線的顏色編輯，用創(chuàng)建“復(fù)合內(nèi)容(基于選擇內(nèi)容)樣式”方法可以實(shí)現(xiàn)。

將表單里的ta3-2-1表格按照index.html效果圖內(nèi)容以及素材文本輸入相應(yīng)文本以及表單元素等內(nèi)容，最終實(shí)現(xiàn)表格ta3所有編輯。

3．表格ta4創(chuàng)建與編輯

在表格ta3后邊插入表格ta4，表格ta4結(jié)構(gòu)是：1行1列寬1000px，邊框粗細(xì)0、單元格邊距0、單元格間距0。

先添加黑色背景，再輸入index.html效果圖中所示文本，修改文本顏色為白色，就完成了ta4表格的編輯，從而完成了首頁(yè) index.html所有設(shè)計(jì)。

(二)根據(jù)首頁(yè)index.html創(chuàng)建模板moban.dwt

1.將首頁(yè)index.html另存為模板moban.dwt。

2.ta3第1列修改：將ta3 表格的第1列的嵌套表格ta3-2的第2行拆分為3行1列。第3行：將原來(lái)第2行的圖片index_04剪切放在第3行。第2行：將ta3的第4列第2行圖片index_03剪切過(guò)來(lái)。第1行：將ta3的第4列第1行文本“快速導(dǎo)航”剪切過(guò)來(lái)。

3.將表格ta3的第1行第2列、第3列內(nèi)容“最新新聞”“more>>”刪除掉，然后將下一行嵌套表格ta3-1刪除掉。選中ta3第1行第2、3、4列所有單元格合并，然后在這個(gè)合并的單元格插入可編輯區(qū)域bianjiqu。至此，模板的編輯完成，保存模板。

(三)根據(jù)模板創(chuàng)建網(wǎng)頁(yè)jieshao.html

用模板新建網(wǎng)頁(yè)，保存為jieshao.html，在可編輯區(qū)bianjiqu里插入嵌套表格ta3-3，表格結(jié)構(gòu)是：1行1列寬100%，邊框粗細(xì)0、單元格邊距0、單元格間距0。

在ta3-3表格中按照jieshao.html效果圖，導(dǎo)入素材中相應(yīng)文本，用CSS樣式調(diào)整行距、字體、字號(hào)，完成網(wǎng)頁(yè)jieshao.html所有編輯。

(四)根據(jù)模板創(chuàng)建網(wǎng)頁(yè)liuyan.html

用模板新建網(wǎng)頁(yè)，保存為liuyan.html。

在可編輯區(qū)bianjiqu里插入表單，然后在表單里插入嵌套表格ta3-4，表格結(jié)構(gòu)是：7行2列寬100%，邊框粗細(xì)1、單元格邊距0、單元格間距0。

注意：這個(gè)表格邊框線粗細(xì)是1，是瀏覽時(shí)顯示邊框線的。這個(gè)表格需要參考上面的方法用CSS樣式改變表格線顏色。

根據(jù)liuyuan.html效果圖，在表格ta3-4中輸入素材中相應(yīng)文本，插入相應(yīng)表單元素，調(diào)整行高，完成網(wǎng)頁(yè)liuyan.html所有編輯。

根據(jù)題目要求，在模板里完成相應(yīng)超鏈接，保存更新。完成index.html、jieshao.html、liuyan.html全部編輯與制作。

六、綜述

表格布局網(wǎng)頁(yè)，總結(jié)如下規(guī)律：

(一)表格布局網(wǎng)頁(yè)一般是一個(gè)頁(yè)面用多個(gè)小表格布局(極少用一個(gè)大的表格布局整個(gè)頁(yè)面，瀏覽時(shí)下載速度慢)。有時(shí)用單層表格，有時(shí)用嵌套表格，有時(shí)嵌套兩層，有時(shí)嵌套多層。至于是否需要嵌套、嵌套多少層，要根據(jù)網(wǎng)頁(yè)布局的實(shí)際需要來(lái)決定。

(二)只要網(wǎng)頁(yè)中出現(xiàn)一個(gè)以上的表格，每個(gè)表格必須起名字(英文、數(shù)字或者英文數(shù)字組合)。

(三)嵌套表格寬度一般是100%，是由外層表格的寬度決定的，有時(shí)候根據(jù)實(shí)際需要，嵌套表格的寬度也可以是小于100%或者是固定尺寸。

(四)表格線粗細(xì)一般是0，瀏覽時(shí)不顯示表格線，表格在網(wǎng)站中起到布局定位作用。有時(shí)根據(jù)需要會(huì)顯示表格線，表格線的粗細(xì)可以設(shè)為1px。

(五)表格線顏色一般不需要修改。有時(shí)候需要修改表格線的顏色，可以通過(guò)給表格添加CSS樣式來(lái)實(shí)現(xiàn)。

(六)表格的布局順序一般是從簡(jiǎn)單到復(fù)雜，先完成簡(jiǎn)單的、尺寸比較固定的，再完成復(fù)雜的、尺寸不好確定的。

(七)有時(shí)單元格的背景圖像，也需要?jiǎng)?chuàng)建CSS樣式來(lái)實(shí)現(xiàn)。

上文所述網(wǎng)頁(yè)布局中的使用技巧，在教材中沒(méi)有涉及，是筆者在多年的網(wǎng)頁(yè)制作教學(xué)實(shí)踐中摸索、領(lǐng)悟出來(lái)的。這些實(shí)用網(wǎng)頁(yè)布局技巧，初學(xué)網(wǎng)頁(yè)制作的中職計(jì)算機(jī)專業(yè)學(xué)生以及新入職網(wǎng)頁(yè)制作教學(xué)的教師短時(shí)間內(nèi)摸索出來(lái)有一定難度。因此，筆者把自己多年來(lái)對(duì)“網(wǎng)頁(yè)制作”綜合實(shí)訓(xùn)教學(xué)的探索作了總結(jié)。這對(duì)于完善計(jì)算機(jī)教學(xué)來(lái)說(shuō)有一定意義。