DreamweaverCS6網(wǎng)頁設計教學教案9_第1頁
DreamweaverCS6網(wǎng)頁設計教學教案9_第2頁
DreamweaverCS6網(wǎng)頁設計教學教案9_第3頁
DreamweaverCS6網(wǎng)頁設計教學教案9_第4頁
DreamweaverCS6網(wǎng)頁設計教學教案9_第5頁
已閱讀5頁,還剩31頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

《DreamweaverCS6網(wǎng)頁設計與應用》

教學初中九年級數(shù)學教案

第1講

課時內容初識DreamweaverCS6授課時間45分鐘課時1

了解工作界面地構成。

教學目的掌握創(chuàng)建網(wǎng)站框架地方法與流程。

掌握站點地管理方法。

熟練掌握DreamweaverCS6工作界面地基本操作。

教學重點

熟練掌握DreamweaverCS6地站點。

教學難點在DreamweaverCS6中站點地建立及編輯。

初中九年

1.教學思路:通過工作界面地使用方法講解掌握DreamweaverCS6地基礎知識。

級數(shù)學教

2.教學手段:(1)通過設計欣賞案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設

解析深入學習軟件功能與制作特點。

學習內容

討論問題:1,DreamweaverCS6中地網(wǎng)頁分為哪幾種網(wǎng)頁?

2,在DreamweaverCS6中有哪幾種方法可以創(chuàng)建站點?同時本地站點與遠程站點有什么

區(qū)別?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

1.1工作界面

1.1.1開始頁面

1.1.2不同風格地界面

1.1.3多文檔地編輯界面

1.1.4插入面板

1.2創(chuàng)建網(wǎng)站框架

1.2.1站點管理器

1.2.2創(chuàng)建文件夾

1.2.3定義新站點

1.2.4創(chuàng)建與保存網(wǎng)頁

1.3管理站點

1.3.1打開站點

1.3.2編輯站點

1.3.3復制站點

1.3.4刪除站點

1、熟練掌握DreamweaverCS6界面地操作方法與技巧。

小結

2、熟練掌握在DreamweaverCS6中站點地創(chuàng)建,編輯,復制,刪除與導出地方法。

第2講

課時內容文本與文檔授課時間45分鐘課時1

了解文本與文檔地創(chuàng)建方法與使用技巧。

教學目的掌握項目符號與編號列表使用方法與區(qū)別。

掌握水平線,網(wǎng)格與標尺地使用方法與技巧。

熟練掌握文本地多種創(chuàng)建方法與編輯技巧。

教學重點

熟練掌握項目符號,編號列表與水平線地使用方法。

教學難點能夠正確輸入文本并編輯有關屬性。

1.教學思路:(1)通過對課堂案例地講解掌握青山別墅網(wǎng)頁,休閑度假村網(wǎng)頁地制作

方法;(2)再通過軟件有關功能地解析學習輸入文本與編輯文本有關屬性,以及進

行區(qū)分使用項目符號與編號列表方法與技巧;(3)最后通過課堂練習及課后習題

初中九年

消化所學軟件知識,提高制作網(wǎng)頁地能力。

級數(shù)學教

2.教學手段:(1)通過課堂案例熟悉設計理念與軟件功能;(2)通過軟件功能解析

案教學設

深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實際應

用能力。

3.教學資料及要求:在網(wǎng)上找一些簡單地網(wǎng)頁頁面進行制作,來加深學員對知識點地

理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中可以有哪幾種方法創(chuàng)建文本?

2,在DreamweaverCS6中如何輸入多個連續(xù)空格?

3,在DreamweaverCS6中如何更改文字顏色,字號等設置?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

2.1編楫文本格式

2.1.1輸入文本

2.1.2設置文本屬性

2.1.3輸入連續(xù)空格

2.1.4設置是否可見元素

2.1.5設置頁邊距

2.1.6插入換行符

2.1.7課堂案例——青山別墅網(wǎng)頁

2.2水平線與網(wǎng)格

2.2.1水平線

2.2.2顯示與隱藏網(wǎng)格

2.2.3課堂案例一一休閑度假村網(wǎng)頁

課堂練習——休閑旅游網(wǎng)頁

課后習題——有機果蔬網(wǎng)頁

1.熟練掌握文本地使用方法與技巧。

小結

2.了解并掌握項目符號與編輯列表地使用方法與技巧。

課堂練習一一休閑旅游網(wǎng)頁

扈練習知識要點

使用“項目列表”按鈕,設置項目列表效果;使用“CSS樣式”命令,改變文字地顏色。

0效果所在位置

云盤/Ch02/效果/休閑旅游網(wǎng)頁Andex.html。

作業(yè)

課后刁遂有機果蔬網(wǎng)貞

息習題知識要點

使用“頁面屬性”命令,設置頁面邊距與標題;使用“首選參數(shù)”命令,設置允許多個空格。

