電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)上機(jī)實(shí)驗(yàn)指導(dǎo)書

1、電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)上機(jī)實(shí)驗(yàn)指導(dǎo)書實(shí)驗(yàn)一： 熟悉超文本標(biāo)記的使用1、 實(shí)驗(yàn)?zāi)康模菏煜こＳ玫膆tml標(biāo)記，理解雙邊標(biāo)記和單邊標(biāo)記的概念，使用記事本編寫網(wǎng)頁文件。2、 實(shí)驗(yàn)內(nèi)容：（1） 立一個(gè)基本的html文件（2） 用<strong>,<i>,<u>,<sup>,<sub>等標(biāo)記對(duì)網(wǎng)頁中的文本進(jìn)行修飾，使用<font>的size,color,face等屬性。（3） 原文件代碼中修改網(wǎng)頁背靜顏色，使用背靜圖片（4） 用<img src=>在網(wǎng)頁中加入圖片，使用width,height, border,alt等屬性。

2、（5） 用<a href=>標(biāo)記對(duì)文本和圖片作超鏈接3、 預(yù)習(xí)要求及參考書目要求預(yù)習(xí)教材中的第一章、第二章。4實(shí)驗(yàn)步驟：（1） 在windows環(huán)境中，點(diǎn)擊“開始-程序-附件-記事本”（2） 在記事本中用html標(biāo)記編寫網(wǎng)頁文件（3） 將文件另存為*. html（4） 用瀏覽器打開所保存的網(wǎng)頁文件（5） 在原代碼中加入對(duì)文本，背靜修飾標(biāo)記（6） 在原代碼中使用<img src=.>標(biāo)記加入圖片（7） 對(duì)文本和圖片進(jìn)行超鏈接。（8） 在瀏覽器中顯示修改后的效果。（9） 根據(jù)需要重新調(diào)整原代碼。（10） 重復(fù)第(8),(9)步驟。實(shí)驗(yàn)二： 網(wǎng)頁表格和表單的制作1、實(shí)驗(yàn)?zāi)康模?/p>

3、掌握網(wǎng)頁中表格和表單的制作方法2、實(shí)驗(yàn)內(nèi)容：（1） 建立一個(gè)基本的html文件（2） 網(wǎng)頁中表格（3） 網(wǎng)頁中表單制作3、預(yù)習(xí)要求及參考書目要求預(yù)習(xí)教材中的第一章、第二章。4、實(shí)驗(yàn)步驟：（1） windows環(huán)境中，點(diǎn)擊“開始-程序-附件-記事本”（2） 記事本中用html標(biāo)記編寫網(wǎng)頁文件（3） <table>,<tr>,<td>,等標(biāo)記在網(wǎng)頁中建立教材名稱、作者、出版社、單價(jià)等項(xiàng)目的表格。（4） 變表格中border,width,height,bgcolor等屬性（5） <form>,等標(biāo)記建立表單，制作單行文本框，單選鈕、復(fù)選框，選擇下拉框、

4、文本域等表單元素，制作一個(gè)客戶調(diào)查表單，調(diào)查客戶的姓名、性別、職業(yè)、愛好、建議等項(xiàng)目（6） 文件另存為*. html（7） 瀏覽器打開所保存的網(wǎng)頁文件（8） 原代碼中加入對(duì)文本，背靜修飾標(biāo)記（9） 瀏覽器中顯示修改后的效果。（10） 據(jù)需要重新調(diào)整原代碼。（11）重復(fù)第(9),(10)步驟。實(shí)驗(yàn)三： 網(wǎng)頁圖片和文字處理1、實(shí)驗(yàn)?zāi)康模赫莆站W(wǎng)頁中圖片和文字的處理方法2、實(shí)驗(yàn)內(nèi)容：圖片的處理文字的處理3、預(yù)習(xí)要求及參考書目要求預(yù)習(xí)教材中的關(guān)于fireworks、photoshop的內(nèi)容4、實(shí)驗(yàn)步驟：（1） photoshop環(huán)境中，新建文件（2） 使用各種工具制作圖片，文字。（3） 對(duì)圖片大小，圖層

5、，效果，濾鏡使圖片文字達(dá)到自己需要的效果（4） 保存圖片為jpg或gif格式（5） 在fireworks中，打開一副圖片（6） 對(duì)打開的圖片使用各種工具進(jìn)行處理（7） 保存處理好的圖片和文字實(shí)驗(yàn)四： 網(wǎng)頁動(dòng)畫制作1、實(shí)驗(yàn)?zāi)康模赫莆站W(wǎng)頁中動(dòng)畫的制作方法2、實(shí)驗(yàn)內(nèi)容：（4） 認(rèn)識(shí)flash各種工具及其使用方法（5） 文字、圖片動(dòng)畫的制作（6） 廣告的制作3、預(yù)習(xí)要求及參考書目要求預(yù)習(xí)教材中的關(guān)于flash制作的內(nèi)容4、實(shí)驗(yàn)步驟：(1) flash環(huán)境中，新建文件(2) 改變影片大?。?） 場(chǎng)景中輸入文字（4） 使用時(shí)間軸、關(guān)鍵貞、移動(dòng)鍵，創(chuàng)建動(dòng)畫或變形處理，使動(dòng)畫達(dá)到自己需要的效果（5） 測(cè)試影片，調(diào)整（6） 輸出影片（7） 新建另一文件，導(dǎo)入圖片（8） 在場(chǎng)景中加入新的一層，導(dǎo)入另一圖片（9） 使圖片交替出現(xiàn)，（10） 還可以加入文字，聲音等圖層，制作產(chǎn)品廣告（11） 導(dǎo)出影片實(shí)驗(yàn)五： 使用dreamweaver制作網(wǎng)頁1、實(shí)驗(yàn)?zāi)康模赫莆誨reamweaver的操作方法2、實(shí)驗(yàn)內(nèi)容：使用dreamweaver制作網(wǎng)頁3、預(yù)習(xí)要求及參考書目要求預(yù)習(xí)教材中的關(guān)于dreamweaver的內(nèi)容4、實(shí)驗(yàn)步驟：(1) dreamweaver環(huán)境中，新建網(wǎng)頁(2) 使用普通面板、表單面板、框架面板等工具制作網(wǎng)頁(3) 改變網(wǎng)頁中各種元素的屬性(4) 在網(wǎng)頁中