第2單元利用表格制作網(wǎng)頁

1、青春是什么？第第2 2單元單元 利用利用表格制作網(wǎng)頁表格制作網(wǎng)頁學學習習目目標標1、知識與技能：、知識與技能：設(shè)計構(gòu)思網(wǎng)頁的整體布局，按布局在網(wǎng)頁中插入表格，并能在表格單元格中，添加合適的內(nèi)容，通過文本、單元格的修飾，美化自己的頁面。2、過程與方法：、過程與方法：通過手繪、清除框經(jīng)線、添加、刪除行列、拆分、合并單元格等方法，完善網(wǎng)頁布局。3、情感態(tài)度與價值觀目標：、情感態(tài)度與價值觀目標：通過學習，培養(yǎng)學生的設(shè)計、審美能力，并能發(fā)現(xiàn)生活中、網(wǎng)頁中的美。體驗并珍惜青春的美好時光，樹立爭取成功的意識。想一想：為什么要使用表想一想：為什么要使用表格來布局網(wǎng)頁？格來布局網(wǎng)頁？對對“我的競選網(wǎng)頁我的競選網(wǎng)

2、頁”進行結(jié)構(gòu)化設(shè)計。進行結(jié)構(gòu)化設(shè)計。任務(wù)：任務(wù)：以小組為單位，以小組為單位，在一張白紙上利用表格對自己的網(wǎng)頁進行在一張白紙上利用表格對自己的網(wǎng)頁進行結(jié)構(gòu)化設(shè)計，看看哪一個小組設(shè)計得又好又快又新穎？結(jié)構(gòu)化設(shè)計，看看哪一個小組設(shè)計得又好又快又新穎？網(wǎng)頁結(jié)構(gòu)化設(shè)計網(wǎng)頁結(jié)構(gòu)化設(shè)計設(shè)計規(guī)劃網(wǎng)頁時，通常把整個網(wǎng)頁劃分成幾個模塊，分別放設(shè)計規(guī)劃網(wǎng)頁時，通常把整個網(wǎng)頁劃分成幾個模塊，分別放置不同的內(nèi)容，這稱為對網(wǎng)頁時行結(jié)構(gòu)化設(shè)計。網(wǎng)頁大多是置不同的內(nèi)容，這稱為對網(wǎng)頁時行結(jié)構(gòu)化設(shè)計。網(wǎng)頁大多是從上到下進行劃分的，通?？梢苑譃樗拇蟛糠郑簭纳系较逻M行劃分的，通?？梢苑譃樗拇蟛糠郑?、標記導航區(qū)：放置有關(guān)標記、標題和

3、導航鏈接內(nèi)容等。、標記導航區(qū)：放置有關(guān)標記、標題和導航鏈接內(nèi)容等。2、主內(nèi)容區(qū)：放置有關(guān)宣傳標語和頁面主題內(nèi)容。、主內(nèi)容區(qū)：放置有關(guān)宣傳標語和頁面主題內(nèi)容。3、信息區(qū)：放置有關(guān)個人聯(lián)系方式和網(wǎng)站簡介等內(nèi)容。、信息區(qū)：放置有關(guān)個人聯(lián)系方式和網(wǎng)站簡介等內(nèi)容。4、版權(quán)區(qū)：放置有關(guān)網(wǎng)站信息版權(quán)內(nèi)容。、版權(quán)區(qū)：放置有關(guān)網(wǎng)站信息版權(quán)內(nèi)容。1、在、在Frontpage2003中新建一張頁面，保存網(wǎng)頁為中新建一張頁面，保存網(wǎng)頁為“jieshao.htm”。（1）單擊工具欄中的）單擊工具欄中的“新建新建”按鈕，新建一張普通網(wǎng)頁。按鈕，新建一張普通網(wǎng)頁。（2）在菜單欄中選擇）在菜單欄中選擇“文件文件/保存保存”，

