《網(wǎng)站(頁(yè))設(shè)計(jì)技術(shù)》實(shí)驗(yàn)指導(dǎo)書

1、 網(wǎng)站（頁(yè)）設(shè)計(jì)技術(shù) 實(shí) 驗(yàn) 指 導(dǎo) 書曾霞霞 編 寫適用專業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù)閩江學(xué)院 計(jì)算機(jī)科學(xué) 系2010年 7月前 言網(wǎng)站（頁(yè)）設(shè)計(jì)技術(shù)是計(jì)算機(jī)應(yīng)用、軟件工程等專業(yè)的一門專業(yè)選修課，是一門實(shí)用性極強(qiáng)，計(jì)算機(jī)機(jī)網(wǎng)絡(luò)應(yīng)用和網(wǎng)站建設(shè)、使用與維護(hù)的技術(shù)性課程。本課程主要培養(yǎng)學(xué)生掌握制作網(wǎng)頁(yè)、建立網(wǎng)站的能力，為將來(lái)建設(shè)電子商務(wù)網(wǎng)站、web信息系統(tǒng)打下基礎(chǔ) 。本課程以目前最流行的網(wǎng)頁(yè)設(shè)計(jì)軟件作為技術(shù)支持，由淺入深系統(tǒng)地介紹了網(wǎng)頁(yè)的構(gòu)思、規(guī)劃、制作和網(wǎng)站建設(shè)的全過(guò)程，幫助初學(xué)者在最短的時(shí)間快速掌握html語(yǔ)言及常用網(wǎng)頁(yè)設(shè)計(jì)工具的使用，并能親手設(shè)計(jì)出自己喜愛(ài)的網(wǎng)站。本指導(dǎo)書開設(shè)六個(gè)實(shí)驗(yàn)，五個(gè)驗(yàn)證性實(shí)

2、驗(yàn)主要讓學(xué)生掌握網(wǎng)頁(yè)的原理、html的結(jié)構(gòu)、dreamweaver等流行工具的使用，通過(guò)幾個(gè)網(wǎng)頁(yè)實(shí)例的開發(fā)與設(shè)計(jì)，使學(xué)生熟練掌握網(wǎng)頁(yè)設(shè)計(jì)的步驟，選擇使用合理的方法來(lái)設(shè)計(jì)功能豐富的網(wǎng)頁(yè)；“小型網(wǎng)站設(shè)計(jì)”綜合性實(shí)驗(yàn)主要讓學(xué)生體驗(yàn)網(wǎng)站規(guī)劃、設(shè)計(jì)、發(fā)布與維護(hù)的全過(guò)程，理解網(wǎng)頁(yè)制作的方法和網(wǎng)站的工作模式，詳細(xì)掌握html語(yǔ)言和dreamweaver開發(fā)工具的應(yīng)用，培養(yǎng)學(xué)生掌握網(wǎng)站開發(fā)的綜合應(yīng)用能力。目 錄 1、實(shí)驗(yàn)一html語(yǔ)言的認(rèn)識(shí)與使用42、實(shí)驗(yàn)二使用html語(yǔ)言制作網(wǎng)頁(yè)73、實(shí)驗(yàn)三dreamweaver 8入門與應(yīng)用.104、實(shí)驗(yàn)四dreamweaver 8強(qiáng)化訓(xùn)練.135、實(shí)驗(yàn)五dreamwea

3、ver結(jié)合photoshop制作網(wǎng)站166、實(shí)驗(yàn)六小型網(wǎng)站設(shè)計(jì)18實(shí)驗(yàn)一 html語(yǔ)言的認(rèn)識(shí)與使用實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類型：驗(yàn)證實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康?、熟悉html的基本結(jié)構(gòu)；2、學(xué)會(huì)創(chuàng)建html文檔；3、熟練掌握html基本標(biāo)志，包括文本、表格、圖像、超級(jí)鏈接等標(biāo)志。二、實(shí)驗(yàn)內(nèi)容1、使用記事本編寫html代碼，制作第一份網(wǎng)頁(yè)。程序代碼見(jiàn)【實(shí)驗(yàn)例程】。2、編寫html列表標(biāo)記實(shí)現(xiàn)如圖1-1所示網(wǎng)頁(yè)的設(shè)計(jì)： 圖1-13、html標(biāo)記綜合應(yīng)用。三、實(shí)驗(yàn)原理、方法和手段編寫并調(diào)試程序以達(dá)到預(yù)定效果。通過(guò)調(diào)試?yán)斫鈎tml結(jié)構(gòu)，掌握html設(shè)計(jì)網(wǎng)頁(yè)的方法。四、實(shí)驗(yàn)組織運(yùn)行要求根據(jù)本實(shí)驗(yàn)的特點(diǎn)、要求和具

