網頁製作安排 教案共9節

2022-09-08 12:00:04 字數 1956 閱讀 1191

網頁製作教學安排(共9個課時)

教學目的:

學會使用frontpage軟體,能獨立完成乙個簡單**的建設。

教學重點:

1、 軟體的基本操作方法

2、 **的使用

3、 **(前景、背景**)的使用方法

4、 網頁的美化

5、 主題**的建設

教學難點:

**的使用

教學課時劃分:

1、基礎操作(1個課時):包括軟體熟悉、文字、**的使用等

2、**的使用(2個課時):包括**(前景、背景**)的不同使用方法)、文字的使用、工具的應用、**邊框的設定、**顏色的設定、單元格的設定和使用、**及單元格的屬性設定等。

3、規定**的製作(3個課時):包括**的各個屬性的使用、超級鏈結的使用及網頁美化操作

4、主題網頁製作(3個課時):學生自選主題,完成乙個至少8張網頁的小**的建設。

教學過程:

基礎操作:

一、 前期準備

我們先應當定義乙個用來存放我們所有網頁素材的資料夾,並在其中分門別類的建相應的資料夾

這裡紅色的代表主頁(每個**的主頁必須用這個index為主檔名),每個資料夾及檔案的名稱都必須用英文

二、 軟體的認識

它的主介面我們很熟悉,和word等類似,所以掌握起來並不難,關鍵是在下面的三個標籤的使用。(介紹三個標籤)

三、 軟體的使用

介紹使用三個選單選項:

1、插入---元件---字幕

2、插入---**---來自檔案

3、插入---換行符:介紹和回車健的區別

四、 學生完成上面三個操作

五、 教學方法:本節課以老師演示學生模仿為主

六、 時間安排:教師:學生=5:5或者4:6

七、 最後要求達到如下的效果:

**的使用(2課時):以完成乙個下面主頁為目的

第乙個課時任務:

1、**的插入、修改、刪除

2、背景**的插入

3、前景**的插入與修改

要求達到的效果:

要求:1、 網頁中有至少乙個字幕

2、 **中至少有一行是多列的或者一列是多行的

3、 單元格的背景色至少有兩種以上的顏色

4、 網頁的背景必須是**

5、 單元格的背景**必須使用一次以上

6、 **的單元格中必須有乙個或多個前景**

教學方法:先講解,然後學生模仿,相關的操作給學生自己摸索(任務驅動)

時間安排:教師:學生=3:7

第二課時任務:

1、 **單元格的設定

2、 **、**位置的調整

3、 **巢狀的使用(難點)

要求達到的效果:

要求:1、 **必須要在單元格的中間(即水平和垂直居中)

2、 **必須在整個網頁的中間(即水平居中)

3、 字幕的大小一定要經過調整

4、 背景**的大小為一整張背景圖大小

5、 **的巢狀時,內**一定要是頂端對起

6、 內**的邊框要有顏色

教學方法:先講解,然後學生模仿,相關的操作給學生自己摸索(任務驅動)

時間安排:教師:學生=3:7

規定**的製作(3個課時)

要求完成乙個指定的小**,效果圖如下:

前2個課時是用來完成三張網頁的,後乙個課時是用來美化網頁的。

這個任務的關鍵是讓學生自己去發現在製作網頁中怎麼樣才是更合理的網頁布局,怎樣才更美觀一些。

重點:超級連線的使用,以下面的圖示來說明

要求:1、 選擇超級連線中的一種作為自己網頁的模式

2、 三張網頁的**放置樣式不能一樣

3、 每張網頁的top部分一定要有,但不一定和樣版一樣

4、 半屏山的**很大,必須將其改小

5、 五島的六張**可以自由選擇其中的部分使用

6、 每張網頁的背景和每個**的背景需經修整

7、 注意換行符的使用

8、 完成後要上傳到教師機器中

網頁製作教案

9 教師演示插入 操作,詳見教材第52頁 學生完成相同操作,教師巡邏指導。操作要點及注意事項如下 先將要插入的 檔案複製到jianjie.html網頁檔案所在的資料夾中,再進行插入影象操作。10 請學生上台完成插入flash動畫的操作,提示 方法和注意點與插入影象相似 教師在一旁提示指導。11 教師...

網頁製作教案

6 請一位學生上台操作,其他學生完成相同操作。可以參考 快速建站技術 模板的應用.wmv。教師巡視指導。7 教師總結評價學生完成情況。8 課堂比一比 將學生分組,根據已學知識,美化已完成的 學習使用模板快速更新 的技術。可以參考 快速建站技術 模板的應用 快速更新 wmv。將作品提交後由學生評比。增...

網頁製作教案

在 標記之間是html的指令碼內容,一般情況下它分為兩部分 頭部 和 主體 頭部是由標記組成的,其中包含了該html指令碼的標題和說明資訊 如編碼方式 關鍵字 編輯軟體 作者資訊等 主體部分是由作為起始標記,作為結束標記,其中所包含的就是在瀏覽器中所看到的內容,包括文字 動畫等。做乙個簡單的例子開啟...