息效果所在位置

云盤/Ch02/效果/有機果蔬網(wǎng)頁/index.html。

第3講

課時內容在網(wǎng)頁中插入圖像授課時間45分鐘課時1

掌握插入圖像地方法與技巧。

教學目的

掌握多媒體在網(wǎng)頁中地應用。

熟練掌握圖像地格式與模式。

教學重點

熟練掌握Flash文件地插入與設置。

教學難點能夠正確使用圖像與圖像地屬性設置,Flash文件地格式及設置屬性。

1.教學思路:(1)通過對課堂案例地講解學環(huán)球旅游網(wǎng)頁,現(xiàn)代木工網(wǎng)頁地制作方法;

(2)再通過軟件有關功能地解析學習圖像地插入與使用技巧,以及進行動畫地使

用;(3)最后通過課堂練習及課后習題消化所學軟件知識,提高圖像與動畫地使用

初中九年

能力。

級數(shù)學教

2.教學手段:(1)通過課堂案例熟悉設計理念與軟件功能;(2)通過軟件功能解析

案教學設

深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實際應

用能力。

3.教學資料及要求:在網(wǎng)上找一些帶有圖像與動畫地網(wǎng)頁頁面進行制作,來加深學員

對知識點地理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中插入圖像后在瀏覽器中不能正常顯示圖像,是哪幾種原因造成?

如何解決?

2,在DreamweaverCS6中如何設置插入地Flash動畫為透明背景?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

3.1圖像地基本操作

3.1.1在網(wǎng)頁中插入圖像

3.1.2設置圖像屬性

3.1.3圖像占位符

3.1.4課堂案例一一環(huán)球旅游網(wǎng)頁

3.2多媒體在網(wǎng)頁中地應用

3.2.1插入Flash動畫

3.2.2課堂案例一一現(xiàn)代木工網(wǎng)頁

課堂練習——兒童零食網(wǎng)頁

課后習題——準媽媽課堂網(wǎng)頁

1.熟練掌握圖像地格式與插入方法與使用技巧。

小結

2.掌握Flash動畫地插入與屬性地設置。

課堂練習——兒童零食網(wǎng)頁

宮練習知識要點

使用“圖像”按鈕,插入圖像;使用“代碼”視圖,手動輸入代碼設置圖像地水平間距。

宮效果所在位置

云盤/ChO3/效果/兒童零食網(wǎng)頁/index.html。

作業(yè)

課后習題一一準媽媽課堂網(wǎng)頁

皂習題知識要點

使用“FlashSWE”按鈕,為網(wǎng)頁文檔插入Flash動畫效果;使用“播放”按鈕,在文檔窗口

中預覽效果。

宮效果所在位置

云盤/ChO3/效果/準媽媽課堂網(wǎng)頁/index.html。

第4講

課時內容超鏈接授課時間45分鐘課時1

掌握設置文本超鏈接地方法與技巧。

掌握設置電子郵件鏈接地方法與技巧。

教學目的

掌握設置圖像超鏈接地方法與技巧。

掌握設置鼠標經(jīng)過圖像鏈接地方法與技巧。

簡單了解超鏈接地概念與路徑知識。

教學重點

熟練掌握超鏈接地分類及每種類型地創(chuàng)建方法。

教學難點能夠正確給所需文本添加超鏈接,以及錨記超鏈接地使用方法與技巧。

1.教學思路:(1)通過對課堂案例地講解掌握創(chuàng)意設計網(wǎng)頁,獅立地板網(wǎng)頁地制作方

法;(2)再通過軟件有關功能地解析學習超鏈接地種類,以及進行不同類型地超鏈

接創(chuàng)建;(3)最后通過課堂練習及課后習題消化所學軟件知識,提高制作超鏈接地

初中九年

能力。

級數(shù)學教

2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設

解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

際應用能力。

3.教學資料及要求:在網(wǎng)上找一些多級頁面進行制作,來加深學員對知識點地理解與

提高實際操作能力。

學習內容

討論問題:1”在DreamweaverCS6中超鏈接有哪幾種類型?分別是哪幾種?

2,在DreamweaverCS6中使用哪種超鏈接可以跳至指定地位置?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

4.1文本超鏈接

4.1.1創(chuàng)建文本鏈接

4.1.2文本鏈接地狀態(tài)

4.1.3電子郵件鏈接

4.1.4課堂案例一一創(chuàng)意設計網(wǎng)頁

4.2圖像超鏈接

4.2.1圖像超鏈接

4.2.2鼠標經(jīng)過圖像超鏈接

4.2.3課堂案例一一獅立地板網(wǎng)頁

課堂練習——男士服裝網(wǎng)頁

課后習題——建筑模型網(wǎng)頁

1.熟練掌握超鏈接地概念與路徑。

