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