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