第一篇：網(wǎng)站規(guī)劃書與網(wǎng)頁制作實驗報告

網(wǎng)站規(guī)劃書

一、主題選擇

本次網(wǎng)站設(shè)計大作業(yè)我們選擇了建立一個個人主頁的主題，最后綜合實際電腦操作水平，決定主要由***進行實際的操作，我輔助進行素材整理和網(wǎng)站規(guī)劃書和網(wǎng)站設(shè)計與制作的實驗報告的撰寫。

二、網(wǎng)頁內(nèi)容

1.“首頁”頁面，首頁我們設(shè)計了各個子網(wǎng)頁的導(dǎo)航、友情鏈接以及聯(lián)系我們板塊，友情鏈接可以讓我們進入其它不同的學(xué)習(xí)參考網(wǎng)站，可以獲得一些有用的信息，同時得到獲得這些信息的便捷性，體驗專業(yè)性和個性化的差別。同時，聯(lián)系我們以及包括在內(nèi)的用戶注冊，能讓瀏覽者與我們建站者互動，因而能使我們的網(wǎng)站不斷完善，做得更好。

2.“我的日志”頁面，我們摘錄了***同學(xué)所寫的兩篇空間日志，插入了土豆網(wǎng)的播放器，選取了精彩的視頻，向瀏覽者介紹***同學(xué)的一些個人經(jīng)歷，也獻上了一席視覺盛宴。這里還有歌曲的改編、二胡的奏唱，還有令人感動的文章。

3.“我的相冊”頁面，我們插入了一個Flash相片展示舞臺，主要展示了***同學(xué)此前旅游時所拍的照片，向瀏覽者展示另一個側(cè)面的他。

4.“我的愛好”頁面，是一段Flash視頻的展示，同樣展示了***同學(xué)的個人興趣。

三、網(wǎng)站風(fēng)格

通過思考和討論，我們決定將紅色調(diào)作為網(wǎng)站的主色調(diào)，并且我們大量運用Flash元素、JavaScript代碼使網(wǎng)站風(fēng)格現(xiàn)代化、美觀化，給瀏覽者以最好的體驗。

四、網(wǎng)頁布局

網(wǎng)頁采用表格布局的模式，雖然沒有通過模板的使用來制作網(wǎng)站，但是我們使用了一個母頁面來做到全站布局的統(tǒng)一，結(jié)構(gòu)整齊，分類內(nèi)容一目了然。

五、多媒體素材的使用

我們在多個頁面加入了背景音樂，并在每個頁面中加入了大量優(yōu)質(zhì)的圖文。這些圖片部分來自于網(wǎng)絡(luò)，但我們使用Photoshop，處理成我們需要的形式，或是以它們?yōu)樗夭淖龈玫膱D片。使用的工具軟件

Dreamweaver 8（部分通過Dreamweaver CS6）

Photoshop CS6

FlashProfessionalCS6

Word2010

網(wǎng)頁設(shè)計與制作實驗報告

一、制作組成員

12******班

120310** ***，120310** ***

二、網(wǎng)頁制作中使用的技術(shù)及方法

由于網(wǎng)頁制作使用的軟件中最重要的是Dreamweaver8，因此使用其他軟件的方法就不一一列舉。

1.善于利用母頁面。

2.Flash的使用。其簡易的使用和制作方法，為網(wǎng)站帶來了很大方便，并且也兼顧了效果。

3.JavaScript的使用。合理的使用JavaScript，能使網(wǎng)頁實現(xiàn)更多功能，或者使網(wǎng)頁更加美觀。但此方法涉及到編程，對于大部分同學(xué)都很有難度。

4.其他的Photoshop技術(shù)以及網(wǎng)頁Flash中所用的Action Script就不再詳細介紹。

三、組員分工

***：查找和整理資料，完成網(wǎng)頁的模板制作和內(nèi)容加入，解決技術(shù)問題并且通過技術(shù)美化網(wǎng)頁。

***：查找和整理資料，撰寫規(guī)劃書和實驗報告。

網(wǎng)站的規(guī)劃和結(jié)構(gòu)設(shè)置是我們共同討論的結(jié)果。

四、制作中遇到的問題及解決方法

本部分由組員***撰寫。

