設計與制作個人網(wǎng)站或班級網(wǎng)站實驗報告

課程實驗報告專業(yè)年級課程名稱指導教師學生姓名學號實驗日期實驗地點實驗成績年月日

實驗項目名稱設計與制作個人網(wǎng)站或班級網(wǎng)站實驗目的及要求本實驗為設計與創(chuàng)新型實驗，要求學生在掌握網(wǎng)頁制作軟件Dreamweaver的基本功能基礎上，掌握網(wǎng)頁設計制作軟件的方法和技術，執(zhí)行創(chuàng)作完成個人網(wǎng)頁、班級或寢室網(wǎng)頁。利用Dreameaver制作一個簡單的個人、班級或寢室網(wǎng)頁。要求：（1）

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