小結

2.熟練掌握超鏈接地類型與創(chuàng)建方法地技巧。

課堂練習——男士服裝網(wǎng)頁

B練習知識要點

使用“命名錨記”按鈕,插入錨點制作文檔底部移動到頂部地效果。

區(qū)效果所在位置

云盤/Ch04/效果/男士服裝網(wǎng)頁/index.hlml。

課后習題一一建筑模型網(wǎng)頁

作業(yè)

宮習題知識要點

使用“電子郵件鏈接”按鈕,制作電子郵件鏈接效果;使用“屬性”面板,為文字制作下載

鏈接效果;使用“頁面屬性"命令,改變鏈接地顯示效果。

扈效果所在位置

云盤/Ch04/效果/建筑模型網(wǎng)頁/index.hlml。

第5講

課時內容表格地使用授課時間90分鐘課時2

掌握插入表格地方法。

掌握設置表格地方法與技巧。

教學目的

掌握在表格內添加元素地方法。

掌握網(wǎng)頁中數(shù)據(jù)表格地編輯方法。

簡單了解表格在制作網(wǎng)頁中地作用。

教學重點

熟練掌握表格地插入與屬性地設置。

教學難點能夠正確使用表格地嵌套制作復雜地網(wǎng)頁頁面。

1.教學思路:(1)通過對課堂案例地講解掌投資理財網(wǎng)頁,典藏博物館網(wǎng)頁地制作方

法;(2)再通過軟件有關功能地解析學習表格地插入與屬性地設置,以及進行表格

數(shù)據(jù)地導入與導出;(3)最后通過課堂練習及課后習題消化所學軟件知識,提高網(wǎng)

初中九年

頁制作地能力。

級數(shù)學教

2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設

解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

際應用能力。

3.教學資料及要求:在網(wǎng)上找一些簡單地網(wǎng)頁頁面進行制作,來加深學員對知識點地

理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中如何向表格一次添加多行或多列?方法分別是?

2,在DreamweaverCS6中<tr>標簽可否添加背景圖像?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

5.1表格地簡單操作

5.1.1插入表格

5.1.2設置表格屬性

5.1.3在表格內添加元素

5.1.4課堂案例一一投資理財網(wǎng)頁

5.2網(wǎng)頁中地數(shù)據(jù)表格

5.2.1導入與導出表格地數(shù)據(jù)

5.2.2課堂案例一一典藏博物館網(wǎng)頁

課堂練習——火鍋餐廳網(wǎng)頁

課后習題----0A辦公系統(tǒng)網(wǎng)頁

1.熟練掌握表格地插入及表格屬性地設置方法與技巧。

小結

2.熟練掌握表格嵌套布局。

課堂練習一一火鍋餐廳網(wǎng)貞

0練習知識要點

使用“頁面屬性”命令,設置頁面地邊距與標題;使用“表格”按鈕插入表格;使用“CSS

樣式”命令,為單元格添加背景圖像效果;使用“圖像”按鈕插入圖像。

這效果所在位置

云盤/ChO5/效果/火鍋餐廳網(wǎng)頁/index.html。

作業(yè)

課后習題0A辦公系統(tǒng)網(wǎng)貞

0習題知識要點

使用“導入表格式數(shù)據(jù)”命令,導入外部表格數(shù)據(jù);使用“屬性”面板,改變表格地高度與

對齊方式;使用“CSS樣式”命令,調整單元格地背景顏色。

0效果所在位置

云盤/ChO5/效果/OA辦公系統(tǒng)網(wǎng)頁/index.html。

第6講

課時內容框架授課時間90分鐘課時2

掌握創(chuàng)建框架集地方法。

教學目的掌握為框架添加內容地方法。

掌握設置框架與框架集屬性地方法。

熟練掌握框架地創(chuàng)建方法。

教學重點

熟練掌握框架地拆分方法。

教學難點能夠正確使用ASP語法。

1.教學思路:(1)通過對課堂案例地講解掌握牛奶飲料網(wǎng)頁地制作方法;(2)再通

過軟件有關功能地解析學習框架地應用方法與使用技巧;(3)最后通過課堂練習

初中九年及課后習題消化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

計際應用能力。

3.教學資料及要求:在網(wǎng)上找一些帶有框架地網(wǎng)頁頁面進行制作,來加深學員對知識

點地理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中如何添加框架?

2,在DreamweaverCS6如何拆分框架?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

6.1創(chuàng)建框架與框架集

6.1.1建立框架集

6.1.2為框架添加內容

6.1.3保存框架

6.1.4框架地選擇

6.1.5修改框架地大小

6.1.6拆分框架

6.1.7刪除框架

6.1.8課堂案例——牛奶飲料網(wǎng)頁

6.2設置框架與框架集地屬性

6.2.1設置框架屬性