實際上在網(wǎng)頁制作過程中遵循注意事項并理解網(wǎng)頁結(jié)構(gòu)，只是制作一個簡單的功用小的網(wǎng)站不是一件難事。在本次制作中遇到的最大困難就是代碼以及編程語言知識的匱乏，難以制作出更漂亮的效果。因此，最為困難的一步便是JavaScript的編寫。通過閱讀書上給的一部分事例，我掌握了一些基本的語句結(jié)構(gòu)和語句用法但是感覺嵌入自己的頁面卻無從下手，所以我只能上網(wǎng)搜尋相關(guān)代碼知識并試著自己去理解。最終我將我所理解的這一代碼成功地插入了目標網(wǎng)頁中，達到了需求的效果。然而遺憾的是，由于時間問題，沒有加入更多的代碼豐富我們的網(wǎng)站。

實驗中遇到的大部分問題我都通過自己摸索和在線搜索解決了，并且在和別的同學(xué)交流的過程中，我對每項功能的具體原理和實現(xiàn)方法又有了更深層次的了解。不過我還有一些問題無法得到解決，同時也是我困惑已久的問題。一是比Dreamweaver 8更新的Dreamweaver CS6上卻難以找到許多Dreamweaver 8上的功能，比如在Dreamweaver CS6找不到怎樣插入層；二是不知道如何保證不同品牌，不同版本的瀏覽器獲得同樣的最佳觀賞效果。我也希望能在日后的深入學(xué)習(xí)當中解決這些疑惑。

五、實驗總結(jié)

網(wǎng)頁制作是最能體現(xiàn)團隊合作的一個實驗操作，我們通過不同的分工，認認真真的完成了每個人應(yīng)該完成的任務(wù)而且做到都非常出色，這都體現(xiàn)了我們兩個人的默契，更使得這次實驗配合的非常成功。我們也深刻學(xué)習(xí)到了Photoshop、Flash、Dreamweaver等軟件的操作程序，只能說做網(wǎng)頁是從一開始制作就是一件浩大的工程，得花很多時間和精力，但是在這過程中很好地鍛煉了我們的動手能力和整體性思維，我們很高興我們最終制作出來的網(wǎng)站很主觀的表達了我們兩個人的想法，最終做出了這個符合我們網(wǎng)站規(guī)劃的個人網(wǎng)站！

第二篇：《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計制作》學(xué)習(xí)心得

《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計制作》的總結(jié)

不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》這門課程一個學(xué)期了，雖然時間有點短，但這一個學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會了網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，還讓我學(xué)會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。下面來談?wù)勎乙粋€學(xué)期來對這門課的打比方總結(jié)。

比如建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。

一、確定網(wǎng)站主題

網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站

一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。

四、選擇合適的制作工具

盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的

Dreamweaver、Fireworks、flash來制作網(wǎng)頁。

五、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

六、上傳測試

網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入ican博彩通等。

八、維護更新

網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者。

以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，可能還存在很多的不足和錯誤。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計和制作的，同時很感謝帶我入門的老師，讓我有機會去學(xué)習(xí)有關(guān)網(wǎng)頁的知識。

第三篇：網(wǎng)頁制作實驗報告格式

這是一篇由xiexiebang.com范文網(wǎng)小編整理的關(guān)于網(wǎng)頁制作實驗報告格式的文章，希望對尊敬的xiexiebang.com范文大全的讀者有幫助。

實驗一：站點設(shè)置

一、實驗?zāi)康募耙?/p>

本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計軟件;

三、實驗原理

通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

四、實驗方法與步驟

1)執(zhí)行“站點管理站點”命令，在彈出的“管理站點”對話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點”命令。

2)在彈出的“站點定義為”對話框中單擊“高級”選項卡。

3)在“站點名稱”文本框中輸入站點名稱，在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。在“默認圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。

4)在“管理站點”對話框中單擊“完成”按鈕，站點創(chuàng)建完畢。

五、實驗結(jié)果

六、討論與結(jié)論

實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。在實驗過程中會出現(xiàn)一些選項，計算機一般會有默認的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結(jié)果失真。實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。

實驗二：頁面圖像設(shè)置

一、實驗?zāi)康募耙螅?/p>

本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。

四、實驗方法與步驟

1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。

2)在頁面文檔中單擊“”插入鼠標經(jīng)過圖像。

五、實驗結(jié)果

六、討論與結(jié)論