4、彈出，彈出“另存為另存為”對話框。對話框。在在“保存位置保存位置”處選擇網(wǎng)頁保存位置處選擇網(wǎng)頁保存位置“D：/ygr”文件夾。文件夾。在在“文件名文件名”處輸入網(wǎng)頁的文件名處輸入網(wǎng)頁的文件名“jieshao.htm”。單擊單擊“更改標題更改標題”按鈕，在彈出的按鈕，在彈出的“輸入文字輸入文字”對話框中的對話框中的“網(wǎng)頁標題網(wǎng)頁標題”欄欄輸入自定的網(wǎng)頁標題（如輸入自定的網(wǎng)頁標題（如“我的競選網(wǎng)頁我的競選網(wǎng)頁”），然后單擊），然后單擊“確定確定”按鈕。按鈕。單擊單擊“保存保存”按鈕。按鈕。網(wǎng)頁文件名與網(wǎng)頁網(wǎng)頁文件名與網(wǎng)頁標題有什么區(qū)別？標題有什么區(qū)別？探探究究任任務(wù)務(wù) 你還記得你還記得word中如

5、何插中如何插入一個表格嗎？入一個表格嗎？任務(wù)：任務(wù)： 在在FrontPage中創(chuàng)建一個中創(chuàng)建一個13行行2列的表格。（參照網(wǎng)頁結(jié)構(gòu)化設(shè)計及列的表格。（參照網(wǎng)頁結(jié)構(gòu)化設(shè)計及頁面中所有放置的對象頁面中所有放置的對象文字、圖片、文字、圖片、媒體等媒體等的位置來確定表格的行和列數(shù)的位置來確定表格的行和列數(shù)的）。的）。操作步驟提示操作步驟提示：1 1、在菜單欄中選擇、在菜單欄中選擇“表格表格”/ /“插入插入”/ /“表表格格”命令，打開命令，打開“插入表格插入表格”對話框。對話框。2 2、在、在“插入表格插入表格”對話框中，設(shè)置表格的大對話框中，設(shè)置表格的大小及布局：輸入對應(yīng)的表格行列數(shù)；設(shè)定表小及布

6、局：輸入對應(yīng)的表格行列數(shù)；設(shè)定表格框線的粗細及對齊方式。單擊格框線的粗細及對齊方式。單擊“確定確定”按按鈕。鈕。 1.預(yù)覽的時候，你看見表格預(yù)覽的時候，你看見表格的邊框了嗎？這是如何設(shè)置的呢？的邊框了嗎？這是如何設(shè)置的呢？操作步驟：操作步驟：1、在菜單欄中選擇、在菜單欄中選擇“表格表格/繪制表格繪制表格”，此時鼠標會變，此時鼠標會變成鉛筆的形狀，同時彈出成鉛筆的形狀，同時彈出“表格表格”工具欄。工具欄。2、在頁面中繪制新的是在已存在的表格中通過繪制橫、在頁面中繪制新的是在已存在的表格中通過繪制橫線和豎線來增加單元格的行和列。線和豎線來增加單元格的行和列。3、繪制完畢，按鍵盤上的、繪制完畢，按鍵

7、盤上的Esc鍵退出鍵退出“繪制表格繪制表格”。擦除表格：擦除表格：單擊單擊“表格表格”工具欄中的工具欄中的“擦除擦除”按鈕，進入按鈕，進入“清除清除”狀態(tài)，狀態(tài)，鼠標變成橡皮擦形狀，點選不需要的邊框線，對出現(xiàn)鼠標變成橡皮擦形狀，點選不需要的邊框線，對出現(xiàn)的的紅色邊框線紅色邊框線即可刪除。清除完畢，按鍵盤上的即可刪除。清除完畢，按鍵盤上的Esc鍵退出鍵退出“清除清除”。小小組組探探究究 學生分五組分別來探究的這五個學生分五組分別來探究的這五個問題。限時問題。限時8分鐘。分鐘。8分鐘后該組的小分鐘后該組的小組長匯報探究結(jié)果。組長匯報探究結(jié)果。1.行高和列寬的調(diào)整。行高和列寬的調(diào)整。2.單元格的合并

