網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū)-全稿

1、《網(wǎng)頁(yè)制作》實(shí)驗(yàn)指導(dǎo)書(shū)第1頁(yè)第一章第一章網(wǎng)頁(yè)制作開(kāi)發(fā)工具的基本操作網(wǎng)頁(yè)制作開(kāi)發(fā)工具的基本操作實(shí)驗(yàn)實(shí)驗(yàn)1.11.1DreamweaverDreamweaver8軟件的基本操作軟件的基本操作【相關(guān)知識(shí)相關(guān)知識(shí)】1.Dreamweaver8相對(duì)于其他以前的版本增加和增強(qiáng)的功能有：支持XML數(shù)據(jù)、增加樣式呈現(xiàn)工具欄、增強(qiáng)CSS設(shè)計(jì)、增加代碼折疊功能。2.Dreamwaver8支持Windows和Macintosh兩種操作系統(tǒng)。3.在Dreamw

2、eaver8中可以使用HTML、CSS、XML等多種文件類(lèi)型，主要的文件類(lèi)型是HTML文件，可以使用.html或.htm擴(kuò)展名保存HTML文件。一、實(shí)驗(yàn)?zāi)康暮鸵笠?、?shí)驗(yàn)?zāi)康暮鸵髮W(xué)會(huì)Dreamweaver8的安裝和卸載的方法。二、實(shí)驗(yàn)步驟二、實(shí)驗(yàn)步驟1.安裝Dreamwaver8（1）運(yùn)行，打開(kāi)安裝向?qū)?duì)話框。（2）單擊[下一步]按鈕，打開(kāi)安裝向?qū)У脑S可證協(xié)議頁(yè)面。（3）選中[我接受該許可證協(xié)議中的條款]，單擊[下一步]按鈕，打開(kāi)選擇

3、安裝路徑的對(duì)話框。（4）可以通過(guò)選中[創(chuàng)建快速啟動(dòng)欄快捷方式]或[在桌面上創(chuàng)建快捷方式]復(fù)選框來(lái)創(chuàng)建快速啟動(dòng)欄快捷圖標(biāo)或桌面快捷圖標(biāo)，單擊[更改]按鈕，打開(kāi)更改當(dāng)前目的地文件夾頁(yè)面。（5）在[文件夾名稱(chēng)]文本框中輸入新的文件夾路徑，單擊[確定]按鈕，返回安裝路徑對(duì)話框，單擊[下一步]，打開(kāi)默認(rèn)的文件類(lèi)型對(duì)話框。（6）單擊[下一步]按鈕，打開(kāi)[已做好安裝程序的準(zhǔn)備]對(duì)話框。（7）單擊[安裝]按鈕，開(kāi)始安裝Dreamweaver8，安裝過(guò)程

4、會(huì)持續(xù)幾分鐘，然后顯示[完成Dreamweaver8安裝工作]對(duì)話框，如圖11所示。（8）單擊[完成]按鈕，完成Dreamweaver8的安裝工作。2.卸載Dreamwaver8（1）在[開(kāi)始]菜單中選擇[控制面板]命令后，打開(kāi)相應(yīng)面板。（2）選擇[添加刪除程序]命令后，打開(kāi)相應(yīng)面板。（3）在[添加或刪除程序]對(duì)話框的[當(dāng)前安裝的程序]列表中選擇[MicromediaDreamweaver8]一項(xiàng)，單擊[刪除]按鈕。（4）詢(xún)問(wèn)是否確認(rèn)刪

5、除，選擇“是”后，開(kāi)始卸載Dreamweaver8。實(shí)驗(yàn)實(shí)驗(yàn)1.21.2FirewksFirewks8軟件的基本操作軟件的基本操作【相關(guān)知識(shí)相關(guān)知識(shí)】1.Firewks8是一款專(zhuān)門(mén)針對(duì)Web圖像設(shè)計(jì)而開(kāi)發(fā)的軟件，可以用來(lái)創(chuàng)建和編輯網(wǎng)頁(yè)圖形，對(duì)其進(jìn)行動(dòng)畫(huà)處理，添加高級(jí)交互功能以及優(yōu)化圖像等。2.Firewks8是一個(gè)將矢量圖像處理和位圖圖像處理合二為一的應(yīng)用程序，可以直接在位圖圖像狀態(tài)和矢量圖像狀態(tài)之間進(jìn)行切換，避免了圖像在多個(gè)應(yīng)用程序之

6、間的來(lái)回遷移。3.Firewks8相對(duì)以前版本，增加了許多友好、高效的新特性，主要體現(xiàn)在優(yōu)化、集成的工作流程、簡(jiǎn)而不繁的創(chuàng)作過(guò)程以及工作流程的改進(jìn)等方面?！毒W(wǎng)頁(yè)制作》實(shí)驗(yàn)指導(dǎo)書(shū)第3頁(yè)3.幾乎任何的文字編輯器都可以用來(lái)編寫(xiě)HTML文件，如記事本、寫(xiě)字板等，只要將文件存成II純文本格式，并以.htm或.html為擴(kuò)展名即可。4.HTML語(yǔ)言是在Dreamweaver8的代碼窗口中編寫(xiě)的。一、實(shí)驗(yàn)?zāi)康暮鸵笠?、?shí)驗(yàn)?zāi)康暮鸵?.掌握Dream

7、weaver8中編寫(xiě)代碼的方法。2.掌握HTML超文本文檔的基本結(jié)構(gòu)和編寫(xiě)方法。二、實(shí)驗(yàn)步驟二、實(shí)驗(yàn)步驟1.HTML的基本結(jié)構(gòu)在Dreamweaver8的代碼窗口中，寫(xiě)入HTML的基本結(jié)構(gòu)代碼，如下所示。選擇[文檔工具欄]中的圖表后單擊[預(yù)覽在IEexple6.0]或者直接單擊F12命令，可預(yù)覽效果。2.網(wǎng)頁(yè)頭部標(biāo)記在Dreamweaver8的代碼窗口中，增加網(wǎng)頁(yè)頭部代碼，由、標(biāo)識(shí)，如下所示，預(yù)覽效果。網(wǎng)頁(yè)頭部信息網(wǎng)頁(yè)頭部信息3.網(wǎng)頁(yè)主