實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標經(jīng)過的時候會變成另一個圖像，這就是鼠標經(jīng)過圖像的效果。當然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。這個實驗的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會影響網(wǎng)頁的打開速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進行必要的處理能使實驗的效果更好。

實驗三：表格制作

一、實驗?zāi)康募耙螅?/p>

本實例是要創(chuàng)建邊框為1像素的表格。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建邊框為1像素的表格。

四、實驗方法與步驟

1)在文檔中，單擊表格“”按鈕，在對話框中將“單元格間距”設(shè)置為“1”。

2)選中插入的表格，將“背景顏色”設(shè)置為“黑色”(#0000000)。

3)在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。

4)設(shè)置完畢，保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果

六、討論與結(jié)論

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認真判斷，一旦操作錯誤則得不到實驗的效果?！氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設(shè)置錯誤就會嚴重影響實驗效果。

實驗四：創(chuàng)建錨點鏈接

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建錨點鏈接。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建錨點鏈接。

四、實驗方法與步驟

1)在頁面中插入1行4列的表格，并在各單元格中輸入導(dǎo)航文字。

2)分別選中各單元格的文字，單擊“”按鈕，在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3)在文檔中輸入文字并設(shè)置錨記名稱“01”，按下“ enter”鍵換行，輸入一篇文章。

4)在文章的結(jié)尾處換行，輸入文字并設(shè)置錨記名稱“02”，按下“ enter”鍵換行，輸入一篇文章。

5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”，并輸入文章。

6)保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果

六、討論與結(jié)論

添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時也可以使頁面更加精簡。本實驗的關(guān)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果，同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱，并記得輸入對應(yīng)的文章，否則瞄記可能不能用。熟練程度低在實驗中不能很好地使用各種工具，無法一次準確地尋找到適當?shù)奈恢谩嶒炛型涍x擇“不可見元素”，幾次實驗都失敗，最后才得出正確的結(jié)論。因此在實驗前要先做好預(yù)習(xí)，否則實驗過程會比較吃力。

實驗五：設(shè)置css樣式

一、實驗?zāi)康募耙螅?/p>

本實例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

xiexiebang.com范文網(wǎng)【004km.cn】

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows xp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客(dreamweaver mx;flash mx;fireworks mx)等網(wǎng)頁設(shè)計軟件;

4、安裝acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

四、實驗方法與步驟

1)在網(wǎng)頁中創(chuàng)建一個表格。

2)在“css樣式”面板中單擊“”按鈕，在彈出的對話框中進行設(shè)置，完成后單擊“確定”按鈕。

3)在彈出的對話框中進行設(shè)置，完成后單擊“確定”按鈕。

五、實驗結(jié)果

六、討論與結(jié)論

對話框中各項指標和屬性的設(shè)置存在一定的難度，如果沒熟練掌握就容易出錯使實驗失敗。對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。這個實驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認識程度，只要充分地掌握了軟件的各種操作，對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。

實驗六：創(chuàng)建表單

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建一個募捐表單。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建一個募捐表單。

四、實驗方法與步驟

1)在網(wǎng)頁中插入表格，設(shè)置為居中對齊，并插入一幅圖像。

2)在表格的第二行單元格中，單擊“”按鈕，插入表單。

3)在表單域中插入表單對象和文字。

4)按下“F12”鍵，預(yù)覽效果。

五、實驗結(jié)果

六、討論與結(jié)論

這個圖像關(guān)鍵首先在于背景圖象的選擇，圖像如果過于花俏則會使表單過于雜亂，如果顏色過深則會掩蓋了表單上的字，依次最好不要用黑色。圖像也不能過大，不然會使表單太繁雜。其次是各多選框和單選按扭的設(shè)置難度比較大，對于初次做這個實驗的人來說需要多次的試驗才能達到滿意的效果。表格拆分的難度大，要多次實驗才能達到自己想要的效果。

實驗七：頁面中控制播放Flash動畫

一、實驗?zāi)康募耙螅?/p>

本實例的目的是實現(xiàn)在頁面中控制播放Flash動畫。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

實現(xiàn)在頁面中控制播放Flash動畫。

四、實驗方法與步驟

1)在頁面中插入表格，并在表格中插入Flash動畫和兩個表單按鈕。

2)分別選擇兩個表單按鈕，在“行為”面板中單擊“”按鈕，在彈出的快捷菜單中選擇“控制Shockwave或Flash”命令，打開“控制Shockwave或Flash”對話框，分別設(shè)置。

