【正文】 （一）分析給定的“網(wǎng)站設(shè)計實例”1．該網(wǎng)站的樹型目錄或站點結(jié)構(gòu)圖（如圖1）：……圖1 實例網(wǎng)站的樹型目錄或站點結(jié)構(gòu)2．在該網(wǎng)站首頁上“插入”大標(biāo)題圖片和動畫文件的操作步驟：……3．在該網(wǎng)站設(shè)計中，運用了哪些樣式設(shè)計技術(shù)如CSS等？舉例說明：……4．在該網(wǎng)站設(shè)計中，下一級網(wǎng)頁顯示的目標(biāo)（位置）一般設(shè)置為：……；數(shù)據(jù)庫（.mdb）文件為：……。四、實驗環(huán)境微機 + Windows操作系統(tǒng)(含IIS)+ Fireworks 8 + Flash 8 + Dreamweaver 8 + Access。5．調(diào)試運行可以邊設(shè)計邊調(diào)試，也可以邊調(diào)試邊修改前面的設(shè)計。按照規(guī)劃，一一放在網(wǎng)站的相應(yīng)子文件夾里。隨時在U盤上做好備份。應(yīng)該放在網(wǎng)站根文件夾里。三、實驗方法網(wǎng)站設(shè)計的一般過程或方法如下：1．確定主題和收集資料自行選定所要設(shè)計的網(wǎng)站主題和欄目，收集有關(guān)圖文、數(shù)據(jù)等資料，經(jīng)過分析，初步確定網(wǎng)站的基本功能、結(jié)構(gòu)或三級目錄。要合理使用css樣式，不要在各個頁面中重復(fù)定義相同的css樣式；應(yīng)該將css樣式存放到css文件中，然后附加即鏈接到各頁中。要適用于各種顯示器的分辨率，不要太寬，否則在顯示器分辨率較小時會出現(xiàn)水平滾動條。不要太花哨或太孩子氣，不要只是各種元素的隨意拼湊。4．網(wǎng)站風(fēng)格統(tǒng)一，設(shè)計適合于主題的LOGO（徽標(biāo)），或者標(biāo)題圖片及動畫。文件和文件夾存放位置要正確，、。可以借鑒和模仿某個網(wǎng)站進(jìn)行設(shè)計與制作，但不可以從網(wǎng)上下載網(wǎng)頁直接上交。網(wǎng)站主題突出、內(nèi)容豐富。本實驗?zāi)苁勾蠹覍W(wǎng)站設(shè)計的全過程，有一個更加完整的概念，熟練掌握網(wǎng)站設(shè)計工具“網(wǎng)頁設(shè)計三劍客”。3．在網(wǎng)站制作過程中或完成后，填寫下面“五、實驗步驟”里的省略號部分。2．站點至少要有三層結(jié)構(gòu)，頁面數(shù)5頁左右；網(wǎng)頁要有落款、版權(quán)說明。第五篇：網(wǎng)頁制作實驗報告完成步驟武漢大學(xué)計算中心2007年5月《網(wǎng)頁與Web程序設(shè)計》實驗報告年級：2008級（必修）學(xué)號：2008姓名：專業(yè)：一、實驗題目分析或參考給定的“網(wǎng)站設(shè)計實例”，設(shè)計一個自選題材的網(wǎng)站。色彩的搭配，文字的大小，以及所作網(wǎng)頁的大小，每一點都是十分重要的，所以只有在每一點都認(rèn)真的考慮衡量之后，最終做出的網(wǎng)頁才會很賞析悅目，獨具特色，并且很好的詮釋所作網(wǎng)頁的主題。心得體會制作網(wǎng)頁是一個循序漸進(jìn)的過程，我們要在不斷練習(xí)的過程中，學(xué)會怎樣去連接，怎么去插入圖片，怎么選擇一個合適的背景，使得整體的網(wǎng)頁更加和諧自然。網(wǎng)頁的布局同時也是一個難點，為了美觀，則要不斷調(diào)整各圖片的大小，色彩搭配以及很多背景色及字體顏色。網(wǎng)站技術(shù)難點在制作網(wǎng)頁時，要插入很多的圖片，而為了清晰，圖片都是尺寸比較大的，所以每次插入圖片時都要進(jìn)行調(diào)整圖片小這一工作，十分麻煩。 鏈接3標(biāo)題：秋の花大麗花，菊花，月季和牡丹花都競相出現(xiàn)在本網(wǎng)頁，色彩繽紛，賞心悅目。同時配有與這些花有關(guān)的詩句。第二章 網(wǎng)站內(nèi)容設(shè)計：春の花春天是生命的季節(jié)，在這個季節(jié)里，萬物復(fù)蘇?！?大多網(wǎng)站都設(shè)計的關(guān)于音樂，影視，購物等非常熱門的東西，本站設(shè)計的主題是花，能讓人們在閑下來的時候看看花，品品詩歌，所以做有關(guān)花的網(wǎng)頁是個不錯的選擇。安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；安裝acdsee、photoshop等圖形處理與制作軟件；其他一些動畫與圖形處理或制作軟件。二、儀器用具生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)?！氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇，否則就不能達(dá)到自己想要的效果，設(shè)置錯誤就會嚴(yán)重影響實驗效果。五、實驗結(jié)果六、討論與結(jié)論本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。3)在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設(shè)置為“白色”（ffffff）。四、實驗方法與步驟1)在文檔中，單擊表格“”按鈕，在對話框中將“單元格間距”設(shè)置為“1”。安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；安裝acdsee、photoshop等圖形處理與制作軟件；其他一些動畫與圖形處理或制作軟件。二、儀器用具生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。這個實驗的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會影響網(wǎng)頁的打開速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進(jìn)行必要的處理能使實驗的效果更好。五、實驗結(jié)果六、討論與結(jié)論實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標(biāo)經(jīng)過的時候會變成另一個圖像，這就是鼠標(biāo)經(jīng)過圖像的效果。四、實驗方法與步驟1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；安裝acdsee、photoshop等圖形處理與制作軟件；其他一些動畫與圖形處理或制作軟件。二、儀器用具生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。五、實驗結(jié)果六、討論與結(jié)論實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。2）在彈出的“站點定義為”對話框中單擊“高級”選項卡。安裝網(wǎng)頁三劍客（dreamweavermx；flashmx；fireworksmx）等網(wǎng)頁設(shè)計軟件；三、實驗原理通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。二、儀器用具生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。1)AcdSee圖形處理軟件2)SWFText(Flash文字制作工具) Raindy漢化修正版軟件使用五、實驗結(jié)果六、討論與結(jié)論這個軟件是一個簡單易懂的軟件，操作起來也比較方便，相對于pHOTOSHOp軟件這個軟比較達(dá)到效果，但是這個軟件的能動性比較低，我們只能被動地使用里面所包含的各項設(shè)置但是不能能動地繪制自己想要的圖片，各項屬性的設(shè)置也是只能從中選擇。四、實驗方法與步驟根據(jù)教師所介紹的其他動畫制作及圖形處理軟件，進(jìn)行相關(guān)的基本使用操作。其他一些動畫與圖形處理或制作軟件。Fireworks MX)等網(wǎng)頁設(shè)計軟件。安裝網(wǎng)頁三劍客(Dreamweaver MX。安裝Windows Xp操作系統(tǒng)。實驗十六：其他動畫制作及圖形處理軟件介紹一、實驗?zāi)康募耙螅罕緦嵱?xùn)的主要目的是了解其他動畫制作及圖形處理軟件的基本使用。五、實驗結(jié)果六、討論與結(jié)論這個實驗的操作相對比較簡單，花費的時間也比較少。4)執(zhí)行“文件導(dǎo)出”命令，在“導(dǎo)出”對話框中選擇切片和HTML文檔。2)使用矩形熱點工具在圖像的文字位置處創(chuàng)建熱點鏈接。三、實驗原理創(chuàng)建圖像熱點和切片。安裝Acdsee、photoshop等圖形處理與制作軟件。Flash MX。建立IIS服務(wù)器環(huán)境，支持ASp。二、儀器用具生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。正確地選擇背景圖像，也是達(dá)到實驗效果的關(guān)鍵。五、實驗結(jié)果六、討論與結(jié)論橫向的管道繪制比較簡單，效果也比較明顯，豎向和拐角的管道繪制的難度很大，經(jīng)常做了對多次還不能達(dá)到理想的效果，由也反應(yīng)了我們對實驗工具的熟練程度不夠，在今后的學(xué)習(xí)中要加強這方面的學(xué)習(xí)。執(zhí)行“窗口優(yōu)化”命令，將“優(yōu)化”面板進(jìn)行設(shè)置。4)選擇“垂直線3”紋理“25%”設(shè)置為粗管道。2)用鋼筆工具繪制一個路徑，并將其設(shè)置為放射狀填充，作為管道的拐角。三、實驗原理創(chuàng)建一個如管道圖像，并通過“優(yōu)化”面板對圖像進(jìn)行優(yōu)化導(dǎo)出。安裝Acdsee、photoshop等圖形處理與制作軟件。Flash MX。建立IIS服務(wù)器環(huán)境，支持ASp。二、儀器用具生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。同時對 “修改組合路徑聯(lián)合”命令要深入了解才能在適當(dāng)?shù)臅r間和位置使用。五、實驗結(jié)果六、討論與結(jié)論這個實驗很多要用到橢圓工具和鋼筆工具，因此要先熟悉地掌握他們的使用方法，多看課本并進(jìn)行一些實驗操作能比較快地掌握它