4、體條件，采用以學(xué)生自主訓(xùn)練為主的開放模式組織教學(xué)。重點(diǎn)：掌握html標(biāo)志的功能并設(shè)計(jì)網(wǎng)頁(yè)難點(diǎn)：實(shí)驗(yàn)程序的問(wèn)題描述、實(shí)現(xiàn)方法、程序流程。五、實(shí)驗(yàn)條件安裝了windows 系列操作系統(tǒng)的計(jì)算機(jī)，并配有如下應(yīng)用軟件：記事本internet explorer六、實(shí)驗(yàn)步驟1、使用記事本編寫html代碼，制作第一份網(wǎng)頁(yè)。步驟一：打開記事本創(chuàng)建文件(文件名e1.txt)。步驟二：把如下代碼寫入e1.txt文件：標(biāo)題格式標(biāo)記示例這是一行普通文字一級(jí)標(biāo)題歡迎光臨有下劃線步驟三：把e1.txt文件另存為e1.html.步驟四：使用internet explorer瀏覽e1.html.步驟五：抓圖記錄實(shí)現(xiàn)的效果2編

5、寫html代碼實(shí)現(xiàn)如圖1-1所示網(wǎng)頁(yè)的設(shè)計(jì)：步驟一：遵循題1的步驟創(chuàng)建html文檔（文件名e2.html）。步驟二：使用標(biāo)記制作有序列表，起始序列為3。步驟三：使用標(biāo)記制作無(wú)序列表。（把實(shí)現(xiàn)的代碼寫入實(shí)驗(yàn)報(bào)告）3html標(biāo)記綜合應(yīng)用實(shí)例設(shè)計(jì),如圖1-2所示。圖1-2創(chuàng)建html文檔（文件名e3.html）并按如下步驟設(shè)計(jì)。步驟一：制作一行兩列表格，邊框值border=3。步驟二：添加文字“唐詩(shī)、七言樂(lè)府”字體為隸書、字號(hào)值5、加粗。 添加文字金縷衣，字體為華文新魏、字號(hào)值4。以及增加其他詩(shī)句。步驟三：添加圖片。并給圖片做超級(jí)鏈接，鏈接地址為e2.html。步驟四：制作左右滾動(dòng)文字“唐詩(shī)欣賞（滾

6、動(dòng)字幕制作）”。步驟五：插入水平線。（把實(shí)現(xiàn)的代碼寫入實(shí)驗(yàn)報(bào)告）4、回答思考題并撰寫實(shí)驗(yàn)報(bào)告七、思考題1、 常用的列表標(biāo)記有哪些？2、 什么是文字滾動(dòng)標(biāo)記，該標(biāo)記的屬性有哪些？八、實(shí)驗(yàn)報(bào)告1、實(shí)驗(yàn)預(yù)習(xí)在實(shí)驗(yàn)前每位同學(xué)都需要對(duì)本次實(shí)驗(yàn)進(jìn)行認(rèn)真的預(yù)習(xí)，并寫好預(yù)習(xí)報(bào)告，在預(yù)習(xí)報(bào)告中要寫出實(shí)驗(yàn)?zāi)康?、要求，需要用到的儀器設(shè)備、物品資料以及簡(jiǎn)要的實(shí)驗(yàn)步驟，形成一個(gè)操作提綱。對(duì)實(shí)驗(yàn)中的注意事項(xiàng)及可能出現(xiàn)的現(xiàn)象等做到心中有數(shù)，但這些不要求寫在預(yù)習(xí)報(bào)告中。設(shè)計(jì)性實(shí)驗(yàn)要求進(jìn)入實(shí)驗(yàn)室前寫出實(shí)驗(yàn)方案，并經(jīng)指導(dǎo)教師審閱后實(shí)施。2、實(shí)驗(yàn)記錄學(xué)生開始實(shí)驗(yàn)時(shí)，應(yīng)該將記錄本放在近旁，將實(shí)驗(yàn)中所做的每一步操作、觀察到的現(xiàn)象和所測(cè)