3)保存頁面，按下“F12”鍵預(yù)覽。單擊“播放”按鈕時，開始播放Flash動畫;當單擊“停止”按鈕時，則停止播放Flash動畫。

五、實驗結(jié)果

六、討論與結(jié)論

“控制Shockwave或Flash”對話框，設(shè)置難度比較大，設(shè)置錯誤FLASH可能無法播放?？刂瓢粹o的創(chuàng)建也是關(guān)鍵所在，控制按鈕不能使用則等于整個實驗的失敗，因此要認真做好各個按鈕并確保質(zhì)量。在這次實驗中我遇到的最大問題就是設(shè)置“控制Shockwave或Flash”對話框，因為我對其各項的屬性了解不夠清楚，在選擇時很難正確地做出判斷，因此掌握好這方面的知識是做好這個實驗的前提。

實驗八：制作浮雕文字

一、實驗?zāi)康募耙螅?/p>

本實例使用Flash的繪畫工具制作出的有浮雕感的文字。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

使用Flash的繪畫工具制作出的有浮雕感的文字。

四、實驗方法與步驟

1)在舞臺中輸入文本，并將文本移動到舞臺中央位置。

2)新建圖層2，并復(fù)制圖層1的第1幀到圖層2的第1幀，并改變字體顏色。

3)拖曳圖層2到圖層1的下方，分別按下鍵盤上的方向鍵的左移鍵和上移鍵各一次。

4)新建圖層3，復(fù)制圖層2的第1幀到圖層3的第1幀，并拖曳圖層3到圖層1的上方。

5)選擇圖層3的第1幀，執(zhí)行“修改分離”命令兩次，將文本打散，并填充為由白色(#FFFFFF)漸變到黃色(#FFFFF00)。

6)分別按下兩次鍵盤上的方向鍵中的左移鍵和下稱鍵，拖曳圖層3到圖層1的下方，該實例制作完成。

五、實驗結(jié)果

六、討論與結(jié)論

掌握好層和楨的知識是做好這個實驗的關(guān)鍵，因為這個實驗主要涉及到楨和層的創(chuàng)建和移動，對層和楨不熟悉，在選擇和移動時沒法準確地把握，否則就打不到預(yù)期的實驗效果。此次實驗需要多次地移動層和楨，只有合理地移動才能達到實驗效果，因此在實驗中要保持清醒的頭腦，也需要耐心和細心，過于急噪就會影響實驗的效果和效率。

實驗九：字母位置顏色的變化效果

一、實驗?zāi)康募耙螅?/p>

本實例主要表現(xiàn)在有字母的位置才能看到顏色的變化效果。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

表現(xiàn)在有字母的位置才能看到顏色的變化效果。

四、實驗方法與步驟

1)執(zhí)行“文件導(dǎo)入導(dǎo)入到庫”命令，導(dǎo)入一個圖像文件到“庫”面板中。

2)將圖像文件拖曳到舞臺并轉(zhuǎn)換為圖形元件，然后創(chuàng)建移動補間動畫。

3)新建圖層2，輸入文本并設(shè)置其屬性。

4)將圖層2設(shè)置為遮罩層，完成本實例的制作。

五、實驗結(jié)果

六、討論與結(jié)論

這個實驗的前提是要學(xué)會做移動補間動畫，因為移動補間動畫是表現(xiàn)實驗效果的關(guān)鍵，其次要懂得遮罩層的設(shè)置，這兩項都是實驗的關(guān)鍵。背景圖像的選擇也很關(guān)鍵，如果背景圖像的顏色過于單一，則不能很好地表現(xiàn)實驗的效果，字體顏色的變化也會比較不明顯。因此這個實驗的技術(shù)含量比較大，因此難度也比較大，要有耐心去認真研究。

實驗十：動作補間動畫及聲音效果

一、實驗?zāi)康募耙螅?/p>

本實例首先創(chuàng)建一個動作補間動畫，然后在對其添加聲音效果。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建一個動作補間動畫，然后在對其添加聲音效果。

四、實驗方法與步驟

1)創(chuàng)建圖形元件在舞臺中繪制一個卡通人物。

2)創(chuàng)建卡通人物越飛越遠的動作補間動畫。