6.2.2設置框架集屬性

課堂練習——建筑規(guī)劃網(wǎng)頁

課后習題——陽光外語小學網(wǎng)頁

1.熟練掌握框架地創(chuàng)建方法。

小結

2.熟練掌握框架地拆分方法。

課堂練習一一建筑規(guī)劃網(wǎng)貞

B練習知識要點

使用“左對齊”命令,插入框架進行布局;使用“鼠標經(jīng)過圖像"按鈕,插入鼠標經(jīng)過圖

像效果;使用“屬性”面板,設置鏈接效果。

直效果所在位置

云盤/Ch()6/效果/建筑規(guī)劃網(wǎng)頁/index.html。

課后習題一一陽光外語小學網(wǎng)點

作業(yè)

扈習題知識要點

使用“對齊上緣”命令,制作網(wǎng)頁地結構圖效果;使用“屬性”面板,改變框架地大小;使用

“圖像”按鈕,插入圖像制作完整地框架網(wǎng)頁效果。

意效果所在位置

云盤/Ch06/效果/陽光外語小學網(wǎng)頁Andex.html。

第7講

課時內容層地使用授課時間90分鐘課時2

掌握創(chuàng)建與選擇層地方法。

教學目的

掌握設置層屬性地方法。

掌握如何創(chuàng)建層。

教學重點

熟練掌握層地屬性設置。

教學難點能夠正確使用不同類型地樣式控制標簽。

1.教學思路:(1)通過對課堂案例地講解掌握聯(lián)創(chuàng)網(wǎng)絡技術網(wǎng)頁地制作方法;(2)

再通過軟件有關功能地解析學習層地創(chuàng)建;(4)最后通過課堂練習及課后習題消

初中九年化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

計際應用能力。

3.教學資料及要求:在網(wǎng)上中找一些帶有層地網(wǎng)頁頁面進行制作,來加深學員對知識

點地理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中層有什么作用?

2,在DreamweaverCS6中如何同時繪制多個層?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

7.1層地基本操作

7.1.1創(chuàng)建層

7.1.2選擇層

7.1.3設置層地默認屬性

7.1.4“AP元素”面板

7.1.5課堂案例一一聯(lián)創(chuàng)網(wǎng)絡技術網(wǎng)頁

課堂練習——充氣浮床網(wǎng)頁

課后習題——美味小吃網(wǎng)頁

1.熟練掌握層地創(chuàng)建方法。

小結

2.熟練掌握層地屬性設置。

課堂練習——充氣浮床網(wǎng)頁

宮練習知識要點

使用“繪制APDiv”按鈕繪制層;使用“圖像”按鈕在繪制地圖層中插入圖像。

扈效果所在位置

云盤/ChO7/效果/充氣浮床網(wǎng)頁/index.html。

課后習題----美味小吃網(wǎng)貞

作業(yè)

0習題知識要點

使用“繪制APDiv”按鈕,繪制層;使用“圖像”按鈕,插入圖像;使用“CSS樣式”命令,

設置文字地大小與顏色;使用“移動層”命令,調整層地位置制作陰影效果。

這效果所在位置

云盤/Ch07/效果/美味小吃網(wǎng)頁/index.html。

第8講

課時內容CSS樣式授課時間90分鐘課時2

了解CSS樣式類型地應用。

教學目的掌握CSS屬性地應用方法與技巧。

熟練運用CSS過濾器。

掌握如何應用CSS樣式控制標簽。

教學重點

熟練掌握CSS地屬性設置。

教學難點能夠正確使用不同類型地樣式控制標簽。

1.教學思路:(1)通過對課堂案例地講解掌握打印機網(wǎng)頁,愛插畫網(wǎng)頁地制作方法;

(2)再通過軟件有關功能地解析學習CSS樣式,以及CSS樣式地屬性及分類;(4)

初中九年最后通過課堂練習及課后習題消化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

計際應用能力。

3.教學資料及要求:在網(wǎng)上中找一些多樣式地網(wǎng)頁頁面進行制作,來加深學員對知識

點地理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中CSS樣式分為哪幾種類型?每種類型地具體作用?

2,在DreamweaverCS6中使用CSS樣式定位時需注意什么事項?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

8.1CSS樣式概述

8.1.1"CSS樣式”面板

8.1.2CSS樣式地類型

8.2CSS屬性

8.2.1類型

8.2.2背景

8.2.3區(qū)塊

8.2.4方框

8.2.5邊框

8.2.6列表

8.2.7定位

8.2.8擴展

8.2.9過渡

8.2.10課堂案例一打印機網(wǎng)頁

8.3過濾器

8.3.1CSS地靜態(tài)過濾器

8.3.2課堂案例一一愛插畫網(wǎng)頁

課堂練習——優(yōu)選購物網(wǎng)頁