7、得的數(shù)據(jù)及相關(guān)條件如實(shí)地記錄下來(lái)。實(shí)驗(yàn)記錄中應(yīng)有指導(dǎo)教師的簽名。3、實(shí)驗(yàn)報(bào)告主要內(nèi)容包括對(duì)實(shí)驗(yàn)數(shù)據(jù)、實(shí)驗(yàn)中的特殊現(xiàn)象、實(shí)驗(yàn)操作的成敗、實(shí)驗(yàn)的關(guān)鍵點(diǎn)等內(nèi)容進(jìn)行整理、解釋、分析總結(jié)，回答思考題，提出實(shí)驗(yàn)結(jié)論或提出自己的看法。九、實(shí)驗(yàn)例程實(shí)驗(yàn)二 使用html語(yǔ)言制作網(wǎng)頁(yè)實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類型：驗(yàn)證實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康?、熟悉html的基本結(jié)構(gòu)；2、熟練掌握html基本標(biāo)志，包括文本、表格、圖像、超級(jí)鏈接、表單等標(biāo)志；3、使用html制作內(nèi)容豐富的網(wǎng)頁(yè)。二、實(shí)驗(yàn)內(nèi)容1、使用html表格元素設(shè)計(jì)表格。2、使用html表單元素設(shè)計(jì)網(wǎng)頁(yè)。3、html綜合實(shí)例設(shè)計(jì)。三、實(shí)驗(yàn)原理、方法和手段編寫并調(diào)試程序以

8、達(dá)到預(yù)定效果。通過(guò)調(diào)試?yán)斫鈎tml結(jié)構(gòu)，掌握html設(shè)計(jì)網(wǎng)頁(yè)的方法。四、實(shí)驗(yàn)組織運(yùn)行要求根據(jù)本實(shí)驗(yàn)的特點(diǎn)、要求和具體條件，采用以學(xué)生自主訓(xùn)練為主的開放模式組織教學(xué)。重點(diǎn)：掌握html標(biāo)志的功能并設(shè)計(jì)網(wǎng)頁(yè)難點(diǎn)：實(shí)驗(yàn)程序的問(wèn)題描述、實(shí)現(xiàn)方法、程序流程。五、實(shí)驗(yàn)條件安裝了windows 系列操作系統(tǒng)的計(jì)算機(jī)，并配有如下應(yīng)用軟件：記事本internet explorer六、實(shí)驗(yàn)步驟1編寫如圖2-1所示的表格的html代碼。 圖2-12使用html表單元素設(shè)計(jì)如圖2-2所示的網(wǎng)頁(yè)： 圖2-2 步驟一：創(chuàng)建html文檔（文件名e2.html）。步驟二：使用修改網(wǎng)頁(yè)背景顏色。步驟三：使用表格標(biāo)志創(chuàng)建如圖所示

9、七行一列表格。步驟四：添加相關(guān)文字與表單元素。（把實(shí)現(xiàn)的代碼寫入實(shí)驗(yàn)報(bào)告）3html綜合實(shí)例設(shè)計(jì) 圖2-3 綜合實(shí)例步驟一：學(xué)習(xí)教材p95頁(yè)例3-25中所應(yīng)用的相關(guān)知識(shí)。步驟二：創(chuàng)建html文檔（文件名e3.html），完成圖2-3的頁(yè)面效果的設(shè)計(jì)?；卮鹑缦聠?wèn)題：1） 插入圖片使用什么標(biāo)記，如何理解絕對(duì)路徑和相對(duì)路徑？2） 超級(jí)鏈接的屬性有哪些，各是什么功能。 3）是什么標(biāo)記，如何使用？ （把問(wèn)題的答案寫入實(shí)驗(yàn)報(bào)告）七、思考題1、常用的多媒體標(biāo)記有哪些？2、什么是框架，框架的作用有哪些，與表格有什么區(qū)別？3、什么是css？它的實(shí)現(xiàn)方式有哪些？八、實(shí)驗(yàn)報(bào)告1、實(shí)驗(yàn)預(yù)習(xí)在實(shí)驗(yàn)前每位同學(xué)都需要對(duì)本次