3)新建一個圖層，導(dǎo)入一幅背景圖片，并置位于最下層。

4)執(zhí)行“文件導(dǎo)入導(dǎo)入到庫命令”，導(dǎo)入一個聲音文件。新建一個圖層，并選擇第1幀，在幀“屬性”面板中，在“聲音”下拉列表中選擇導(dǎo)入的聲音文件名稱，在“同步”下拉列表中選擇“數(shù)據(jù)流”選項，其他選項為默認值。

5)保存文件，按下“Ctrl+ Enter”組合鍵輸出影片即可。

五、實驗結(jié)果

六、討論與結(jié)論

這個實驗首先要創(chuàng)建圖形元件，因此要求對畫圖工具有比較清楚的了解，在實驗中我遇到最大的難題就是沒法準確地使用鋼筆工具，常常畫不成自己想要的形狀，最后通過查閱相關(guān)的書籍才徹底明白它的使用方法。這個實驗涉及到動作補間動畫的制作，和以前做的移動補間動畫有一定的區(qū)別，在實驗中要認真區(qū)分。導(dǎo)聲音文件也是這個實驗新涉及的內(nèi)容，在各項屬性的設(shè)置方面要認真把握和學(xué)習(xí)。

實驗十一：Action Script腳本程序制作

一、實驗?zāi)康募耙螅?/p>

本實例模擬播放器中音頻高低顯示的效果。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

本實例模擬播放器中音頻高低顯示的效果。本例是一個完全由Action Script腳本程序制作的圖形動畫。

四、實驗方法與步驟

1)開啟Flash MX 2004，新建一個空白文檔，執(zhí)行“修改文檔”命令，開啟“文檔屬性”對話框，修改屬性參數(shù)為：寬：600px;高：300px;背景顏色#000000。

2)執(zhí)行“窗口開發(fā)面板動作”命令，為圖層1添加如下動作腳本。

-root.On Enter Frame= function()

{

create Empty Movie Clip(“ caidai ”, random(2))

caidai.–X= 150;

caidai.–Y=200;

for(var i =0<12:i++)

{

cai dai.begin FilL(Math.Random()*0xffffff,60)

var gaodu= Math.Random()*50+10;

var xzuobiao= [i*30,i*30+20,i*30+20, i*30]

var yzvobiao=[-gaodu,-gaodu,0,0]

caidai, moveTo(i*30,o)

for(var j=0;<5;j++)

{caidai, Line To(xzuo biao[j]，yzuobio[j]);

}

}

}

3)按下“Ctrl+ S”組合鍵保存文件，執(zhí)行“控制測試影片”命令，欣賞本例完成后的效果。

五、實驗結(jié)果

六、討論與結(jié)論

這個實驗主要是操作Flash MX，雖然這個實驗整體的步驟很簡單，但是腳本程序的正確性決定著這個實驗的成敗，因此在實驗中要認真分析腳本并對其進行不斷的調(diào)試使其能正確地運行。而這方面對程序方面的知識有比較高的要求因此對于我們非計算機類的學(xué)生來說難度比較大，如果要做好這個實驗我們必須加強學(xué)習(xí)程序方面的知識。

實驗十二：創(chuàng)建一個特效字

一、實驗?zāi)康募耙螅?/p>

本章上機實訓(xùn)的目的是創(chuàng)建一個特效字。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建一個特效字。

四、實驗方法與步驟

1)新建一個Fireworks文檔，并輸入文字，將字體加粗，字號設(shè)置為120。

2)將文字轉(zhuǎn)化為路徑，在“屬性”面板中單擊“”按鈕，在彈出的快捷菜單中選擇“陰影和光暈投影”命令，如圖15-42所示。

3)選中文本對象，執(zhí)行“編輯克隆”命令。選中克隆對象，執(zhí)行“修改改變路徑擴展筆觸”命令，在彈出的“展開筆觸”對話框中設(shè)置為如圖15-43所示。特效字制作完畢。

五、實驗結(jié)果

六、討論與結(jié)論

Fireworks 軟件的打開速度比較慢，而且會影響計算機的反應(yīng)速度，同時使用DREEMWAVER和FIREWORKS會使整個電腦很卡，因此這個實驗需要比較好的計算機系統(tǒng)的支持。對 “陰影和光暈投影”命令我還不能比較深刻地理解在實驗的時候有點迷糊，對“編輯克隆”命令和“修改改變路徑擴展筆觸”命令我也存在同樣的困惑，因此做好實驗前的準備是順利地完成實驗的關(guān)鍵。

