1、網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)踐教學(xué)大綱本實(shí)踐教學(xué)大綱是電子商務(wù)專(zhuān)業(yè)“網(wǎng)頁(yè)設(shè)計(jì)與制作”等相關(guān)基礎(chǔ)課程的實(shí)踐教學(xué)大綱，是完成“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程和培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)與制作的基本操作技能的重要實(shí)習(xí)實(shí)踐環(huán)節(jié)?？倢W(xué)時(shí)為48學(xué)時(shí)，共包括14個(gè)實(shí)踐項(xiàng)目。實(shí)踐地點(diǎn)為校內(nèi)計(jì)算機(jī)基礎(chǔ)實(shí)驗(yàn)室。實(shí)踐結(jié)果將使學(xué)生全面掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的技術(shù)及網(wǎng)頁(yè)制作軟件的使用。一、適用專(zhuān)業(yè)范圍本實(shí)踐教學(xué)大綱適用于高職廣告設(shè)計(jì)與制作專(zhuān)業(yè)、電子商務(wù)等計(jì)算機(jī)應(yīng)用類(lèi)專(zhuān)業(yè)。二、實(shí)踐前期準(zhǔn)備知識(shí)1計(jì)算機(jī)基礎(chǔ)及網(wǎng)絡(luò)基礎(chǔ)理論知識(shí)；2電腦圖形制作軟件的使用技巧。三、學(xué)時(shí)分配本實(shí)踐教學(xué)為48學(xué)時(shí)。四、實(shí)踐條件及要求1硬件要求：使用計(jì)算機(jī)，512M內(nèi)存、40G硬盤(pán)2軟件要

2、求：（1）Windows98以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、實(shí)踐內(nèi)容實(shí)驗(yàn)一 HTML基礎(chǔ)實(shí)驗(yàn) 7學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1掌握HTML語(yǔ)法基本的基本結(jié)構(gòu)。 2熟悉HTML編寫(xiě)網(wǎng)頁(yè)的方法。 （二）實(shí)驗(yàn)要求完成實(shí)驗(yàn)報(bào)告，在實(shí)驗(yàn)報(bào)告中要求記錄如下內(nèi)容： HTML語(yǔ)法基本結(jié)構(gòu)HTML各標(biāo)記的使用 （三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為7學(xué)時(shí)（四）實(shí)驗(yàn)內(nèi)容1寫(xiě)出HTML語(yǔ)法的基本結(jié)構(gòu)2編寫(xiě)包括文本和圖像的兩至三個(gè)簡(jiǎn)單網(wǎng)頁(yè)3在網(wǎng)頁(yè)之間建立文本、圖像和書(shū)簽超鏈接4編寫(xiě)一個(gè)帶有表格的網(wǎng)頁(yè)5編寫(xiě)一個(gè)帶框架結(jié)構(gòu)的網(wǎng)頁(yè)實(shí)驗(yàn)二 Dreamweaver基礎(chǔ) 2學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)熟悉

3、DreamWeaver的界面及其操作(2)熟悉使用DreamWeaver建立站點(diǎn)，理解本地站點(diǎn)和遠(yuǎn)程站點(diǎn)的概念（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是制作一個(gè)“長(zhǎng)春悠游網(wǎng)”的站點(diǎn)，分類(lèi)建立文件夾和2-3個(gè)網(wǎng)頁(yè)。實(shí)驗(yàn)三 創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè)實(shí)例 2學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)熟悉基本網(wǎng)元素及其操作(2)能夠運(yùn)用頁(yè)面屬性設(shè)置網(wǎng)頁(yè)的背景等內(nèi)容（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)

4、完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是制作一個(gè)“長(zhǎng)春悠游網(wǎng)”的主頁(yè)文件及其它2-3個(gè)相關(guān)網(wǎng)頁(yè)，每個(gè)它包括文本、圖像、水平線(xiàn)以及日期和時(shí)間等元素。實(shí)驗(yàn)四 創(chuàng)建網(wǎng)頁(yè)超鏈接 3學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康某溄拥幕径x及基各種超鏈接的創(chuàng)建和編輯操作（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為3學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是利用上次實(shí)驗(yàn)的內(nèi)容制作超級(jí)鏈接，包括文本、圖像、熱區(qū)以及錨

5、點(diǎn)鏈接。實(shí)驗(yàn)五 利用表格布局頁(yè) 4學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)利用表格進(jìn)行文本的整齊排列和自由的圖文混排(2)在整個(gè)表格內(nèi)使用背景圖像和色彩。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)表格布局的基礎(chǔ)概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為4學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是利用表格進(jìn)行網(wǎng)頁(yè)的定位練習(xí)1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.制作兩個(gè)利用表格定位的網(wǎng)頁(yè)其中一個(gè)為教師指定樣式，另一個(gè)可以自由發(fā)揮。3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)六 框架網(wǎng)頁(yè)的創(chuàng)建 4學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康恼莆蘸土?/p>

