任務(wù)五布局技術(shù)表格(已修改)
2025-03-21 19:58 本頁面
【正文】 項(xiàng)目三 布局技術(shù) Dreamweaver CS3 項(xiàng)目教程 項(xiàng)目三 布局技術(shù) 任務(wù)五 布局技術(shù)之一 — 表格 ? 技能目標(biāo) ? 熟練運(yùn)用表格掌握頁面布局技術(shù)。 ? 能夠通過表格的定位使頁面的布局更加合理、美觀。 ? 知識目標(biāo) ?熟練掌握表格的添加與編輯。 ?掌握表格中操作行和列的方法。 ?掌握單元格的拆分與合并方法。 ?掌握在表格中輸入文字、圖像并定位的方法。 ?掌握嵌套表格的用法。 ?掌握切換視圖的操作方法。 ?掌握布局表格、單元格的繪制與屬性設(shè)置方法。 項(xiàng)目三 布局技術(shù) 任務(wù)五 布局技術(shù)之一 — 表格 使用表格搭建頁面 問題探究 — 認(rèn)識表格 知識拓展 — 布局模式和擴(kuò)展表格模式 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 —— 構(gòu)建任務(wù) 工作任務(wù) 利用表格搭建頁面時，應(yīng)先規(guī)劃好頁面中各元素的具體位置，通過表格將這些區(qū)域劃分出來，在單元格中插入元素后，再仔細(xì)調(diào)整各單元格的大小、位置，使頁面各個元素的所在位置與實(shí)際需要相符。通過該任務(wù)的實(shí)施，用戶能夠靈活利用表格的背景、框線等屬性設(shè)置，掌握使用表格準(zhǔn)確定位頁面元素的排版技術(shù)，創(chuàng)建布局更加合理、美觀的網(wǎng)頁效果。 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 —— 構(gòu)建任務(wù) 工作流程 1. 在站點(diǎn)中新建一個頁面并保存。 2. 在網(wǎng)頁中插入一張表格。 3. 合并單元格。 4. 為單元格設(shè)置背景色 5. 根據(jù)布局需要插入嵌套表格。 6. 在指定位置插入圖片和文字。 7. 根據(jù)頁面的布局調(diào)整圖片大小。 8. 為文字設(shè)置相關(guān)屬性。 9. 為表格內(nèi)文字建立超鏈接。 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 —— 構(gòu)建任務(wù) 網(wǎng)頁預(yù)覽效果 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 問題探究 傳統(tǒng)的網(wǎng)頁設(shè)計(jì)一般會根據(jù)用戶要求，考慮好主色調(diào)、圖片、字體、顏色后，再用 Photoshop等制圖軟件自由的畫出來，最后切成小圖，再通過表格的定位來排版這些元素，從而設(shè)計(jì)整個網(wǎng)頁頁面。一般表格邊框?qū)挾仍O(shè)為 0，有時設(shè)置了邊框反而會影響頁面的顯示效果。最好將表格的寬度設(shè)置為以像素為單位，這樣當(dāng)瀏覽器的窗口大小改變時，表格不會因此而改變，真正起到定位的作用。 項(xiàng)目三 布局技術(shù) 任務(wù)五 表格 問題探究 表格的組成元素 表格由邊框、行、列、單元格組成。整張表格的邊緣稱為邊框，水平方向的一組單元
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1