實驗十三：繪制一個效果圖

一、實驗?zāi)康募耙螅?/p>

本上機實訓(xùn)的目的是繪制一個效果圖。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

繪制一個效果圖。

四、實驗方法與步驟

1)用橢圓工具和鋼筆工具分別繪制出企鵝的身體和翅膀。

2)執(zhí)行“修改組合路徑聯(lián)合”命令，聯(lián)合途徑，并填充為黑色。

3)用橢圓工具繪制眼睛，并用鋼筆工具構(gòu)出腳丫、嘴、圍巾、和肚皮，并填充相應(yīng)的顏色。

4)將所有的部分放到相應(yīng)的位置，本例制作完畢。

五、實驗結(jié)果

六、討論與結(jié)論

這個實驗很多要用到橢圓工具和鋼筆工具，因此要先熟悉地掌握他們的使用方法，多看課本并進行一些實驗操作能比較快地掌握它們的使用方法。實驗時要分別地繪制出企鵝各部分的圖形元件然后執(zhí)行“修改組合路徑聯(lián)合”命令，聯(lián)合途徑，因此在實驗切記不能把整個圖象作為繪制的對象，否則就不能達到實驗效果，操作的難度也會加大。同時對 “修改組合路徑聯(lián)合”命令要深入了解才能在適當?shù)臅r間和位置使用。

實驗十四：創(chuàng)建管道圖像

一、實驗?zāi)康募耙螅?/p>

本實例是創(chuàng)建一個如管道圖像，并通過“優(yōu)化”面板對圖像進行優(yōu)化導(dǎo)出。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建一個如管道圖像，并通過“優(yōu)化”面板對圖像進行優(yōu)化導(dǎo)出。

四、實驗方法與步驟

1)新建一個圖像文檔，繪制一個矩形，并將其設(shè)置為線性填充。

2)用鋼筆工具繪制一個路徑，并將其設(shè)置為放射狀填充，作為管道的拐角。

3)復(fù)制所創(chuàng)建的拐角和線性矩形，并進行縮放和組合。

4)選擇“垂直線3”紋理“25%”設(shè)置為粗管道。

5)設(shè)置一幅背景圖像，用鋼筆工具勾畫出閃光的效果。執(zhí)行“窗口優(yōu)化”命令，將“優(yōu)化”面板進行設(shè)置。

6)設(shè)置完成后，執(zhí)行“文件導(dǎo)出”命令，在“導(dǎo)出”對話框中選擇導(dǎo)出的路徑，完成后單擊“保存”按鈕。

五、實驗結(jié)果

六、討論與結(jié)論

橫向的管道繪制比較簡單，效果也比較明顯，豎向和拐角的管道繪制的難度很大，經(jīng)常做了對多次還不能達到理想的效果，由也反應(yīng)了我們對實驗工具的熟練程度不夠，在今后的學(xué)習(xí)中要加強這方面的學(xué)習(xí)。填充設(shè)置和“垂直線3”紋理“25%”設(shè)置是達到實驗效果關(guān)鍵，因此要認真地了解它代表的意義，然后認真地進行設(shè)置。正確地選擇背景圖像，也是達到實驗效果的關(guān)鍵。

實驗十五：創(chuàng)建圖像熱點和切片

一、實驗?zāi)康募耙螅?/p>

本實訓(xùn)的主要目的是創(chuàng)建圖像熱點和切片。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建圖像熱點和切片。

四、實驗方法與步驟

1)打開，執(zhí)行“文件打開”命令，打開一幅圖像。

2)使用矩形熱點工具在圖像的文字位置處創(chuàng)建熱點鏈接。

3)分別選擇矩形切片工具和多邊形切片工具，在圖像中創(chuàng)建切片。

4)執(zhí)行“文件導(dǎo)出”命令，在“導(dǎo)出”對話框中選擇切片和HTML文檔。打開導(dǎo)出的HTML文件觀看。

五、實驗結(jié)果

六、討論與結(jié)論

