項(xiàng)目六表格-布局一翔網(wǎng)店主頁-ppt課件

1、網(wǎng)頁設(shè)計(jì)與制造老虎任務(wù)室2021年12月工程六 表格規(guī)劃一翔網(wǎng)店主頁義務(wù)一 運(yùn)用表格規(guī)劃頁眉 義務(wù)二 運(yùn)用嵌套表格規(guī)劃主體頁面 義務(wù)三 運(yùn)用表格規(guī)劃頁腳 實(shí) 訓(xùn) 規(guī)劃“電腦商城網(wǎng)頁 表格是網(wǎng)頁排版的靈魂，是頁面規(guī)劃的重要方法，它可以將網(wǎng)頁中的文本、圖像等內(nèi)容有效地組合成符合設(shè)計(jì)效果的頁面。本工程以一翔網(wǎng)店主頁為例，引見運(yùn)用表格進(jìn)展網(wǎng)頁規(guī)劃的根本方法。在工程中，將運(yùn)用表格分別對(duì)頁眉、主體和頁腳進(jìn)展規(guī)劃。 義務(wù)一 運(yùn)用表格規(guī)劃頁眉 需求掌握的內(nèi)容主要有： 1、表格的概念 2、插入表格 3、選擇表格 4、設(shè)置表格屬性 5、設(shè)置單元格屬性 在網(wǎng)頁制造中，表格的作用主要表達(dá)在兩個(gè)方面，一個(gè)是組織數(shù)據(jù)，如

2、各種數(shù)據(jù)表，另一個(gè)是規(guī)劃網(wǎng)頁，即把網(wǎng)頁的各種元素經(jīng)過表格進(jìn)展有序規(guī)劃。 一個(gè)完好的表格包括行、列、單元格、單元格間距、單元格邊距填充、表格邊框和單元格邊框。表格邊框可以設(shè)置粗細(xì)和顏色等屬性，單元格邊框粗細(xì)不可設(shè)置。另外，表格的HTML標(biāo)簽是“，行的HTML標(biāo)簽是“，單元格的HTML標(biāo)簽是“。 一個(gè)包括n列表格的寬度2表格邊框n1單元格間距2n單元格邊距n單元格寬度+2n單元格邊框?qū)挾?個(gè)像素。掌握這個(gè)公式是非常有用的，在運(yùn)用表格規(guī)劃時(shí)，準(zhǔn)確地定位網(wǎng)頁就是經(jīng)過設(shè)置單元格的寬度或者高度來實(shí)現(xiàn)的。1、表格的概念 在主菜單中選擇【插入】【表格】命令，或在【插入】【常用】面板中單擊 表格按鈕翻開【表格】

3、對(duì)話框進(jìn)展設(shè)置插入即可。2、插入表格 選擇表格的方法如下： 1單擊表格左上角或者表格中任何一個(gè)單元格的邊框線。 2將光標(biāo)移至欲選擇的表格內(nèi)，單擊文檔窗口左下角對(duì)應(yīng)的“table標(biāo)簽。 3將光標(biāo)置于表格的邊框上，當(dāng)光標(biāo)呈上下箭頭外形時(shí)單擊鼠標(biāo)。 4將光標(biāo)置于表格內(nèi)，在主菜單中選擇【修正】【表格】【選擇表格】命令或在鼠標(biāo)右鍵快捷菜單中選擇【表格】【選擇表格】命令。3、選擇表格 選中表格，在【屬性】面板中將顯示表格的各項(xiàng)屬性，同時(shí)也可以修正這些屬性設(shè)置。4、設(shè)置表格屬性 將光標(biāo)置于單元格內(nèi)，在單元格【屬性】面板設(shè)置其屬性。5、設(shè)置單元格屬性義務(wù)二 運(yùn)用嵌套表格規(guī)劃主體頁面 一設(shè)置主體頁面規(guī)劃 二設(shè)置

4、左側(cè)頁面規(guī)劃 三設(shè)置右側(cè)頁面規(guī)劃 一設(shè)置主體頁面規(guī)劃 需求掌握的內(nèi)容主要有： 1、在表格外插入表格 2、設(shè)置單元格屬性 3、運(yùn)用表格制造細(xì)線的方法 1、在表格外插入表格 用鼠標(biāo)選中整個(gè)表格或者將光標(biāo)置于表格的最右側(cè)，然后選擇【插入】【表格】命令插入表格，即可在上一個(gè)表格的下面插入表格。 2、設(shè)置單元格屬性 將鼠標(biāo)光標(biāo)置于單元格內(nèi)，然后根據(jù)需求在【屬性】面板中設(shè)置單元格的程度、垂直對(duì)齊方式和單元格寬度等。 3、運(yùn)用表格制造細(xì)線的方法 將鼠標(biāo)光標(biāo)置于單元格內(nèi)，然后設(shè)置單元格寬度或高度為較小的數(shù)值，如“2，再設(shè)置背景顏色，如“#e4d9d9，并將單元格源代碼中的不換行空格符“刪除即可。 二設(shè)置左側(cè)頁

