淮安市輔仁職業技術學校
（2023年春學期電子檔教案）
一、序號 3 學科網頁設計與製作授課班級 1407 第 4 週第 1 次課
執教者常雪敏
二、授課型別： a (a新授課、b複習課、c習題課)
三、授課章節、標題專案一：建立iframe內聯框架
四、教學目標：
任務一建立iframe內聯框架
五、重難點：
建立iframe內聯框架
六、教學準備： 無
七、教學過程（含板書設計、作業布置等）：
1、新課匯入：過分析普通框架網頁在製作和使用過程中的利弊，提出了合理且巧妙使用內聯框架的解決方法，使得設計出來的網頁既有普通框架網頁的優勢，又較好地克服了普通框架網頁的不足，並且還使**的效能和專業化程度都得到了較大的提高，在實際應用中具有較強的可操作性．
2、新課講解：
1.開啟如果5-29所示的「頁面，將游標定位到要插入的區域，如圖5-30所示。
2.單擊檔案欄中的「拆分」按鈕，切換到拆分檢視。可以看到，**部分已經跳轉到相應的位置，如圖5-31所示。
3.在和標籤內新增一段**，內容如下。
4.新增完**後，再切換回設計檢視，可以看到「頁面並未直接顯示，取而代之的是灰色的矩形，這說明內聯框架已經被嵌入到頁面中，如圖5-33所示。
5.下面為內聯框架左側的導航按鈕新增鏈結。選中頁面編輯視窗的「留言反饋」**，將其鏈結到「頁面。
需要注意是，一定要將鏈結的「目標」設定為「main」,因為在**中浮動框架命名為「main」，才能確保鏈結的頁面在浮動框架中開啟，如圖5-34所示。
7.至此，內聯框架設定完成，按下f12鍵進行預覽。
3、師生研討：讓同學們自己動手新建以自己的iframe內聯框架功能。
4、作業布置：利用框架知識製作課本上例題的頁面效果。
網頁設計與製作實驗十一
網頁設計與製作實驗十一 vbscript指令碼語言介紹 第2部分 周四下午1 2 3小節，地點31 403 1課時 一 複習之前的內容 iis配置 dw中動態站點設定 vbscript常量 變數 陣列 運算子 函式 二 介紹vbscript指令碼語言 vbscript過程 條件語句 迴圈語句 三 s...
《網頁製作》教學設計
魔術揭密 一 教材依據 義務教育中小學教科書 實驗 初中資訊科技第四冊，第二單元 製作七彩的網頁 活動1 初識html語言 以及活動2中的關於部分frontpage2000的內容。二 設計思想 教學指導思想 資訊科技課是一門實踐性很強 極富創造性 具有明顯時代發展性特點的課程。而現代教育理論提倡以學...
網頁廣告設計與製作講義
學習情境一廣告的基礎設計 任務一字型設計 任務二圖形設計 任務三版式編排設計 任務四廣告色彩的設計 任務五廣告創意 任務六廣告設計的表現技法 學習情境二廣告的 設計 專案一報紙廣告 專案二雜誌廣告 專案三招貼廣告 專案四 pop廣告設計 專案五戶外廣告 專案六 dm 廣告 2010年廣告設計講義 任...