10、實(shí)驗(yàn)進(jìn)行認(rèn)真的預(yù)習(xí)，并寫好預(yù)習(xí)報(bào)告，在預(yù)習(xí)報(bào)告中要寫出實(shí)驗(yàn)?zāi)康摹⒁?，需要用到的儀器設(shè)備、物品資料以及簡(jiǎn)要的實(shí)驗(yàn)步驟，形成一個(gè)操作提綱。對(duì)實(shí)驗(yàn)中的注意事項(xiàng)及可能出現(xiàn)的現(xiàn)象等做到心中有數(shù)，但這些不要求寫在預(yù)習(xí)報(bào)告中。設(shè)計(jì)性實(shí)驗(yàn)要求進(jìn)入實(shí)驗(yàn)室前寫出實(shí)驗(yàn)方案，并經(jīng)指導(dǎo)教師審閱后實(shí)施。2、實(shí)驗(yàn)記錄學(xué)生開始實(shí)驗(yàn)時(shí)，應(yīng)該將記錄本放在近旁，將實(shí)驗(yàn)中所做的每一步操作、觀察到的現(xiàn)象和所測(cè)得的數(shù)據(jù)及相關(guān)條件如實(shí)地記錄下來(lái)。實(shí)驗(yàn)記錄中應(yīng)有指導(dǎo)教師的簽名。3、實(shí)驗(yàn)報(bào)告主要內(nèi)容包括對(duì)實(shí)驗(yàn)數(shù)據(jù)、實(shí)驗(yàn)中的特殊現(xiàn)象、實(shí)驗(yàn)操作的成敗、實(shí)驗(yàn)的關(guān)鍵點(diǎn)等內(nèi)容進(jìn)行整理、解釋、分析總結(jié)，回答思考題，提出實(shí)驗(yàn)結(jié)論或提出自己的看法。九、實(shí)驗(yàn)

11、例程.實(shí)驗(yàn)三 dreamweaver 8入門與應(yīng)用實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類型：驗(yàn)證實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康?、掌握使用dreamweaver8創(chuàng)建站點(diǎn)和網(wǎng)頁(yè)；2、學(xué)會(huì)使用超級(jí)鏈接，表格，框架；3、熟練掌握簡(jiǎn)單網(wǎng)頁(yè)的設(shè)計(jì)方法。二、實(shí)驗(yàn)內(nèi)容1、使用dreamweaver8工具創(chuàng)建站點(diǎn)和網(wǎng)頁(yè)。2、使用表格布局網(wǎng)頁(yè)。3、使用框架設(shè)計(jì)網(wǎng)頁(yè)。三、實(shí)驗(yàn)原理、方法和手段使用dreamweaver工具實(shí)現(xiàn)多功能網(wǎng)頁(yè)的設(shè)計(jì)。結(jié)合后臺(tái)程序分析網(wǎng)頁(yè)設(shè)計(jì)的原理，并學(xué)會(huì)修改程序來(lái)增加或修改網(wǎng)頁(yè)上內(nèi)容的顯示，進(jìn)而掌握網(wǎng)頁(yè)制作的方法。四、實(shí)驗(yàn)組織運(yùn)行要求根據(jù)本實(shí)驗(yàn)的特點(diǎn)、要求和具體條件，采用以學(xué)生自主訓(xùn)練為主的開放模式組織教學(xué)。