課后習題——愛美化妝品網(wǎng)頁

1.熟練掌握css樣式地概念。

小結

2.熟練掌握CSS樣式地分類及使用方法與技巧。

課堂練習一一優(yōu)選購物網(wǎng)貞

0練習知識要點

使用“項目列表”按鈕,創(chuàng)建無序列表;使用“屬性”面板,創(chuàng)建空白鏈接;使用“CSS樣式”

命令,控制超鏈接地顯示狀態(tài)制作導航條效果。

0效果所在位置

云盤/ChO8/效果/優(yōu)選購物網(wǎng)頁Andex.html。

作業(yè)課后習題一一愛美化妝品網(wǎng)頁

B習題知識要點

使用“Alpha”濾鏡,改變圖像地透明度。

皂效果所在位置

云盤/Ch()8/效果/愛美化妝品網(wǎng)頁/index.html。

第9講

課時內容模板與庫授課時間90分鐘課時2

掌握創(chuàng)建與編輯模板地方法。

掌握管理模板地方法。

教學目的

掌握創(chuàng)建庫地方法。

掌握向頁面添加庫項目地方法。

掌握模板地使用方法。

教學重點

熟練庫面板地應用。

教學難點能夠正確應用模板地所有屬性。

1.教學思路:(1)通過對課堂案例地講解掌握水果慕斯網(wǎng)頁,律師事務所網(wǎng)頁地制作

方法;(2)再通過軟件有關功能地解析學習模板地創(chuàng)建,編輯與應用,以及庫面板地

初中九年使用;(4)最后通過課堂練習及課后習題消化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

計際應用能力。

3.教學資料及要求:在網(wǎng)上中找一些具有共同點地多級頁面進行制作,來加深學員對

知識點地理解與提高實際操作能力。

學習內容

討論問題:1”在DreamweaverCS6中有幾種方法創(chuàng)建模板?分別是?

2,在DreamweaverCS6中庫面板地具體作用是?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

9.1模板

9.1.1創(chuàng)建空模板

9.1.2創(chuàng)建可編輯區(qū)域

9.1.3管理模板

9.1.4課堂案例一一飛越天空網(wǎng)頁

9.2庫

9.2.1創(chuàng)建庫文件

9.2.2向頁面添加庫項目

9.2.3課堂案例一一律師事務所網(wǎng)頁

課堂練習——食譜大全網(wǎng)頁

課后習題——精品沙發(fā)網(wǎng)頁

1.熟練掌握模板地創(chuàng)建,編輯,應用。

小結

2.熟練掌握庫面板地應用。

課堂練習——食譜大全網(wǎng)頁

B練習知識要點

使用“另存模板”命令,將頁面存為模板;使用“可編輯區(qū)域”按鈕,添加可編輯區(qū)。

皂效果所在位置

云盤/Ch09/效果食譜大全網(wǎng)頁/index.htmL

作業(yè)

課后習題一一精品沙發(fā)網(wǎng)點

良習題知識要點

使用“庫”面板,添加庫項目;使用庫中注冊地項目,制作網(wǎng)頁文檔。

息效果所在位置

云盤/Ch09/效果/精品沙發(fā)網(wǎng)頁Andex.html。

第10講

課時內容表單授課時間90分鐘課時2

掌握創(chuàng)建表單地方法。

掌握設置表單屬性地方法。

教學目的掌握創(chuàng)建列表與菜單地方法。

掌握創(chuàng)建文本域與圖像域地方法。

掌握創(chuàng)建按鈕地方法。

掌握如何創(chuàng)建表單。

教學重點

熟練掌握各表單地使用方法。

教學難點能夠正確使用不同類型地表單制作網(wǎng)頁.

1.教學思路:(1)通過對課堂案例地講解掌握用用戶登錄界面,人力資源網(wǎng)頁地制作

方法;(2)再通過軟件有關功能地解析學習表單地應用;(3)最后通過課堂練習

初中九年及課后習題消化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題演練提高學生

計地實際應用能力。

3.教學資料及要求:在網(wǎng)上中找一些會員注冊地網(wǎng)頁頁面進行制作,來加深學員對知

識點地理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中表單分為哪幾種類型?如果想制作上傳照片地效果應該應用哪種

表單屬性?

2,在DreamweaverCS6中表單是否可以用CSS樣式控制?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

10.1表單地使用

10.1.1創(chuàng)建表單

10.1.2表單地屬性

10.1.3單行文本域

10.1.4課堂練習——用戶登錄界面

10.1.5復選框

10.1.6單選按鈕

10.1.7單選按鈕組

10.1.8課堂練習一一人力資源網(wǎng)頁

10.1.9創(chuàng)建列表與菜單

10.1.10創(chuàng)建跳轉菜單

10.1.11創(chuàng)建圖像域

10.1.12創(chuàng)建文件域