5、面規(guī)劃 需求掌握的內(nèi)容主要有： 1、插入嵌套表格 2、在表格中添加行或列 3、刪除表格的行或列 1、插入嵌套表格 所謂嵌套表格，就是在表格的單元格中再插入表格。 將光標(biāo)置于單元格內(nèi)，在主菜單中選擇【插入】/【表格】命令將在單元格中插入一個(gè)嵌套表格。 嵌套表格嵌套的層數(shù)不宜過多，以3-4層為宜。在運(yùn)用表格進(jìn)展網(wǎng)頁規(guī)劃時(shí)，最好不要將一切內(nèi)容放在一個(gè)表格中，由于在閱讀器端只需整個(gè)表格的內(nèi)容全部下載完后才顯示，內(nèi)容過多的表格必然導(dǎo)致用戶等待的時(shí)間太長(zhǎng)，而把內(nèi)容分散到多個(gè)表格必然處理這個(gè)問題。2、在表格中添加行或列 在表格中添加行或列的方法如下： 1在主菜單中選擇【修正】【表格】【插入行】或【插入列】命

6、令或在鼠標(biāo)右鍵快捷菜單中選擇【表格】【插入行】或【插入列】命令將在光標(biāo)所在行的上面插入一行或在列的左側(cè)插入一列。 2在主菜單中選擇【修正】【表格】【插入行或列】命令或在鼠標(biāo)右鍵快捷菜單中選擇【表格】【插入行或列】命令，可以經(jīng)過【插入行或列】對(duì)話框設(shè)置是插入行還是列及其行數(shù)和位置。 3在主菜單中選擇【插入】【表格對(duì)象】【在上面插入行】、【在下面插入行】、【在左邊插入列】、【在右邊插入列】命令插入行或列。 假設(shè)要?jiǎng)h除表格的行或列，可以先將光標(biāo)置于要?jiǎng)h除的行或列中，或者將要?jiǎng)h除的行或列選中，然后在主菜單中選擇【修正】/【表格】/【刪除行】或【刪除列】命令或在鼠標(biāo)右鍵快捷菜單項(xiàng)選擇擇【表格】/【刪除行

7、】或【刪除列】命令即可。其實(shí)，最簡(jiǎn)便的方法是選定要?jiǎng)h除的行或列，然后按下Delete鍵直接刪除。 假設(shè)要?jiǎng)h除表格的內(nèi)容而不想刪除表格，可以選擇一個(gè)或多個(gè)單元格，但不能選擇整行、整列或者整個(gè)表格。只需這樣，被選擇的行、列或者單元格中的內(nèi)容被刪除后，表格的構(gòu)造或?qū)傩圆挪粫?huì)發(fā)生變化。 3、刪除表格的行或列 需求掌握的內(nèi)容主要有： 1、選擇表格的行、列和單元格 2、合并單元格 3、拆分單元格 三設(shè)置右側(cè)頁面規(guī)劃 選擇表格的行、列的方法如下： 1當(dāng)鼠標(biāo)位于欲選擇行首或者列頂時(shí)，鼠標(biāo)變成黑色箭頭，這時(shí)單擊鼠標(biāo)左鍵，便可選擇行或者列。 2按住鼠標(biāo)左鍵從左至右或者從上至下拖曳，將欲選擇的行或列選擇。 3還有一

8、種方法可以選擇行，將光標(biāo)移到欲選擇的行中，然后單擊文檔窗口左下角的“標(biāo)簽，這種方法只能用來選擇行，而不能用來選擇列。1、選擇表格的行、列和單元格 選擇表格不相鄰的行、列的方法如下： 1按住Ctrl鍵，把鼠標(biāo)置于欲選擇的行首或者列頂，當(dāng)鼠標(biāo)變成黑色箭頭時(shí)，依次單擊鼠標(biāo)左鍵。 2按住Ctrl鍵，在已選擇的延續(xù)行或列中單擊想取消的行或列將其去除。 選擇相鄰單元格的方法如下。 1在開場(chǎng)的單元格中按住鼠標(biāo)左鍵并拖曳到最后的單元格。 2將光標(biāo)置于開場(chǎng)的單元格內(nèi)，按住Shift鍵不放，單擊最后的單元格。 選擇不相鄰的單元格的方法如下。 1按住Ctrl鍵，單擊欲選擇的單元格。 2在已選擇的延續(xù)單元格中按住Ct

