制作校園網頁1-項目化教案

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

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

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

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

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