公開(kāi)課 網(wǎng)頁(yè)制作之表格布局頁(yè)面

網(wǎng)頁(yè)制作之表格布局頁(yè)面計(jì)算機(jī)部方輝復(fù)習(xí)舊課Web站點(diǎn)和網(wǎng)頁(yè)復(fù)習(xí)舊課問(wèn)題：如何建立站點(diǎn)？操作練習(xí)導(dǎo)入新課1．掌握表格的創(chuàng)建方法和表格的屬性設(shè)置。2．學(xué)會(huì)使用表格布局頁(yè)面的方法和技巧。教學(xué)目標(biāo)教學(xué)提綱1．表格布局

掌握表格的創(chuàng)建方法和表格的屬性設(shè)置。2．項(xiàng)目任務(wù)

學(xué)會(huì)使用表格布局頁(yè)面的方法和技巧。邊學(xué)邊練：在游泳中學(xué)會(huì)游泳！講授新課一、表格布局為了使網(wǎng)頁(yè)更加美觀大方，在制作網(wǎng)頁(yè)時(shí)，需要先對(duì)網(wǎng)頁(yè)的輪廓進(jìn)行規(guī)劃，將文字、圖片等網(wǎng)頁(yè)元素進(jìn)行精確定位，這就需要用到網(wǎng)頁(yè)的布局。表格布局是目前最常見(jiàn)的網(wǎng)頁(yè)布局方式之一，它靈活方便、簡(jiǎn)單易學(xué)。熟練地使用表格布局是網(wǎng)頁(yè)制作的基本要求。1．表格的組成2．創(chuàng)建表格（1）創(chuàng)建表格（2）創(chuàng)建嵌套表格創(chuàng)建嵌套表格就是在已有表格的某單元格中插入新的表格。使用表格的嵌套可以使大量的網(wǎng)頁(yè)元素進(jìn)行復(fù)雜的定位，從而整齊地展示在瀏覽者面前，在新浪、網(wǎng)易等綜合性網(wǎng)站中都被普遍使用。3．選擇表格元素要在表格中進(jìn)行操作，首先需要選擇表格元素，即選擇整個(gè)表格、行、列和單元格。（1）選擇整個(gè)表格（2）選擇行（3）選擇列（4）選擇單元格4．設(shè)置表格屬性

（1）設(shè)置表格的屬性

（2）設(shè)置單元格的屬性5．表格的基本操作（1）調(diào)整表格的大?。?）調(diào)整行高和列寬（3）插入行或列（4）刪除行或列（5）合并和拆分單元格6．常見(jiàn)頁(yè)面布局

網(wǎng)頁(yè)導(dǎo)航（分類菜單）網(wǎng)頁(yè)導(dǎo)航（分類標(biāo)題）網(wǎng)頁(yè)內(nèi)容網(wǎng)頁(yè)導(dǎo)航（分類標(biāo)題）網(wǎng)頁(yè)版權(quán)信息操作練習(xí)二、項(xiàng)目任務(wù)：時(shí)尚雜志網(wǎng)頁(yè)1．網(wǎng)頁(yè)效果2．項(xiàng)目素材3．操作流程（1）、建立文件夾（2）、建立站點(diǎn)（3）、分析網(wǎng)頁(yè)效果圖：素材位置、素材類型、頁(yè)面大小、網(wǎng)頁(yè)標(biāo)題（4）、記錄素材大小，如圖像大小尺寸（5）、計(jì)算圖像大小進(jìn)行拼圖設(shè)計(jì)表格（6）、表格嵌套技巧：由外而內(nèi)，越簡(jiǎn)單越好，根據(jù)圖片大小設(shè)置單元格寬和高。邊設(shè)置單元格大小邊插入圖片，邊插入圖片邊嵌套插入新的表格。（7）、初始表格插入，行列數(shù)越小越好，表格寬度輸入最大圖片寬度800，邊框粗細(xì)0，單元格邊距0，單元格間距0。對(duì)齊方式為居中對(duì)齊。3．操作流程（8）、后續(xù)表格插入與初始表格插入類似，表格寬度可以不設(shè)，也可以輸入與其相關(guān)的最大圖片寬度。（9）、可以邊預(yù)覽邊修改。修改的重點(diǎn)在于圖片大小與單元格大小、圖片數(shù)量與表格行列設(shè)置。（10）、不要期待一次成功，要反復(fù)多試。熟能生巧，學(xué)習(xí)的不是知識(shí)，而是要練習(xí)出能力。（11）、保存預(yù)覽?！拔募薄霸跒g覽器中預(yù)覽”4．實(shí)際操作（1）、建立文件夾（2）、建立站點(diǎn)（3）、分析網(wǎng)頁(yè)效果圖：素材位置、素材類型、頁(yè)面大小、網(wǎng)頁(yè)標(biāo)題（4）、記錄素材大小，如圖像大小尺寸（5）、計(jì)算圖像大小進(jìn)行拼圖設(shè)計(jì)表格（6）、表格嵌套技巧：由外而內(nèi)，越簡(jiǎn)單越好，根據(jù)圖片大小設(shè)置單元格寬和高。邊設(shè)置單元格大小邊插入圖片，邊插入圖片邊嵌套插入新的表格。（7）、初始表格插入，行列數(shù)越小越好，表格寬度輸入最大圖片寬度800，邊框粗細(xì)0，單元格邊距0，單元格間距0。對(duì)齊方式為居中對(duì)齊。（8）、后續(xù)表格插入與初始表格插入類似，表格寬度可以不設(shè)，也可以輸入與其相關(guān)的最大圖片寬度。（9）、可以邊預(yù)覽邊修改。修改的重點(diǎn)在于圖片大小與單元格大小、圖片數(shù)量與表格行列設(shè)置。（10）、不要期待一次成功，要反復(fù)多試。熟能生巧，學(xué)習(xí)的不是知識(shí)，而是要練習(xí)出能力。（11）、保存預(yù)覽。“文件”→“在瀏覽器中預(yù)覽”操作練習(xí)鞏固復(fù)習(xí)操作關(guān)鍵1、網(wǎng)頁(yè)效果及素材分析素材位置、素材類型、頁(yè)面大小、網(wǎng)頁(yè)標(biāo)題、素材大小（如圖像大小尺寸）2、表格嵌套技巧由外而內(nèi)，越簡(jiǎn)單越好，根據(jù)圖片大小設(shè)置單元格寬和高。邊設(shè)置單元格大小邊插入圖片，邊插入圖片邊嵌套插入新的表格。

初始表格插入，行列數(shù)越小越好，表格寬度輸入最大圖片寬度800，邊框粗細(xì)0，單元格邊距0，單元格間距0。對(duì)齊方式為居中對(duì)齊。后續(xù)表格插入與初始表格插入類似，表格寬度可以不設(shè)，也可以輸入與其相關(guān)的最大圖片寬度。3、修改技巧可以邊預(yù)覽邊修改。修改的重點(diǎn)在于圖片大小與單元