制作校園網(wǎng)頁1-項目化教案

1、制作校園網(wǎng)頁1-項目化教案frontpage制作校園網(wǎng)頁模塊化教學任務單課題名稱：制作校園網(wǎng)頁任務名稱校園網(wǎng)頁任務指導者模塊課題創(chuàng)建框架網(wǎng)頁任務實施者實施日期任務周期任務目標熟練掌握創(chuàng)建框架及填充頁面內(nèi)容教學重難點目標框架設置資源、設備多媒體機房、相關素材任務內(nèi)容1. 創(chuàng)建框架2. 填充頁面內(nèi)容及設置目標框架3. 制作具有個人特色的框架網(wǎng)頁（一）復習提問引入新課展示學校網(wǎng)頁請問同學們，這么美麗的網(wǎng)頁是怎么制作出來的呢？簡述其步驟。1. 建立框架2. 填充框架頁面內(nèi)容（表格、圖片）（二）講授新課 演示操作 創(chuàng)建框架網(wǎng)頁當使用框架創(chuàng)建站點時，首先必須創(chuàng)建一類特殊的網(wǎng)頁，即一種主頁，稱為框架網(wǎng)頁。不

2、管名稱如何，該網(wǎng)頁將告訴瀏覽器如何向站點訪問者顯示框架及其包含的網(wǎng)頁。本節(jié)將介紹創(chuàng)建和保存框架網(wǎng)頁的方法?？蚣芫W(wǎng)頁的創(chuàng)建和保存在frontpage 2003中，創(chuàng)建框架網(wǎng)頁必須使用frontpage 2003提供的框架網(wǎng)頁模板，通過這些模板可以輕松地創(chuàng)建適合站點需要的框架網(wǎng)頁。案例小結(jié)：本案例主要介紹了框架網(wǎng)頁的創(chuàng)建和保存，通過本案例的學習，讀者應該掌握的知識點有：1、框架網(wǎng)頁的基本概念框架網(wǎng)頁是一種特殊的html網(wǎng)頁，它能夠?qū)eb瀏覽器的窗口劃分為若干區(qū)域，這些區(qū)域，我們稱其為框架?？蚣芫W(wǎng)頁本身不包含可視內(nèi)容，它只是一個展示網(wǎng)頁內(nèi)容的容器。每個框架可以顯示一個獨立的可滾動的網(wǎng)頁，多個框架就

3、可以同時顯示多個網(wǎng)頁。在框架網(wǎng)頁中顯示的某個網(wǎng)頁的更新并不影響其他網(wǎng)頁的狀態(tài)和框架網(wǎng)頁的結(jié)構(gòu)。圖7-1所示是一個使用框架的網(wǎng)頁。在圖7-12所示的例子中，瀏覽器窗口被分成了2個稱其為框架的區(qū)域：頂部區(qū)域和底部區(qū)域。在每個區(qū)域中我們都能看到一個網(wǎng)頁，并且我們單擊頂部區(qū)域中的超鏈接，在底部區(qū)域中就能瀏覽相應的頁面。2、框架網(wǎng)頁的創(chuàng)建創(chuàng)建框架網(wǎng)頁必須使用框架網(wǎng)頁模板，frontpage 2003一共提供了10種框架網(wǎng)頁模板，用戶可以根據(jù)實際需要靈活選擇，還可以在其基礎上進行修改，如拆分框架、調(diào)整框架大小等，最后制作出具有個人特色的框架網(wǎng)頁。在【框架網(wǎng)頁】選項卡中，模板的種類可以通過單擊右邊的按鈕或按

4、鈕分別以【大圖標】或【列表】的形式排列。每選擇一種模板，在右側(cè)都有相應的說明和預覽圖。3、設置初始網(wǎng)頁或新建網(wǎng)頁一個新的框架網(wǎng)頁不包含任何內(nèi)容，frontpage 2003將在每個新框架中顯示和兩個按鈕，單擊前一按鈕可以從站點中選擇已準備好的網(wǎng)頁，單擊后一按鈕可以在框架中創(chuàng)建一個新的空白網(wǎng)頁。4、框架網(wǎng)頁的保存框架網(wǎng)頁的保存和普通網(wǎng)頁的保存有點差別，如果設置的初始網(wǎng)頁是新建網(wǎng)頁，除了保存整個框架網(wǎng)頁外，還要逐個保存框架中新建的網(wǎng)頁。在對框架網(wǎng)頁保存后，如果要對框架中的某個框架網(wǎng)頁進行單獨保存，可以首先用鼠標在該框架內(nèi)單擊來選擇該框架，然后在菜單中選擇【框架】/【保存網(wǎng)頁】或【另存為網(wǎng)頁】命令，

5、就可以單獨再次保存該網(wǎng)頁。5、框架網(wǎng)頁的5種編輯模式如果細心的話，你會發(fā)現(xiàn)框架網(wǎng)頁的【網(wǎng)頁】視圖與前面普通網(wǎng)頁的【網(wǎng)頁】視圖有所不同。框架網(wǎng)頁的【網(wǎng)頁】視圖共有5種模式，新增加了【無框架】模式和【框架網(wǎng)頁html】模式?！緹o框架】模式是用來為那些瀏覽器不能顯示框架的訪問者創(chuàng)建顯示信息的?！究蚣芫W(wǎng)頁html】模式會顯示整個框架網(wǎng)頁的html源代碼。而共有的【html】模式在框架網(wǎng)頁中顯示的是框架中填充網(wǎng)頁的html源代碼。使用嵌入式框架嵌入式框架與普通框架網(wǎng)頁中的框架作用相似，在frontpage 2003中，創(chuàng)建嵌入式框架可以像其他元素一樣插入網(wǎng)頁，并通過選擇適當?shù)陌粹o來設置初始網(wǎng)頁或者創(chuàng)建新網(wǎng)頁。嵌入式框架創(chuàng)建后，可以通過【嵌入式框架屬性】的設置來調(diào)整嵌入式框架的外觀和樣式。（三）課后思考創(chuàng)建框架的步驟如何填充頁面內(nèi)容（四）知識拓寬制作具有個人特色的框架網(wǎng)頁 項目：創(chuàng)建框架網(wǎng)頁專業(yè)： 班級： 姓名： 日期： 項目同組人姓名 項目創(chuàng)建框架網(wǎng)頁工作目標任務知識熟練掌握框架網(wǎng)頁的創(chuàng)建能力制作具有個人特色的框架網(wǎng)頁素養(yǎng)熱愛網(wǎng)頁制作工作重點框架的創(chuàng)建工作難點目標框架的設置工作圖紙任務實施任務一創(chuàng)建框架任務二填空框架頁面內(nèi)容任務實施任務三目標框架的設置個人小結(jié)綜合評價項目要