12、重點(diǎn)：使用dreamweaver8工具創(chuàng)建站點(diǎn)和制作網(wǎng)頁(yè)難點(diǎn)：實(shí)驗(yàn)程序的調(diào)試與運(yùn)行。五、實(shí)驗(yàn)條件安裝了windows 系列操作系統(tǒng)的計(jì)算機(jī)，并配有如下應(yīng)用軟件：dreamweaver 8 internet explorer六、實(shí)驗(yàn)步驟1、使用dreamweaver8工具創(chuàng)建站點(diǎn)和網(wǎng)頁(yè)。步驟一：在實(shí)驗(yàn)文件目錄下創(chuàng)建文件夾web-site，打開dreamweaver8創(chuàng)建站點(diǎn)(站點(diǎn)名web-site，對(duì)應(yīng)本地根文件夾web-site)。步驟二：在站點(diǎn)內(nèi)創(chuàng)建文件夾images，網(wǎng)頁(yè)文件index.html。 效果如圖3-1所示。圖3-1 web-site站點(diǎn)（把操作的步驟寫入實(shí)驗(yàn)報(bào)告）2使用表格布局

13、網(wǎng)頁(yè)，效果如圖3-2所示： 圖3-2 步驟一：打開3-2文件夾，瀏覽網(wǎng)頁(yè)index.html。步驟二：修改web-site站點(diǎn)下的index.html文件，使其效果如圖3-2所示。（把實(shí)現(xiàn)的步驟寫入實(shí)驗(yàn)報(bào)告）3使用框架設(shè)計(jì)網(wǎng)頁(yè)，效果如圖3-3所示： 圖3-3 框架網(wǎng)頁(yè)步驟一：打開3-3文件夾，瀏覽網(wǎng)頁(yè)index-end.html。步驟二：使用框架設(shè)計(jì)如圖所示的網(wǎng)頁(yè)效果。（把實(shí)現(xiàn)的步驟寫入實(shí)驗(yàn)報(bào)告）七、思考題1、“鼠標(biāo)經(jīng)過(guò)圖像”功能有什么作用，試著用它做一個(gè)例子。2、什么是錨記？如何創(chuàng)建錨記鏈接？3、dreamweaver 8中提供了幾種可供插入的表單元素？舉例說(shuō)明。八、實(shí)驗(yàn)報(bào)告1、實(shí)驗(yàn)預(yù)習(xí)在實(shí)

14、驗(yàn)前每位同學(xué)都需要對(duì)本次實(shí)驗(yàn)進(jìn)行認(rèn)真的預(yù)習(xí)，并寫好預(yù)習(xí)報(bào)告，在預(yù)習(xí)報(bào)告中要寫出實(shí)驗(yàn)?zāi)康摹⒁螅枰玫降膬x器設(shè)備、物品資料以及簡(jiǎn)要的實(shí)驗(yàn)步驟，形成一個(gè)操作提綱。對(duì)實(shí)驗(yàn)中的注意事項(xiàng)及可能出現(xiàn)的現(xiàn)象等做到心中有數(shù)，但這些不要求寫在預(yù)習(xí)報(bào)告中。設(shè)計(jì)性實(shí)驗(yàn)要求進(jìn)入實(shí)驗(yàn)室前寫出實(shí)驗(yàn)方案，并經(jīng)指導(dǎo)教師審閱后實(shí)施。2、實(shí)驗(yàn)記錄學(xué)生開始實(shí)驗(yàn)時(shí)，應(yīng)該將記錄本放在近旁，將實(shí)驗(yàn)中所做的每一步操作、觀察到的現(xiàn)象和所測(cè)得的數(shù)據(jù)及相關(guān)條件如實(shí)地記錄下來(lái)。實(shí)驗(yàn)記錄中應(yīng)有指導(dǎo)教師的簽名。3、實(shí)驗(yàn)報(bào)告主要內(nèi)容包括對(duì)實(shí)驗(yàn)數(shù)據(jù)、實(shí)驗(yàn)中的特殊現(xiàn)象、實(shí)驗(yàn)操作的成敗、實(shí)驗(yàn)的關(guān)鍵點(diǎn)等內(nèi)容進(jìn)行整理、解釋、分析總結(jié)，回答思考題，提出實(shí)驗(yàn)結(jié)論或