這個實驗的操作相對比較簡單，花費的時間也比較少。在實驗中能明顯地體會到實驗的效果但是在預(yù)覽后很難看出處理后的圖像和原始圖像的區(qū)別，因此常常產(chǎn)生實驗失敗的錯覺，就因為這個錯覺我進行了多次的實驗，最后與其他同學(xué)討論過才發(fā)現(xiàn)這是實驗的正常現(xiàn)象，因此在實驗中多與同學(xué)交流是學(xué)習(xí)的好方法。

實驗十六：其他動畫制作及圖形處理軟件介紹

一、實驗?zāi)康募耙螅?/p>

本實訓(xùn)的主要目的是了解其他動畫制作及圖形處理軟件的基本使用。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝Windows Xp操作系統(tǒng);建立IIS服務(wù)器環(huán)境，支持ASp。

3、安裝網(wǎng)頁三劍客(Dreamweaver MX;Flash MX;Fireworks MX)等網(wǎng)頁設(shè)計軟件;

4、安裝Acdsee、photoshop等圖形處理與制作軟件;

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

了解其他動畫制作及圖形處理軟件的基本使用。

四、實驗方法與步驟

根據(jù)教師所介紹的其他動畫制作及圖形處理軟件，進行相關(guān)的基本使用操作。本實驗可以與其它實驗相結(jié)合進行。

1)AcdSee圖形處理軟件

2)SWFText(Flash文字制作工具)1.2 Raindy漢化修正版軟件使用

五、實驗結(jié)果

六、討論與結(jié)論

這個軟件是一個簡單易懂的軟件，操作起來也比較方便，相對于pHOTOSHOp軟件這個軟比較達到效果，但是這個軟件的能動性比較低，我們只能被動地使用里面所包含的各項設(shè)置但是不能能動地繪制自己想要的圖片，各項屬性的設(shè)置也是只能從中選擇。因此如果只是簡單的制作可以采用這個軟件，但是如果想做自己特色的東西就要選擇更高級點的軟件。

xiexiebang.com范文大全將繼續(xù)為您提供關(guān)于網(wǎng)頁制作實驗報告格式的文章，請繼續(xù)關(guān)注xiexiebang.com范文網(wǎng)。

第四篇：網(wǎng)頁制作實驗報告

網(wǎng)頁制作實驗報告

實驗一：站點設(shè)置

一、實驗?zāi)康募耙?/p>

本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows

xp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweaver

mx；flash

mx；fireworks

mx）等網(wǎng)頁設(shè)計軟件；

三、實驗原理

通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

四、實驗方法與步驟

1）執(zhí)行“站點＼管理站點”命令，在彈出的“管理站點”對話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點”命令。

2）在彈出的“站點定義為”對話框中單擊“高級”選項卡。

3）在“站點名稱”文本框中輸入站點名稱，在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。在“默認圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。

4）在“管理站點”對話框中單擊“完成”按鈕，站點創(chuàng)建完畢。

五、實驗結(jié)果

六、討論與結(jié)論

實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。在實驗過程中會出現(xiàn)一些選項，計算機一般會有默認的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結(jié)果失真。實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。

實驗二：頁面圖像設(shè)置

一、實驗?zāi)康募耙螅?/p>

本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows

xp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweaver

mx；flash

mx；fireworks

mx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。

四、實驗方法與步驟

1)

在“頁面屬性”對話框中設(shè)置頁面的背景圖像。

2)

在頁面文檔中單擊“”插入鼠標經(jīng)過圖像。

五、實驗結(jié)果

六、討論與結(jié)論

實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標經(jīng)過的時候會變成另一個圖像，這就是鼠標經(jīng)過圖像的效果。當然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。這個實驗的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會影響網(wǎng)頁的打開速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進行必要的處理能使實驗的效果更好。

實驗三：表格制作

一、實驗?zāi)康募耙螅?/p>

本實例是要創(chuàng)建邊框為1像素的表格。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows

xp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweaver

mx；flash

mx；fireworks

mx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建邊框為1像素的表格。

四、實驗方法與步驟

1)

在文檔中，單擊表格“”按鈕，在對話框中將“單元格間距”設(shè)置為“1”。

2)

選中插入的表格，將“背景顏色”設(shè)置為“黑色”（#0000000）。

3)

在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設(shè)置為“白色”（#ffffff）。

4)

設(shè)置完畢，保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果

六、討論與結(jié)論

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認真判斷，一旦操作錯誤則得不到實驗的效果?！氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設(shè)置錯誤就會嚴重影響實驗效果。