8、與拆分。單元格的合并與拆分。3.插入或者刪除表格中的行或列。插入或者刪除表格中的行或列。4.平均分布行與列。平均分布行與列。5.設(shè)置表格或者單元格的背景。設(shè)置表格或者單元格的背景。 插上你青春的翅膀，完善你的競選網(wǎng)頁。讓你的青春在你手 中飛揚。大顯身手大顯身手小小組組探探究究任務(wù)任務(wù)1： 調(diào)整表格的行高和列寬到調(diào)整表格的行高和列寬到適當?shù)拇笮?。適當?shù)拇笮?。操作步驟提示操作步驟提示： 方法一：手動調(diào)整。方法一：手動調(diào)整。 方法二：選擇要調(diào)整行高或列寬方法二：選擇要調(diào)整行高或列寬的單元格，在選中的位置右鍵單擊鼠標，的單元格，在選中的位置右鍵單擊鼠標，選擇單元格屬性（或表格屬性），設(shè)置選擇單元格屬性

9、（或表格屬性），設(shè)置行高（或列寬）。行高（或列寬）。小小組組探探究究任務(wù)任務(wù)2： 通過合并單元格或者拆分通過合并單元格或者拆分單元格來把你插入的表格調(diào)整單元格來把你插入的表格調(diào)整為老師網(wǎng)頁中表格的布局。為老師網(wǎng)頁中表格的布局。操作步驟提示：操作步驟提示： 選中要合并或者拆分的單元格，選中要合并或者拆分的單元格，右鍵單擊鼠標，選擇合并單元格，右鍵單擊鼠標，選擇合并單元格，或者拆分單元格?；蛘卟鸱謫卧?。注：拆分單元格時要注意行或列的注：拆分單元格時要注意行或列的設(shè)置設(shè)置小小組組探探究究任務(wù)任務(wù)3：插入或刪除表格中的行或列。插入或刪除表格中的行或列。操作步驟提示：操作步驟提示：在要插入行或列的地方

10、，右鍵單在要插入行或列的地方，右鍵單擊，選擇擊，選擇“插入行或列插入行或列”。選擇要刪除的行或列，右鍵單擊，選擇要刪除的行或列，右鍵單擊，選擇選擇“刪除行或列刪除行或列”。問題問題1：選擇插入行或列時，新行：選擇插入行或列時，新行或列會出現(xiàn)在什么位置？或列會出現(xiàn)在什么位置？問題問題2：對表格進行刪除操作時，右：對表格進行刪除操作時，右擊鼠標前是否選擇行或列，對右鍵擊鼠標前是否選擇行或列，對右鍵菜單命令內(nèi)容有影響嗎？在什么情菜單命令內(nèi)容有影響嗎？在什么情況下會出現(xiàn)況下會出現(xiàn)“刪除行刪除行/列列”命令？命令？小小組組探探究究任務(wù)任務(wù)4：平均分布行或列。平均分布行或列。操作步驟提示：操作步驟提示：選

11、擇要平均分布的行或列，右鍵選擇要平均分布的行或列，右鍵單擊選擇單擊選擇“平均分布行和列平均分布行和列”。小小組組探探究究任務(wù)任務(wù)5：設(shè)置表格或者單元格的背景。設(shè)置表格或者單元格的背景。操作步驟提示：操作步驟提示：選擇要設(shè)置的單元格，右鍵單擊選擇要設(shè)置的單元格，右鍵單擊選擇選擇“表格屬性表格屬性”或或“單元格屬單元格屬性性”。1.在Frontpage中，要是制作的表格看不到邊框則應(yīng)該將（）調(diào)整為零。A.單元格邊距B.單元格間距C.單元格邊框粗細D.高度與寬度2.在Frontpage中插入表格一般是為了（）A.在網(wǎng)頁中插入圖片B.在網(wǎng)頁中插入聲音C.在網(wǎng)頁中插入視頻D.在網(wǎng)頁中控制文字、圖片等的布局3.在Frontpage中，可以設(shè)置（）使表格中的單元格背景色不一樣？A.單元格屬性B.表格屬性C.網(wǎng)頁屬性D.框架屬性公布答案咯：C D A你答對了嗎？1.Frontpage中，可在表格屬性對話框中設(shè)定的有（）A.表格邊框的粗細B.表格邊框的顏色C.表格背景的顏色D.背景音樂2.Frontpage中，可以在單元格屬性對話框中設(shè)定的有（）A.文字對齊方式B.用圖片做背景C.單元格背景顏色D.單元格邊框的顏色1.使用Frontpa