15、提出自己的看法。九、實(shí)驗(yàn)例程實(shí)驗(yàn)四 dreamweaver 8強(qiáng)化訓(xùn)練實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類型：驗(yàn)證實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康?、掌握使用dreamweaver制作菜單；2、學(xué)會(huì)使用表單，層，行為動(dòng)作；3、熟練掌握多功能網(wǎng)頁(yè)的設(shè)計(jì)方法。二、實(shí)驗(yàn)內(nèi)容1、使用層制作下拉菜單，及行為動(dòng)作設(shè)計(jì)。2、使用表單制作網(wǎng)頁(yè)。3、網(wǎng)頁(yè)實(shí)例設(shè)計(jì)“蝴蝶的天空”。三、實(shí)驗(yàn)原理、方法和手段 使用dreamweaver工具實(shí)現(xiàn)多功能網(wǎng)頁(yè)的設(shè)計(jì)。結(jié)合后臺(tái)程序分析網(wǎng)頁(yè)設(shè)計(jì)的原理，并學(xué)會(huì)修改程序來(lái)增加或修改網(wǎng)頁(yè)上內(nèi)容的顯示，進(jìn)而掌握網(wǎng)頁(yè)制作的方法。四、實(shí)驗(yàn)組織運(yùn)行要求根據(jù)本實(shí)驗(yàn)的特點(diǎn)、要求和具體條件，采用以學(xué)生自主訓(xùn)練為主的開放模

16、式組織教學(xué)。重點(diǎn)：學(xué)會(huì)使用表單，層，行為動(dòng)作制作多功能的網(wǎng)頁(yè)難點(diǎn)：實(shí)驗(yàn)程序調(diào)試與運(yùn)行。 五、實(shí)驗(yàn)條件安裝了windows 系列操作系統(tǒng)的計(jì)算機(jī)，并配有如下應(yīng)用軟件：dreamweaver 8 internet explorer六、實(shí)驗(yàn)步驟1使用層制作下拉菜單，及行為動(dòng)作設(shè)計(jì)。步驟一：打開4-1文件夾，瀏覽網(wǎng)頁(yè)，制作如圖4-1所示效果。步驟二：增加行為動(dòng)作，顯示和隱藏層。 圖4-1 下拉菜單（把操作的步驟寫入實(shí)驗(yàn)報(bào)告）2使用表單制作網(wǎng)頁(yè)，效果如圖4-2所示： 圖4-2 步驟一：打開4-2文件夾，瀏覽網(wǎng)頁(yè)form.html。步驟二：制作類似的表單網(wǎng)頁(yè)。（把實(shí)現(xiàn)的代碼寫入實(shí)驗(yàn)報(bào)告） 3網(wǎng)頁(yè)實(shí)例設(shè)計(jì)“

17、蝴蝶的天空” 圖4-3 綜合實(shí)例步驟一：學(xué)習(xí)教材p232頁(yè)5.13中的相關(guān)知識(shí)。步驟二：創(chuàng)建html文檔（文件名e3.html），完成圖4-3的頁(yè)面效果的設(shè)計(jì)?；卮鹑缦聠?wèn)題：1) 文字上下滾動(dòng)如何實(shí)現(xiàn)？2）增加鼠標(biāo)經(jīng)過(guò)圖片交換的功能，如何實(shí)現(xiàn)。（把問(wèn)題的答案寫入實(shí)驗(yàn)報(bào)告）七、思考題1、如何使用css來(lái)修飾頁(yè)面？2、試著利用dreamweaver 8的行為功能為頁(yè)面增加一些動(dòng)態(tài)效果。3、什么是模板？試著使用模板來(lái)快速建立一些頁(yè)面。八、實(shí)驗(yàn)報(bào)告1、實(shí)驗(yàn)預(yù)習(xí)在實(shí)驗(yàn)前每位同學(xué)都需要對(duì)本次實(shí)驗(yàn)進(jìn)行認(rèn)真的預(yù)習(xí)，并寫好預(yù)習(xí)報(bào)告，在預(yù)習(xí)報(bào)告中要寫出實(shí)驗(yàn)?zāi)康?、要求，需要用到的儀器設(shè)備、物品資料以及簡(jiǎn)要的實(shí)驗(yàn)步驟