6、解框架網(wǎng)頁(yè)的創(chuàng)建和編輯操作，熟悉目標(biāo)框架的設(shè)定。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)框架網(wǎng)頁(yè)的基礎(chǔ)概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為4學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是利用框架結(jié)構(gòu)來(lái)建立網(wǎng)頁(yè)，并設(shè)置目標(biāo)框架。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.制作兩個(gè)框架網(wǎng)頁(yè)其中一個(gè)為教師指定樣式，另一個(gè)可以自由發(fā)揮。3.設(shè)置網(wǎng)頁(yè)間的超鏈接,并設(shè)置目標(biāo)框架.實(shí)驗(yàn)七時(shí)間軸動(dòng)畫(huà)制作 3學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)掌握時(shí)間軸和層的基本理論 (2)熟悉層面板，利用時(shí)間軸制作層動(dòng)畫(huà)。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)

7、真預(yù)習(xí)，熟練掌握有關(guān)時(shí)間軸和層概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為3學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容使用層和時(shí)間軸制作動(dòng)畫(huà)：1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2、在網(wǎng)頁(yè)上添加如下的時(shí)間軸動(dòng)畫(huà)(1)層的曲線(xiàn)運(yùn)動(dòng)(2)錄制層路徑3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)八 表單網(wǎng)頁(yè)的創(chuàng)建 3學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)熟悉和掌握表單的各元素的基本操作(2)能夠獨(dú)立創(chuàng)建表單網(wǎng)頁(yè)實(shí)例（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)表單網(wǎng)頁(yè)的基礎(chǔ)概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使

8、用。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為3學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是熟練表單的基本操作，并制作表單網(wǎng)頁(yè)。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.其中一個(gè)網(wǎng)頁(yè)為表單網(wǎng)為老師指定,其他含表單項(xiàng)目網(wǎng)頁(yè)自由發(fā)揮制作。3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)九 簡(jiǎn)單的行為的應(yīng)用 2學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)添加內(nèi)置的行為。(2)設(shè)置觸發(fā)行為的事件。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)行為和事件的概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容利用Dreamweaver添加內(nèi)置行為和設(shè)置觸發(fā)事件，為網(wǎng)頁(yè)增加頁(yè)面效果。

9、1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.為每網(wǎng)頁(yè)添加一種行為.3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)十 CSS樣式在網(wǎng)頁(yè)中的應(yīng)用 3學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)利用CSS定義鼠標(biāo)的形狀。(2)利用CSS濾鏡增加頁(yè)面效果。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)CSS概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為3學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容利用CSS定義鼠標(biāo)的形狀，利用CSS濾鏡增加頁(yè)面效果。1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2、鼠標(biāo)樣式的設(shè)置3、濾鏡的使用4.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)十一：網(wǎng)頁(yè)中多媒體的應(yīng)用 2學(xué)時(shí)（一

10、）實(shí)驗(yàn)?zāi)康模?）掌握在網(wǎng)頁(yè)中插入各種音頻文件的操作（2）掌握在網(wǎng)頁(yè)中插入Flash文件的操作（3）掌握在網(wǎng)頁(yè)插入視頻文件的操作（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)多媒體的基本概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.分別在網(wǎng)頁(yè)添加如下的多媒體效果:（1）插入各種音頻文件（2）插入Flash文件（3）插入視頻文件3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)十二：模板和庫(kù)在網(wǎng)頁(yè)中的應(yīng)用 2學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)掌握模板和庫(kù)項(xiàng)目的創(chuàng)建操作(2)能夠應(yīng)用模板和庫(kù)設(shè)計(jì)網(wǎng)頁(yè)

11、(3)掌握利用模板和庫(kù)更新頁(yè)面的方法（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)模板和庫(kù)的基本概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容1.建立一個(gè)本地站點(diǎn),包括2-3個(gè)網(wǎng)頁(yè)2.在網(wǎng)站中創(chuàng)建模板和庫(kù)項(xiàng)目3.在網(wǎng)站利用模板創(chuàng)建網(wǎng)頁(yè).4.在網(wǎng)頁(yè)添加庫(kù)項(xiàng)目并修改后進(jìn)行更新.5.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁(yè)鏈接起來(lái)。實(shí)驗(yàn)十三：站點(diǎn)測(cè)試和發(fā)布 2學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康?1)站點(diǎn)測(cè)試的內(nèi)容與操作(2)定義遠(yuǎn)程站點(diǎn)的方法(3)使用Dreamweaver8發(fā)布站點(diǎn)（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)站點(diǎn)測(cè)試和發(fā)布的基本概念和知識(shí)。實(shí)驗(yàn)過(guò)程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。（三）學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。（四）實(shí)驗(yàn)內(nèi)容利用在實(shí)驗(yàn)項(xiàng)目十一中的站點(diǎn),完成以下操作(1)進(jìn)行站點(diǎn)的測(cè)試(2)利用Dreamweaver的內(nèi)置FTP將本地點(diǎn)連接到遠(yuǎn)端站點(diǎn),并將網(wǎng)站上傳到遠(yuǎn)端站點(diǎn).實(shí)驗(yàn)十四：FLSH基礎(chǔ)實(shí)驗(yàn) 9學(xué)時(shí)（一）實(shí)驗(yàn)?zāi)康模?）熟悉 Flash 的界面和文件操作。 （2）基本掌握各種文字特效的制作方法。（3）基本掌握各種基本動(dòng)畫(huà)的制作方法。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真