實驗四：創(chuàng)建錨點鏈接

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建錨點鏈接。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windows

xp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweaver

mx；flash

mx；fireworks

mx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

第五篇：網(wǎng)頁制作實驗報告

網(wǎng)頁制作實驗報告

實驗一：站點設(shè)置

一、實驗?zāi)康募耙?/p>

本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；

三、實驗原理

通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

四、實驗方法與步驟

1）執(zhí)行“站點＼管理站點”命令，在彈出的“管理站點”對話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點”命令。

2）在彈出的“站點定義為”對話框中單擊“高級”選項卡。

3）在“站點名稱”文本框中輸入站點名稱，在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。在“默認圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。

4）在“管理站點”對話框中單擊“完成”按鈕，站點創(chuàng)建完畢。

五、實驗結(jié)果

六、討論與結(jié)論

實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。在實驗過程中會出現(xiàn)一些選項，計算機一般會有默認的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結(jié)果失真。實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。

實驗二：頁面圖像設(shè)置

一、實驗?zāi)康募耙螅?/p>

本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。

四、實驗方法與步驟

1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。

2)在頁面文檔中單擊“”插入鼠標經(jīng)過圖像。

五、實驗結(jié)果

六、討論與結(jié)論

實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標經(jīng)過的時候會變成另一個圖像，這就是鼠標經(jīng)過圖像的效果。當然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。這個實驗的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會影響網(wǎng)頁的打開速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進行必要的處理能使實驗的效果更好。

實驗三：表格制作

一、實驗?zāi)康募耙螅?/p>

本實例是要創(chuàng)建邊框為1像素的表格。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建邊框為1像素的表格。

四、實驗方法與步驟

1)在文檔中，單擊表格“”按鈕，在對話框中將“單元格間距”設(shè)置為“1”。

2)選中插入的表格，將“背景顏色”設(shè)置為“黑色”（#0000000）。

3)在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設(shè)置為“白色”（#ffffff）。

4)設(shè)置完畢，保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果

六、討論與結(jié)論

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認真判斷，一旦操作錯誤則得不到實驗的效果?！氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進行選擇，否則就不能達到自己想要的效果，設(shè)置錯誤就會嚴重影響實驗效果。

實驗四：創(chuàng)建錨點鏈接

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建錨點鏈接。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

創(chuàng)建錨點鏈接。

四、實驗方法與步驟

1)在頁面中插入1行4列的表格，并在各單元格中輸入導(dǎo)航文字。

2)分別選中各單元格的文字，單擊“”按鈕，在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3)在文檔中輸入文字并設(shè)置錨記名稱“01”，按下“enter”鍵換行，輸入一篇文章。

4)在文章的結(jié)尾處換行，輸入文字并設(shè)置錨記名稱“02”，按下“enter”鍵換行，輸入一篇文章。

5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”，并輸入文章。

6)保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果

六、討論與結(jié)論

添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時也可以使頁面更加精簡。本實驗的關(guān)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果，同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱，并記得輸入對應(yīng)的文章，否則瞄記可能不能用。熟練程度低在實驗中不能很好地使用各種工具，無法一次準確地尋找到適當?shù)奈恢?。實驗中忘記選擇“不可見元素”，幾次實驗都失敗，最后才得出正確的結(jié)論。因此在實驗前要先做好預(yù)習(xí)，否則實驗過程會比較吃力。

實驗五：設(shè)置css樣式

一、實驗?zāi)康募耙螅?/p>

本實例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

二、儀器用具

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng)；建立iis服務(wù)器環(huán)境，支持asp。

3、安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；

4、安裝acdsee、photoshop等圖形處理與制作軟件；

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理

通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

四、實驗方法與步驟

1)在網(wǎng)頁中創(chuàng)建一個表格。

2)在“css樣式”面板中單擊“”按鈕，在彈出的對話框中進行設(shè)置，完成后單擊“確定”按鈕。

3)在彈出的對話框中進行設(shè)置，完成后單擊“確定”按鈕。

五、實驗結(jié)果

六、討論與結(jié)論

對話框中各項指標和屬性的設(shè)置存在一定的難度，如果沒熟練掌握就容易出錯使實驗失敗。對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。這個實驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認識程度，只要充分地掌握了軟件的各種操作，對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。

實驗六：創(chuàng)建表單

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建一個募捐表單。