18、，形成一個(gè)操作提綱。對(duì)實(shí)驗(yàn)中的注意事項(xiàng)及可能出現(xiàn)的現(xiàn)象等做到心中有數(shù)，但這些不要求寫在預(yù)習(xí)報(bào)告中。設(shè)計(jì)性實(shí)驗(yàn)要求進(jìn)入實(shí)驗(yàn)室前寫出實(shí)驗(yàn)方案，并經(jīng)指導(dǎo)教師審閱后實(shí)施。2、實(shí)驗(yàn)記錄學(xué)生開始實(shí)驗(yàn)時(shí)，應(yīng)該將記錄本放在近旁，將實(shí)驗(yàn)中所做的每一步操作、觀察到的現(xiàn)象和所測(cè)得的數(shù)據(jù)及相關(guān)條件如實(shí)地記錄下來(lái)。實(shí)驗(yàn)記錄中應(yīng)有指導(dǎo)教師的簽名。3、實(shí)驗(yàn)報(bào)告主要內(nèi)容包括對(duì)實(shí)驗(yàn)數(shù)據(jù)、實(shí)驗(yàn)中的特殊現(xiàn)象、實(shí)驗(yàn)操作的成敗、實(shí)驗(yàn)的關(guān)鍵點(diǎn)等內(nèi)容進(jìn)行整理、解釋、分析總結(jié)，回答思考題，提出實(shí)驗(yàn)結(jié)論或提出自己的看法。九、實(shí)驗(yàn)例程 實(shí)驗(yàn)五 dreamweaver結(jié)合photoshop制作網(wǎng)頁(yè)實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類型：驗(yàn)證實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)?/p>

19、的1、掌握使用photoshop cs 2的切片工具的使用；2、掌握dreamweaver 8編輯和修改網(wǎng)頁(yè)。二、實(shí)驗(yàn)內(nèi)容1、使用photoshop“切片工具”處理圖片，并導(dǎo)出生成html文件；2、用dreamweaver編輯及修改html文件，制作完成完整網(wǎng)頁(yè)。3、瀏覽網(wǎng)頁(yè)并測(cè)試效果。三、實(shí)驗(yàn)原理、方法和手段使用photoshop cs 的圖片處理功能來(lái)優(yōu)化網(wǎng)頁(yè)制作中使用到的圖片，使其更美觀，并且可以引入動(dòng)態(tài)動(dòng)作的處理，如超級(jí)鏈接。多種工具的配合使用，也使網(wǎng)頁(yè)制作常用的手段。四、實(shí)驗(yàn)組織運(yùn)行要求根據(jù)本實(shí)驗(yàn)的特點(diǎn)、要求和具體條件，采用以學(xué)生自主訓(xùn)練為主的開放模式組織教學(xué)。重點(diǎn)：掌握photos

20、hop cs 2的切片工具的使用 難點(diǎn)：網(wǎng)頁(yè)制作中異常問(wèn)題描處理。 五、實(shí)驗(yàn)條件安裝了windows 系列操作系統(tǒng)的計(jì)算機(jī)，并配有如下應(yīng)用軟件：dreamweaver 8 internet explorerphotoshop cs2六、實(shí)驗(yàn)步驟1使用photoshop“切片工具”處理圖片（圖5-1）。 圖5-1（把操作的步驟寫入實(shí)驗(yàn)報(bào)告）2用dreamweaver編輯html文件， 處理效果如圖5-2所示。 圖5-2打開參照目錄下的index.html文件查看效果，并仿照實(shí)現(xiàn)。（把操作的步驟寫入實(shí)驗(yàn)報(bào)告）七、思考題1、photoshop“切片工具”與fireworks的切片工具進(jìn)行比較。2、把

