《dreamweaver網(wǎng)頁設(shè)計(jì)》教案

1、13?動態(tài)網(wǎng)頁、靜態(tài)網(wǎng)頁?IP地址、域名、網(wǎng)址（url）、瀏覽器等概念?網(wǎng)頁布局?網(wǎng)頁布局的相關(guān)概念?常見的布局類型?網(wǎng)站管理與網(wǎng)頁制作相關(guān)軟件?制作和管理網(wǎng)頁工具；?制作和優(yōu)化網(wǎng)頁圖像工具；?制作網(wǎng)頁動畫工具；?其中Dreamweaver、firewks、flash這三個(gè)軟件合稱為網(wǎng)頁“三劍客”。?其他小工具軟件。?HTML語言?HTML的概念?HTML文檔的基本結(jié)構(gòu)?幾個(gè)常見的html標(biāo)簽：html、head、title、style

2、、、link、meta、body、img、p、font等。?XHTML語言簡介?腳本語言簡介3.網(wǎng)頁的設(shè)計(jì)理念和配色方案?網(wǎng)頁的設(shè)計(jì)理念?色彩的三要素以注冊和登錄郵箱為例，對比講解動態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁的特點(diǎn)和區(qū)別。以平頂山學(xué)院和搜狐網(wǎng)站的IP地址與域名為例，簡要講述這兩個(gè)概念。通過查看分析知名網(wǎng)站的網(wǎng)址引入url的定義和組成，其它概念略講。提醒學(xué)生理解并記憶上述概念。打開一網(wǎng)頁（詳細(xì)講解網(wǎng)頁布局效果的教程）讓學(xué)生討論、分析總結(jié)布局類型。根

3、據(jù)學(xué)生特點(diǎn)簡要講解ps、flash、fw等軟件在網(wǎng)頁設(shè)計(jì)中的功能。打開搜狐主頁的源代碼，讓學(xué)生認(rèn)識一下html語言及其結(jié)構(gòu)，然后分別用記事本和dw創(chuàng)建2個(gè)最簡單的網(wǎng)頁，讓學(xué)生細(xì)看其源代碼，并詳細(xì)講解8個(gè)基本標(biāo)簽及其結(jié)構(gòu)關(guān)系，最后根據(jù)時(shí)間酌情講解其它幾個(gè)常見標(biāo)簽。簡要講解這兩個(gè)概念，然后創(chuàng)建一個(gè)網(wǎng)頁，復(fù)制無縫循環(huán)的代碼并粘貼到網(wǎng)頁的body標(biāo)簽，讓學(xué)生了解腳本語言的功能。讓學(xué)生欣賞插入后的效果，吸引學(xué)生dw的相關(guān)代碼。結(jié)合上網(wǎng)的經(jīng)驗(yàn)，讓學(xué)