10.1.13創(chuàng)建按鈕

課堂練習——智能掃地機器人網(wǎng)頁

課后習題——美食在線網(wǎng)頁

1.熟練掌握表單地類型及應用.

小結

2.熟練掌握行為面板。

課堂練習——智能掃地機器人網(wǎng)點

良練習知識要點

使用“文本字段”按鈕,制作用戶名,手機,密碼與驗證碼文本框;使用“CSS樣式”命令,

設置文本框地大小及邊距。

扈效果所在位置

云盤/Ch10/效果/智能掃地機器人網(wǎng)頁/index.hlml。

作業(yè)

課后習題一一美食在線網(wǎng)貞

B習題知識要點

使用“文本字段”按鈕,插入文本字段;使用“圖像域”按鈕,插入圖像域;使用“選擇(列

表/菜單)”按鈕,制作下拉菜單。

氫效果所在位置

云盤/Ch10/效果/美食在線網(wǎng)頁/index.html。

第11講

課時內容行為授課時間90分鐘課時2

了解“行為”面板。

教學目的掌握應用行為地方法。

掌握動作地使用方法與技巧。

掌握行為地作用。

教學重點

熟練掌握動作地使用方法。

教學難點能夠正確使用不同類型地動作制作網(wǎng)頁。

1.教學思路:(1)通過對課堂案例地講解掌握愛在七夕網(wǎng)頁地制作方法;(2)再通

過軟件有關功能地解析學習行為與動作地應用方法及技巧;(3)最后通過課堂練

初中九年習及課后習題消化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題演練提高學生

計地實際應用能力。

3.教學資料及要求:在網(wǎng)上中找一些有關行為或動作地網(wǎng)頁頁面進行制作,來加深學

員對知識點地理解與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中如何制作狀態(tài)欄文本效果?

2,在DreamweaverCS6中是否可以制作彈出信息?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

11.1行為概述

11.1.1“行為”面板

11.1.2應用行為

11.2動作

11.2.1打開瀏覽器窗口

11.2.2拖動層

11.2.3設置容器地文本

11.2.4設置狀態(tài)欄文本

11.2.5設置文本域文字

11.2.6設置框架文本

11.2.7課堂案例一愛在七夕網(wǎng)頁

課堂練習——品牌商城網(wǎng)頁

課后習題——開心烘焙網(wǎng)頁

1.熟練掌握行為地應用。

小結

2.熟練掌握動作面板地使用方法及技巧。

課堂練習品牌商城網(wǎng)貞

0練習知識要點

使用“彈出信息”行為命令,制作彈出信息效果;使用“狀態(tài)欄文本”行為命令,制作狀態(tài)

欄文本。

氫效果所在位置

云盤/Chi1/效果/品牌商城網(wǎng)頁Andex.html。

作業(yè)

課后習題一一開心烘焙網(wǎng)點

宮習題知識要點

使用“交換圖像”命令,制作鼠標經(jīng)過圖像發(fā)生變化效果。

宮效果所在位置

云盤/Chi1/效果/開心烘焙網(wǎng)頁/index.html。

第12講

課時內容網(wǎng)頁代碼授課時間135分鐘課時3

了解網(wǎng)頁代碼。

掌握標簽庫插入標簽地方法。

教學目的

掌握常用地HTML標簽。

掌握響應地HTML事件。

熟練掌握HTML標簽。

教學重點

熟練掌握腳本語言。

教學難點能夠正確地編寫代碼。

1.教學思路:(1)通過對課堂地講解掌握參考面板地使用方法;(2)再通過軟件有

關功能地解析學習標簽地編寫方法與常用工具,以及HTML響應時間;(4)最后通

初中九年過課堂練習及課后習題消化所學軟件知識,提高網(wǎng)頁制作地能力。

級數(shù)學教2.教學手段:(1)通過課堂實訓案例熟悉設計理念與軟件功能;(2)通過軟件功能

案教學設解析深入學習軟件功能與制作特點。(3)通過課堂練習及課后習題提高學生地實

計際應用能力。

3.教學資料及要求:在網(wǎng)上中找一些網(wǎng)頁頁面進行制作,來加深學員對知識點地理解

與提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中有哪幾種方法可以添加所需地標簽?

2,在DreamweaverCS6中如何快速選中所需地標簽?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

12.1網(wǎng)頁代碼概述

12.1.1使用“參考”面板

12.1.2使用標簽庫插入標簽

12.1.3用標簽選擇器插入標簽

12.2編輯代碼

12.2.1使用標簽檢查器編輯代碼

12.2.2使用標簽編輯器編輯代碼

12.3常用地HTML標簽

12.4響應地HTML事件

課堂練習——品質狂歡節(jié)網(wǎng)頁

1.熟練掌握常用地HTML標簽及標簽地編寫。

小結

2.熟練響應HTML事件。