21、圖片置為網(wǎng)頁(yè)背景時(shí)如何解決大小不一致的問(wèn)題。3、如何設(shè)置超級(jí)鏈接屬性，使被鏈接對(duì)象在指定frame中顯示。八、實(shí)驗(yàn)報(bào)告1、實(shí)驗(yàn)預(yù)習(xí)在實(shí)驗(yàn)前每位同學(xué)都需要對(duì)本次實(shí)驗(yàn)進(jìn)行認(rèn)真的預(yù)習(xí)，并寫好預(yù)習(xí)報(bào)告，在預(yù)習(xí)報(bào)告中要寫出實(shí)驗(yàn)?zāi)康?、要求，需要用到的儀器設(shè)備、物品資料以及簡(jiǎn)要的實(shí)驗(yàn)步驟，形成一個(gè)操作提綱。對(duì)實(shí)驗(yàn)中的注意事項(xiàng)及可能出現(xiàn)的現(xiàn)象等做到心中有數(shù)，但這些不要求寫在預(yù)習(xí)報(bào)告中。設(shè)計(jì)性實(shí)驗(yàn)要求進(jìn)入實(shí)驗(yàn)室前寫出實(shí)驗(yàn)方案，并經(jīng)指導(dǎo)教師審閱后實(shí)施。2、實(shí)驗(yàn)記錄學(xué)生開始實(shí)驗(yàn)時(shí)，應(yīng)該將記錄本放在近旁，將實(shí)驗(yàn)中所做的每一步操作、觀察到的現(xiàn)象和所測(cè)得的數(shù)據(jù)及相關(guān)條件如實(shí)地記錄下來(lái)。實(shí)驗(yàn)記錄中應(yīng)有指導(dǎo)教師的簽名。3、實(shí)

22、驗(yàn)報(bào)告主要內(nèi)容包括對(duì)實(shí)驗(yàn)數(shù)據(jù)、實(shí)驗(yàn)中的特殊現(xiàn)象、實(shí)驗(yàn)操作的成敗、實(shí)驗(yàn)的關(guān)鍵點(diǎn)等內(nèi)容進(jìn)行整理、解釋、分析總結(jié)，回答思考題，提出實(shí)驗(yàn)結(jié)論或提出自己的看法。九、實(shí)驗(yàn)例程 實(shí)驗(yàn)六 小型網(wǎng)站設(shè)計(jì)實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類型：驗(yàn)證實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康耐ㄟ^(guò)本次實(shí)驗(yàn)使學(xué)生能夠：(1)掌握網(wǎng)頁(yè)制作原則、方法及常用技術(shù)；(2)熟悉一種主流軟件，如frontpage 2003或dreamweaver 8；(3)了解一種圖像制作及動(dòng)畫軟件使用，如flash 8、fireworks 8、 fireworks 8或photoshop cs2；(4)能獨(dú)立完成完整的網(wǎng)站制作。二、實(shí)驗(yàn)內(nèi)容 自選主題，制作一個(gè)內(nèi)容豐富、界面友好、功能完善的靜態(tài)網(wǎng)站。從完整規(guī)劃、素材收集，頁(yè)面設(shè)計(jì)，網(wǎng)站整合、測(cè)試到網(wǎng)站發(fā)布與維護(hù)，實(shí)現(xiàn)網(wǎng)站設(shè)計(jì)的全程實(shí)踐。三、實(shí)驗(yàn)原理、方法和手段使用靜態(tài)網(wǎng)站開發(fā)技術(shù)開發(fā)完整網(wǎng)站，從需求分析開始、規(guī)劃網(wǎng)站的功能、使用工具術(shù)進(jìn)行網(wǎng)頁(yè)制作和功能實(shí)現(xiàn)、最后發(fā)布并維護(hù)網(wǎng)站。體驗(yàn)電子商務(wù)網(wǎng)站開發(fā)的全過(guò)程，通過(guò)該網(wǎng)站的開發(fā)，理解網(wǎng)站的工作模式，并熟練掌握網(wǎng)頁(yè)制作技術(shù)。四、實(shí)驗(yàn)組織運(yùn)行要求根據(jù)本實(shí)驗(yàn)的特點(diǎn)、要求和具體條件，