9、rl鍵，單擊想取消選擇的單元格將其去除。 選擇單個(gè)單元格的方法如下。 1先將光標(biāo)置于單元格內(nèi)，按住Ctrl鍵，并單擊單元格。 2將光標(biāo)置于單元格內(nèi)，然后單擊文檔窗口左下角的“標(biāo)簽。 合并單元格是針對(duì)多個(gè)單元格而言的，而且這些單元格必需是延續(xù)的一個(gè)矩形。合并單元格首先需求選中這些單元格，然后執(zhí)行以下任一操作即可。 1單擊【屬性】面板中的 合并單元格按鈕。 2在主菜單中選擇【修正】/【表格】/【合并單元格】命令。 3在鼠標(biāo)右鍵快捷菜單中選擇【表格】/【合并單元格】命令。2、合并單元格 拆分單元格是針對(duì)單個(gè)單元格而言的，可看成是合并單元格的逆向操作。拆分單元格首先需求將光標(biāo)置于該單元格內(nèi)，然后執(zhí)行以

10、下任一操作。 1單擊【屬性】面板中的 拆分按鈕。 2在主菜單中選擇【修正】/【表格】/【拆分單元格】命令。 3在鼠標(biāo)右鍵快捷菜單中選擇【表格】/【拆分單元格】命令。3、拆分單元格 無論運(yùn)用哪種方法拆分單元格，最終都將彈出【拆分單元格】對(duì)話框。在【拆分單元格】對(duì)話框中，【把單元格拆分】選項(xiàng)后面有【行】和【列】?jī)蓚€(gè)選項(xiàng)，這闡明可以將單元格縱向拆分或者橫向拆分。義務(wù)三 運(yùn)用表格規(guī)劃頁腳 需求掌握的內(nèi)容主要有： 1、表格排序 2、表格式數(shù)據(jù)的導(dǎo)入或?qū)С?1、表格排序 表格還可以根據(jù)表格列中的數(shù)據(jù)來進(jìn)展排序，主要是針對(duì)具有數(shù)據(jù)的表格。方法是，首先選中表格，然后在主菜單中選擇【命令】/【排序表格】命令，翻

11、開【排序表格】對(duì)話框，進(jìn)展參數(shù)設(shè)置即可。2、表格式數(shù)據(jù)的導(dǎo)入或?qū)С?在Dreamweaver中，還可以將一些具有制表符、逗號(hào)、句號(hào)、分號(hào)或其他分隔符的曾經(jīng)格式化的表格數(shù)據(jù)導(dǎo)入到網(wǎng)頁文檔中，也可以將網(wǎng)頁中的表格導(dǎo)出為文本文件保管，這對(duì)于需求在網(wǎng)頁中放置大量格式化數(shù)據(jù)的情況提供了更加快捷、方便的方法。 方法是，在主菜單中選擇【文件】/【導(dǎo)入】/【Excel文檔】命令或【表格式數(shù)據(jù)】命令導(dǎo)入表格，選擇【文件】/【導(dǎo)出】/【表格】命令導(dǎo)出表格。 實(shí)訓(xùn) 規(guī)劃“電腦商城網(wǎng)頁 本工程主要引見了運(yùn)用表格規(guī)劃網(wǎng)頁的根本方法，本實(shí)訓(xùn)將讓讀者進(jìn)一步穩(wěn)定所學(xué)的根本知識(shí)。 要求：把素材文件復(fù)制到站點(diǎn)根文件夾下，然后根據(jù)操作提示運(yùn)用表格規(guī)劃的網(wǎng)頁。 制造“送孟浩然之廣陵網(wǎng)頁 工程小結(jié) 本工程引見了運(yùn)用表格對(duì)網(wǎng)頁進(jìn)展規(guī)劃的根本方法，詳細(xì)論述了插入表格、編輯表格、表格屬性設(shè)置、單元格屬性設(shè)置等根本內(nèi)容。熟練掌握表格的各種操作和屬性設(shè)置會(huì)給網(wǎng)頁