課堂練習一一品質狂歡節(jié)網(wǎng)頁

宮練習知識要點

使用“插入標簽”命令,制作浮動框架效果。

作業(yè)宮效果所在位置

云盤/。112/效果/品質狂歡節(jié)網(wǎng)頁/后(1€*血17||。

第13講

課時內容個人網(wǎng)頁概述授課時間135分鐘課時3

了解個人網(wǎng)頁地特色與功能。

掌握個人網(wǎng)頁地設計流程。

教學目的

掌握個人網(wǎng)頁地設計思路與布局。

掌握個人網(wǎng)頁地制作方法。

熟練掌握個人網(wǎng)頁地設計流程及思路布局。

教學重點

熟練掌握個人網(wǎng)頁地制作方法及技巧。

教學難點能夠正確地使用CSS樣式。

1.教學思路:(1)通過對個人網(wǎng)頁設計地概述掌握個人網(wǎng)頁設計地技巧;(2)通過

初中九年對個人網(wǎng)頁設計地講解掌握妞妞地個人網(wǎng)頁,李明個人網(wǎng)站與美琪地個人網(wǎng)頁地制

級數(shù)學教作方法。

案教學設2.教學手段:通過課堂練習與課后習題提高學生地實際應用能力。

計3.教學資料及要求:在網(wǎng)上找一些個人網(wǎng)頁案例進行制作,來加深學員對知識點地理

解并提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中設計個人網(wǎng)頁需要注意哪些事項?

2,在DreamweaverCS6中設計個人網(wǎng)頁有哪些特色?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

13.1個人網(wǎng)頁概述

13.2妞妞地個人網(wǎng)頁

13.2.1案例分析

13.2.2案例設計

13.2.3案例制作

13.3李明個人網(wǎng)站

13.3.1案例分析

13.3.2案例設計

13.3.3案例制作

13.4美琪地個人網(wǎng)頁

13.4.1案例分析

13.4.2案例設計

13.4.3案例制作

課堂練習——娟娟地個人網(wǎng)站

課后習題——李梅地個人網(wǎng)頁

1.熟練掌握表格地應用與表格地嵌套。

小結

2.熟練掌握CSS樣式地各屬性。

課堂練習——娟娟地個人網(wǎng)站

宮練習知識要點

使用“頁面屬性”命令,設置背景顏色,頁面邊距與文字顏色大小;使用“屬性”面板,

改變單元格地高度與寬度;使用“CSS樣式”命令,設置單元格地背景圖像。

息效果所在位置

云盤/Ch13/效果/娟娟地個人網(wǎng)站/index.hlml。

作業(yè)

課后習題一一李梅地個人網(wǎng)頁

扈習題知識要點

使用“屬性”面板,設置單元格背景顏色與高度;使用“CSS樣式”命令,設置文字行間距

效果;使用“鼠標經(jīng)過圖像"按鈕,制作導航條效果;使用“表單”按鈕,插入表單效果。

皂效果所在位置

云盤/Ch13/效果/李梅地個人網(wǎng)頁/index.html。

第14講

課時內容游戲娛樂網(wǎng)頁授課時間135分鐘課時3

了解游戲娛樂網(wǎng)頁地內容與服務。

掌握游戲娛樂網(wǎng)頁地設計流程。

教學目的

掌握游戲娛樂網(wǎng)頁地設計布局。

掌握游戲娛樂網(wǎng)頁地制作方法。

熟練掌握游戲娛樂網(wǎng)頁地設計流程及思路布局。

教學重點

熟練掌握游戲娛樂網(wǎng)頁地制作方法及技巧。

教學難點能夠正確地使用CSS樣式。

1.教學思路:(1)通過對游戲娛樂網(wǎng)頁設計地概述掌握游戲娛樂網(wǎng)頁設計地技巧;(2)

初中九年通過對游戲娛樂網(wǎng)頁設計地講解掌握鋒芒游戲網(wǎng)頁,娛樂星聞網(wǎng)頁與綜藝頻道網(wǎng)頁

級數(shù)學教地制作方法。

案教學設2.教學手段:通過課堂練習與課后習題提高學生地實際應用能力。

計3.教學資料及要求:在網(wǎng)上找一些游戲娛樂網(wǎng)頁案例進行制作,來加深學員對知識點

地理解并提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中設計游戲娛樂網(wǎng)頁需要注意哪些事項?

2,在DreamweaverCS6中可以插入那幾種格式地動畫或視頻文件?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

14.1游戲娛樂網(wǎng)頁概述

14.2鋒芒游戲網(wǎng)頁

14.2.1案例分析

14.2.2案例設計

14.2.3案例制作

14.3娛樂星聞網(wǎng)頁

14.3.1案例分析

14.3.2案例設計

14.3.3案例制作

14.4綜藝頻道網(wǎng)頁

14.4.1案例分析

14.4.2案例設計

14.4.3案例制作

課堂練習——時尚潮流網(wǎng)頁

課后習題——星運奇緣網(wǎng)頁

/|\幺士1.熟練掌握表格地應用與表格地嵌套。

/J口

2.熟練掌握CSS樣式地各屬性。

課堂練習一一時尚潮流網(wǎng)點

宮練習知識要點

使用“頁面屬性”命令,設置頁面字體,大小顏色與頁面邊距;使用“屬性”面板,設置單元

格背景顏色,寬度與高度;使用“CSS樣式”命令,設置文字地顏色,大小與行距。

息效果所在位置

云盤/Ch14/效果/時尚潮流網(wǎng)頁/index.html。

作業(yè)

課后習題一一星運奇緣網(wǎng)頁

扈習題知識要點

使用“頁面屬性”命令,設置頁面字體,大小顏色與頁面邊距;使用“圖像”按鈕,插入log。

圖像;使用“CSS樣式”面板,設置單元格背景圖像,文字顏色,大小與行距;使用“屬性”面板,

設置單元格地寬度與高度。

區(qū)效果所在位置

云盤/Ch14/效果/星運奇緣網(wǎng)頁/index.html。

第15講

課時內容旅游休閑網(wǎng)頁授課時間135分鐘課時3

了解旅游休閑網(wǎng)頁地功能與特色。

了解旅游休閑網(wǎng)頁地類別與內容。

教學目的掌握旅游休閑網(wǎng)頁地設計流程。

掌握旅游休閑網(wǎng)頁地布局構思。

掌握旅游休閑網(wǎng)頁地制作方法。

熟練掌握旅游休閑網(wǎng)頁地設計流程及思路布局。

教學重點

熟練掌握旅游休閑網(wǎng)頁地制作方法及技巧。

教學難點能夠正確地使用CSS樣式。

1.教學思路:(1)通過對旅游休閑網(wǎng)頁設計地概述掌握旅游休閑網(wǎng)頁設計地技巧;(2)

初中九年通過對旅游休閑網(wǎng)頁設計地講解掌握滑雪運動網(wǎng)頁戶外運動網(wǎng)頁與瑜珈休閑網(wǎng)頁

級數(shù)學教地制作方法。

案教學設2.教學手段:通過課堂練習與課后習題提高學生地實際應用能力。

計3.教學資料及要求:在網(wǎng)上找一些游戲娛樂網(wǎng)頁案例進行制作,來加深學員對知識點

地理解并提高實際操作能力。

學習內容

討論問題:1,在DreamweaverCS6中設計旅游休閑網(wǎng)頁需要注意哪些事項?

2,在DreamweaverCS6中如何制作鼠標經(jīng)過是交換圖像?有幾種方法分別是?

內容大綱:具體可結合本項目地PPT課件進行配合講解。

15.1旅游休閑網(wǎng)頁概述

15.2滑雪運動網(wǎng)頁

15.2.1案例分析

15.2.2案例設計

15.2.3案例制作

15.3戶外運動網(wǎng)頁

15.3.1案例分析

15.3.2案例設計

15.3.3案例制作

15.4瑜珈休閑網(wǎng)頁

15.4.1案例分析

15.4.2案例設計

15.4.3案例制作

課堂練習——休閑生活網(wǎng)頁

課后習題——橄欖球運動網(wǎng)頁

1.熟練掌握表格地應用與表格地嵌套。

小結

2.熟練掌握CSS樣式地各屬性。

課堂練習一一休閑生活網(wǎng)點

良練習知識要點

使用“頁面屬性”命令,設置頁面字體,大小顏色與頁面邊距;使用“屬性”面板,設置單元

格背景顏色,寬度與高度;使用“CSS樣式”命令,設置文字地顏色,大小與行距。

扈效果所在位置

云盤/Ch15/效果/休閑生活網(wǎng)頁/index.hlml。

作業(yè)課后習題——橄欖球運動網(wǎng)貞

B習題知識要點

使用“頁面屬性”命令,改變頁面字體,大小,顏色,背景顏色與頁邊距效果;使用“圖像”按

鈕,插入圖像;使用“CSS樣式”面板,制作單元格背景,文字顏色與行距效果;使用“屬性”面板,

改變單元格地背景顏色,高度與寬度。

宮效果所在位置

云盤/Ch15/效果/橄欖球運動網(wǎng)頁/index.hlml。

第16講

課時內容房產(chǎn)網(wǎng)頁授課時間135分鐘課時3

了解房產(chǎn)網(wǎng)頁地功能與服務。

了解房產(chǎn)網(wǎng)頁地類別與內容。

教學目的掌握房產(chǎn)網(wǎng)頁地設計流程。

掌握房產(chǎn)網(wǎng)

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論