課程實(shí)驗(yàn)報(bào)告專(zhuān)業(yè)年級(jí)課程名稱(chēng)指導(dǎo)教師學(xué)生姓名學(xué)號(hào)實(shí)驗(yàn)日期實(shí)驗(yàn)地點(diǎn)實(shí)驗(yàn)成績(jī)年月日

實(shí)驗(yàn)項(xiàng)目名稱(chēng)設(shè)計(jì)與制作個(gè)人網(wǎng)站或班級(jí)網(wǎng)站實(shí)驗(yàn)?zāi)康募耙蟊緦?shí)驗(yàn)為設(shè)計(jì)與創(chuàng)新型實(shí)驗(yàn)，要求學(xué)生在掌握網(wǎng)頁(yè)制作軟件Dreamweaver的基本功能基礎(chǔ)上，掌握網(wǎng)頁(yè)設(shè)計(jì)制作軟件的方法和技術(shù)，執(zhí)行創(chuàng)作完成個(gè)人網(wǎng)頁(yè)、班級(jí)或?qū)嬍揖W(wǎng)頁(yè)。利用Dreameaver制作一個(gè)簡(jiǎn)單的個(gè)人、班級(jí)或?qū)嬍揖W(wǎng)頁(yè)。要求：（1）

1、有1個(gè)首頁(yè)及5個(gè)子頁(yè)面。（2）2、整體風(fēng)格一致，突出主題宣明,欄目合理，設(shè)計(jì)美觀大方，必須含后背景\音樂(lè)\圖片\文字等元素。（3）3、在主頁(yè)上有自己的照片\姓名，班級(jí)，學(xué)號(hào)等信息。4、鏈接順暢，結(jié)構(gòu)合理。實(shí)驗(yàn)內(nèi)容1、掌握網(wǎng)頁(yè)的制作基本流程，配色技巧。2、掌握Dreameaver的工作界面的工具欄的基本功能。3、利用Dreameaver制作一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)站。實(shí)驗(yàn)步驟分析網(wǎng)站結(jié)構(gòu)，下載所需要的素材。實(shí)驗(yàn)操作過(guò)程站點(diǎn)的創(chuàng)建啟動(dòng)dreamweaver8界面，單擊【創(chuàng)建新項(xiàng)目】列表欄中的【HTML】超鏈接。選擇【站點(diǎn)】—【管理站點(diǎn)】—【新建】命令，打開(kāi)【站點(diǎn)】對(duì)話框，在【基本】選項(xiàng)卡中的站點(diǎn)名稱(chēng)文本框中輸入站點(diǎn)名稱(chēng)“walhj”。單擊【高級(jí)】標(biāo)簽，在【高級(jí)】選項(xiàng)卡中設(shè)置本地站點(diǎn)參數(shù)。在【本地跟文件夾】文本框中輸入本地站點(diǎn)所對(duì)應(yīng)的本地根文件夾?！癊:網(wǎng)頁(yè)制作”。單擊【下一步】按扭。選中【否】單選按鈕，表示該站點(diǎn)是一個(gè)靜態(tài)站點(diǎn)，沒(méi)有動(dòng)態(tài)頁(yè)。單擊【下一步】選擇“在本地進(jìn)行編輯，然后上傳到遠(yuǎn)程測(cè)試服務(wù)器”；單擊【下一步】從彈出的菜單中選擇【無(wú)】選項(xiàng)。單擊【下一步】，單擊完成。隨即出現(xiàn)【管理站點(diǎn)】對(duì)話框，顯示新站點(diǎn)。單擊【完成】。2）建立本地站點(diǎn)之后，在文件面板中管理網(wǎng)站文件。在【文件】面板中單擊鼠標(biāo)右鍵，在快捷菜單中選擇【新建文件】，名稱(chēng)為“walhj.html”.3)網(wǎng)頁(yè)布局1.在表格中插入表格：切換到【標(biāo)準(zhǔn)模式】，選擇【插入】—【表格】命令，此時(shí)彈出【表格】對(duì)話框，在【行數(shù)】和【列數(shù)】中填1和3，邊框粗細(xì)填0，表格寬度填1000像素。單擊確定。2.創(chuàng)建嵌套表格，選中一個(gè)表格單元格，右擊選擇【表格】—【拆分單元格】在彈出的對(duì)話框中填需拆分為行還是列。選中拆分為行，2行。3）在表格中出入層：選中一個(gè)表格單元，選擇【插入】—【布局對(duì)象】—【層】4）在層中插入圖像：選擇【插入】—【圖像】在彈出的對(duì)話框中【文件名】中選擇要插入圖像的名稱(chēng)。（圖像，音樂(lè)，視頻與網(wǎng)頁(yè)保存在同一個(gè)文件夾中）單擊確定，在彈出的對(duì)話框中【替換文本】處填寫(xiě)圖片的說(shuō)明名稱(chēng)。5）設(shè)置圖片屬性：圖像的屬性可以通過(guò)【屬性】面板中各個(gè)選項(xiàng)來(lái)完成。4）創(chuàng)建網(wǎng)頁(yè)名稱(chēng)：選擇【查看】—【代碼】編寫(xiě)HTML語(yǔ)言，<title>walhj</title>創(chuàng)建網(wǎng)頁(yè)名稱(chēng)。5）插入背景音樂(lè)：選擇【查看】—【代碼】編寫(xiě)HTML語(yǔ)言，bgsoundsrc="音樂(lè)/宮崎駿-天空之城-演奏曲小提琴鋼琴版.mp3"width="213"height="41"></embed>.6)插入視頻：選擇【插入】—【媒體】—【FLASH視頻】在彈出的對(duì)話框中【URL】中【瀏覽】中選擇要插入的視頻，【寬度】【高度】處分別填300和300，選擇【自動(dòng)播放】單擊【確定】按鈕。8)設(shè)置文本的大小及顏色：選中要編輯的文本，選擇【文本】—【顏色】/【大小】設(shè)置文本的顏色和大小。9）設(shè)置頁(yè)面背景顏色：選擇【窗口】—【屬性】—【頁(yè)面屬性】在彈出的對(duì)話框中【背景顏色】處選擇想要設(shè)置的顏色。10)在頁(yè)面的左上角處選擇【插入】—【表格】在彈出的對(duì)話框中，【行】【列】分別填1，4，【表格寬度】填300像素。在已經(jīng)創(chuàng)建的表格單元格中分別填“主頁(yè)”“我的簡(jiǎn)介”“時(shí)事新聞”“經(jīng)典閱讀”。11)以次類(lèi)推設(shè)計(jì)“我的簡(jiǎn)介”“時(shí)事新聞”“經(jīng)典閱讀”等網(wǎng)頁(yè)。12）各網(wǎng)頁(yè)之間的鏈接實(shí)驗(yàn)環(huán)境安裝有Dreameaver軟件的能上網(wǎng)的計(jì)算機(jī)實(shí)驗(yàn)結(jié)果與分析Dreamweavr是一種簡(jiǎn)單易掌握的網(wǎng)頁(yè)設(shè)計(jì)與制作工具，包含了多種功能，與HTML語(yǔ)法編寫(xiě)制作網(wǎng)頁(yè)，它要簡(jiǎn)單的多。dreamweaver是通過(guò)可視化編輯控制html可以節(jié)省很多代碼撰寫(xiě)的時(shí)間并且可以方便的實(shí)現(xiàn)各種特殊效果。但同時(shí)Dreamweaver也有自身的不足之處。由于在網(wǎng)頁(yè)制作