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

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

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

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