任務(wù)五 布局技術(shù)表格-全文預(yù)覽
【正文】 格和單元格，使得繁瑣的頁面布局變得輕松自如。 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 問題探究 需要注意的是： ? 表格可以無限制的多層嵌套，但嵌套層數(shù)越多瀏覽器解析的速度就越慢，訪問者等待時(shí)間就越久，通常情況下，表格嵌套深度不超過三層。 圖 37 表格行（列）屬性面板 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 問題探究 4. 編輯調(diào)整表格 在插入表格時(shí)，如果對(duì)表格的行數(shù)、列數(shù)和樣式?jīng)]有確切的預(yù)計(jì)，可以根據(jù)需要對(duì)表格進(jìn)行編輯。 圖 36 單元格屬性面板 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 問題探究 3. 設(shè)置行、列屬性 除對(duì)表格進(jìn)行整體設(shè)置外，還可分別對(duì)表格的某行（某幾行）或某列（或某幾列）進(jìn)行設(shè)置。如圖 34所示。 ? 選擇“插入記錄 /表格”命令， 或在“插入”欄的“常用”類別 中單擊“表格”按鈕，彈出如 圖 32所示的“表格”對(duì)話框。如圖 31所示。一般表格邊框?qū)挾仍O(shè)為 0，有時(shí)設(shè)置了邊框反而會(huì)影響頁面的顯示效果。 7. 根據(jù)頁面的布局調(diào)整圖片大小。 2. 在網(wǎng)頁中插入一張表格。 ?掌握布局表格、單元格的繪制與屬性設(shè)置方法。 ?掌握單元格的拆分與合并方法。項(xiàng)目三 布局技術(shù) Dreamweaver CS3 項(xiàng)目教程 項(xiàng)目三 布局技術(shù) 任務(wù)五 布局技術(shù)之一 — 表格 ? 技能目標(biāo) ? 熟練運(yùn)用表格掌握頁面布局技術(shù)。 ?掌握表格中操作行和列的方法。 ?掌握切換視圖的操作方法。 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 —— 構(gòu)建任務(wù) 工作流程 1. 在站點(diǎn)中新建一個(gè)頁面并保存。 6. 在指定位置插入圖片和文字。 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 —— 構(gòu)建任務(wù) 網(wǎng)頁預(yù)覽效果 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 問題探究 傳統(tǒng)的網(wǎng)頁設(shè)計(jì)一般會(huì)根據(jù)用戶要求，考慮好主色調(diào)、圖片、字體、顏色后，再用 Photoshop等制圖軟件自由的畫出來，最后切成小圖，再通過表格的定位來排版這些元素，從而設(shè)計(jì)整個(gè)網(wǎng)頁頁面。整張表格的邊緣稱為邊框，水平方向的一組單元格稱為行，垂直方向的一組單元格稱為列，行列交叉部分就稱為單元格，單元格中的內(nèi)容和邊框之間的距離稱為邊距，單元格和單元格之間的距離稱為間距。 若文檔是空白的，則插入點(diǎn)自動(dòng)置于文檔的起始處。
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1