設(shè)計(jì)網(wǎng)站的網(wǎng)頁布局2

《設(shè)計(jì)網(wǎng)站的網(wǎng)頁布局2》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、主題3設(shè)計(jì)網(wǎng)站的網(wǎng)頁布局主備人：范少君課題：設(shè)計(jì)網(wǎng)站的網(wǎng)頁布局【課時(shí)】2課時(shí)【教學(xué)重點(diǎn)】插入表格和更改表格屬性?！窘虒W(xué)難點(diǎn)】讓學(xué)生靈活掌握排列表格和設(shè)置表格屬性的方法?！菊n型】新授課【教學(xué)方法】任務(wù)驅(qū)動(dòng)、師生互動(dòng)、個(gè)別指導(dǎo)、廣播演示【教學(xué)過程】（一-）出示教學(xué)目標(biāo)1、理解用表格布局主頁的作用。2、掌握在網(wǎng)頁中插入表格進(jìn)行排版。3、學(xué)生設(shè)置表格的屬性。2、復(fù)習(xí)回顧，導(dǎo)入新課我們已經(jīng)給大家分好了組，下面我們比賽一下們班那一組的信息技術(shù)水平高？學(xué)生：………教師：自己說了都不算，這節(jié)課我們就來較量一下。怎么樣？先從第一個(gè)環(huán)節(jié)拼圖游戲

2、開始。邀請(qǐng)兩位同學(xué)（男生和女生）上來，分別選擇其中一個(gè)，幫我把網(wǎng)頁上圖片的位置調(diào)整好。一位沒調(diào)整好，另一位調(diào)整好了。先采訪一下失敗的原因，你覺得問題出在哪里，是不是按照Word中的方法在操作，那你覺得在Word中圖片、文字可以怎么樣，而在FrontPage中呢？5采訪另一個(gè)，發(fā)表一下你的成功感言，你覺得你為什么會(huì)成功，是網(wǎng)頁中的什么幫了你的忙？網(wǎng)頁里面有表格。也說是說在網(wǎng)頁中要給圖片定位，就必須要用到表格，表格在網(wǎng)頁中起到了一個(gè)怎么樣的作用——可以定位對(duì)象，即可以為網(wǎng)頁布局，那怎樣操作大家想不想學(xué)，今天這節(jié)課我們一起來學(xué)習(xí)第

3、十五課《用表格為網(wǎng)頁布局》。3、學(xué)生自主學(xué)習(xí)，教師巡視指導(dǎo)探索新知（一）設(shè)計(jì)制作網(wǎng)頁布局參考課本45頁任務(wù)1為“足跡·甘肅”網(wǎng)站設(shè)計(jì)網(wǎng)站布局。1、分析不同網(wǎng)頁的布局特點(diǎn)分析表2-2中網(wǎng)頁布局，了解網(wǎng)站主頁、某個(gè)欄目首頁和呈現(xiàn)具體信息的底層頁面布局的共同特點(diǎn)和區(qū)別，將你總結(jié)的網(wǎng)頁布局特點(diǎn)填寫在表格內(nèi)。學(xué)生閱讀自學(xué)、分析、討論。一點(diǎn)通：（1）體現(xiàn)“以用戶為中心”。（2）站內(nèi)風(fēng)格基本一致。（3）頁面協(xié)調(diào)，便于閱讀。2、了解網(wǎng)頁布局的基本要素（1）每個(gè)網(wǎng)頁上必備的基本信息。每個(gè)網(wǎng)頁上通常都應(yīng)該包含網(wǎng)站的名稱、導(dǎo)航欄和版權(quán)版權(quán)信息而且

4、位置固定。（2）網(wǎng)頁主要信息的布局方法。（縱橫分割式）（3）網(wǎng)頁風(fēng)格基本一致。3、用FrontpPage2003布局表格，設(shè)計(jì)特作網(wǎng)站主頁布局（為了確保圖文混排的網(wǎng)頁，不因屏幕分辨率的改變而改變，網(wǎng)頁中常用表格來控制圖文位置）操作步驟P47步驟一：打開站點(diǎn)（1）在FrontPge2003中，執(zhí)行“插入”---“表格”，打開“我的網(wǎng)站”站點(diǎn)。（2）雙擊文件夾index.htm步驟二：設(shè)置網(wǎng)頁標(biāo)題“足跡?甘肅”。步驟三：繪制主頁頁面布局。5（1）打開“表格”菜單，執(zhí)行“插入”———“表格”命令，打開“插入表格”對(duì)話框。（2）在“

5、插入”表格對(duì)話框中，依據(jù)布局需要進(jìn)行設(shè)置（示例：6行3列），如圖設(shè)定表格邊框粗細(xì)為0，是為了在瀏覽網(wǎng)頁時(shí)隱去表格線。（3）單擊“確定”按鈕。屏幕顯示如圖所示。5（4）合并單元格。（5）完成單元格，拖動(dòng)邊線來調(diào)整單元格大小。4、教師檢查學(xué)生自學(xué)效果、點(diǎn)撥51）1、提出問題（1）學(xué)生自學(xué)幾分鐘后回答，各小組討論，組長(zhǎng)組織糾錯(cuò)（2）學(xué)生對(duì)沒討論出來的問題提出來大家討論。給教師說沒解決的問題2、教師解疑（1）邊廣播演示，邊解決問題。（2）糾正錯(cuò)誤、發(fā)揚(yáng)優(yōu)點(diǎn)、學(xué)生再做一做。5、課堂作業(yè)P44“探索與實(shí)踐”6、小結(jié)　師：請(qǐng)同學(xué)們結(jié)合課本

6、學(xué)習(xí)任務(wù)的操作演練，說一說在本節(jié)課中你都學(xué)到了哪些知識(shí)，有了哪些收獲？1、了解用表格布局主頁的作用。2、網(wǎng)頁中插入表格如何進(jìn)行排版。3、學(xué)會(huì)用FrontPage2003表格如何進(jìn)行頁面布局。【教后記錄】5