第一篇：網頁設計實驗報告
網頁設計實驗報告
本課程的設計目的是通過實踐使同學們經歷Dreamweaver cs3開發的全過程和受到一次綜合訓練，以便能較全面地理解、掌握和綜合運用所學的知識。結合具體的開發案例，理解并初步掌握運用Dreamweaver cs3可視化開發工具進行網頁開發的方法；了解網頁設計制作過程通過設計達到掌握網頁設計、制作的技巧。了解和熟悉網頁設計的基礎知識和實現技巧。根據題目的要求，給出網頁設計方案，可以按要求，利用合適圖文素材設計制作符合要求的網頁設計作品。熟練掌握Photoshop cs3、Dreamweaver cs3等軟件的的操作和應用。增強動手實踐能力，進一步加強自身綜合素質。
1.課程設計題目
跑車世界，為了拉近人們與高端汽車的距離，讓人們更加的了解它們，我收集了一些關于汽車的知識，并通過網頁的形式展現在人們面前.2.總結
在這次的網頁設計中用到大量的布局，所以怎么樣建立布局是關鍵。Dreamweaver cs3是大多數人設計網頁的稱手兵器，也是眾多入門者的捷徑。特別是其在布局方面的出色表現，更受青睞。大家都知道，沒有表格的幫助，很難組織出一個協調合理的頁面。通過這次網頁課程設計激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，在設計網頁的這幾天里，我充分利用了這次設計的機會，全心全意投入到網頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生！做好頁面，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。本次課程設計不是很好，頁面過于簡單，創新意識反面薄弱，這是我需要提高的地方。需要學的地方還有很多，需要有耐心、堅持，不斷的學習，綜合運用多種知識，才能設計出好的web頁面。總體來說，通過這次的對網頁課程設計，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。感謝老師、同學在這次課程設計中給我的幫助、指導
第二篇：網頁設計實驗報告
姓名：王中亞 學號：201215304 班級：2012153班
網頁實驗報告
一、實驗目的
網絡在現今生活中的重要地位已經不言而喻，我們上網都避免不了瀏覽網頁。本實驗通過學習使用Dreamweaver cs4設計網頁，來達到熟知一個網站的網頁整個設計過程是怎樣進行的，并能自行設計一個具有鮮明主題的基本完整的靜態簡單網頁的目的。并且在本次實驗中，我們通過實際的操作，更好的學習在html中嵌入多媒體，使網頁的內容更加豐富，具有吸引力。在此過程中，我們還要對css3.0進行學習，以幫助我們使網頁的樣式更加美觀。為了更好的交互操作，我們還要對javaScript及jquery，jQueryUI ,easyUI等一些前臺插件進行學習。
二、實驗器材
1、一臺臺式機或者筆記本
2、Windows 7操作系統
3、Dreamweaver cs4軟件、photshop軟件
三、實驗原理和方案
Dreamweaver cs4是常見的設計工具，在設計過程中基本上不需要親自動手設計源代碼，但是為了更好地學習Html標記語言，我們在實驗過程中，不會使用可是界面進行操作，而是采用其代碼編輯模式進行開發（此外，Dreamweaver cs4的可是界面開發過程中，可是界面的調試結果和瀏覽器的調試結果會有很多差異性，所以在html新手的學習過程中要注意到這一點，盡量手動書寫代碼的方式進行html頁面的編寫），要設計一個滿意的網頁要遵循一定的步驟：
1、確定網站主題、風格和布局
2、搜集相關素材，比如音頻、圖片、文本等
3、根據網站主題，在網站中放入相關元素和內容
四、實驗步驟
4.1準備素材
確定網頁的主題和風格，收集各種可能需要的設計素材，素材包括圖片，音樂，動畫，視頻，由于剛剛開始學習制作網頁，所以我主要搜集圖片和必須的文本。并新建一個文件夾把搜集的素材放到該文件夾里面。
4.2設計規劃 姓名：王中亞 學號：201215304 班級：2012153班
規劃網站，對網頁的整體框架和結構進行設計，確定整個網站的內容，明確自己的網頁需要滿足的功能和內容。
4.3具體設計
1、創建站點。點擊“站點”下拉菜單的“創建站點”，名字站點名稱和站點在計算機的路徑。
2、在電腦里面運行Dreamweaver cs4,在“文件”下拉菜單點擊“新建”，打開“新建文檔”對話框，選舉“框架集”里的“上方固定，下方左側嵌套”，并點擊“創建”按鈕
3、調整框架的大小，分別保存各個框架和框架集并命名（注：不能用漢字，只能用英文字母）
4、分別給各個框架加入合適的背景色或者或者插入圖片
5、根據具體的需求進行實際的開發
五、實驗效果截圖
姓名：王中亞 學號：201215304 班級：2012153班
姓名：王中亞 學號：201215304 班級：2012153班
姓名：王中亞 學號：201215304 班級：2012153班
姓名：王中亞 學號：201215304 班級：2012153班
六、體會心得
在本次網頁設計中，我不僅學到了很多關于網頁設計方面的知識。我從中學會運用Dreamwaver設計簡單的網頁，在這個過程中，我通過自學教材、上網查詢，學習了Dreamweaver、photshop等網頁軟件的應用，學會了管理、維護自己的站點。在設計過程中也出現了很多的問題，其中幾次比較深刻的問題就是在前臺界面中加入js時，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。
并且在本次實驗過程中，我初次體驗了后臺的（javaWeb）的開發與設計，姓名：王中亞 學號：201215304 班級：2012153班
使我對網站的開發有了整體的了解，從前臺到后臺，雖然做的比較簡單，但是已經出現了完整的前臺后臺雛形，這點讓我收獲很大。
總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今后的日子里多指導。
第三篇：網頁設計實驗報告
一：設計題目：圖書管理系統 二：設計目的：
通過本門課程設計的練習，鞏固掌握網頁設計中普遍使用的一門語言——HTML、一個環境——ASP、一個工具軟件——Dreamweaver,初步建立系統的網頁設計理念，具備獨立開發一個小型網站或者協同開發大型站點的能力。
三：設計內容
功能模塊：設置用戶名，密碼。登陸上去。
Index.asp代碼
//asp dim action action=trim(request.QueryString(“action”))if action=“chkuser” then dim password,username username=request.Form(“username”)password=request.Form(“password”)password=md5(password,16)set rs=conn.execute(“select * from manager password='”&password&“'”)if not rs.eof then session(“username”)=rs(“userid”)session(“userid”)=rs(“id”)
if rs(“isadmin”)=true then
session(“isadmin”)=“admin”
end if
response.Write “” else response.Write “” end if end if %>
第四篇：Dreamweaver網頁設計實驗報告
實驗報告
專業
XXXXXX
班級
XX 班
學號
XXXXXX
姓名
XXX
報告完成日期
2012-12-26
指導教師
XXX
評語：
成績：
批閱教師簽名：
批閱時間：
一、制作時間
2012年12月18日至2012年12月26日。
二、實習內容
1、使用Dreamweaver制作網站，該網站為福建工程學院網站
2、網站不少于8個頁面，主頁和各模塊相關頁面；
3、頁面中包含文字、圖片；
4、使用CSS實現網頁相關頁面設置，要求在實現網頁內能夠顯示文字，圖片等信息；
5、使用網頁瀏覽器進行網站測試。
三、實習環境
1、硬件環境：計算機一臺；
2、軟件環境：Dreamweaver cs4；
3、測試環境：IE、firework等網頁瀏覽器。
四、網站總體設計
1、網站主題
本網頁是以福建工程學院網站為主題，針對不同的年齡階段的人給出了不同的學院的信息。
2、設計思路
首先構思了基本網頁的布局，主頁采取了常用的1-（1+1+1），附頁采用了1-（1+1），上了多個網 最后決定參照福建工程學院的官方網站進行制作，但是布局并不相同 素材取自福建工程學院官方網站，部分圖片取自百度，網站包括1個主頁7個子頁，子頁包含了所有的學校狀況，分別為：學校簡介、現任校領導、教學機構、管理機構、校紀校訓校歌、校園風光、新校區建設；采用了較難的二級菜單 和 JVAV技術實現導航欄上面的圖片進行4張輪播。
五、制作步驟
1.首先確定網頁的主題后，從網上查看各名校的網站，并從中尋找思路開始做網頁。經過長時間的瀏覽，最終選擇福建工程學院作為參照（網址：http://www.tmdps.cn）
2.受福建工程學院主頁的影響我自學了圖片輪播和二級菜單，從而制作了輪播圖片和二級菜單。
3.由于對于JVAV和表單的知識并不是非常了解所以有些地方需要實現的實現不出來放棄了，期中研究了最久的就是 導航輪播和下面的有塊區域的圖片輪播，結果因為不知道如何同時初始化2個JVAV函數 最后以失敗告終 只好放棄
4.本次制作最難的地方是導航菜單的二級菜單和圖片輪換
在制作過程中，遇到很多次的制作混亂，最后還是老師幫忙解決的。
5.原計劃那些JVAV代碼因為無法同時初始化他們放棄了 只好以一些列表代替
6.最后，將一些小細節的東西做了些處理，最后打包上交。
六、實習總結
這次是我們web的期末考試制作，通過這一次的制作，不僅鞏固了以前學過的知識，還學會很多課堂上未教授的東西。通過老師的講解、查閱資料，解決了很多制作上的困難，這一點我在這要好好感謝我們的XX老師和我們宿舍的學姐，謝謝她們幫我很大的忙。
七、參考文獻
《HTML+CSS網頁設計與布局》 《PHP編碼》
第五篇：網頁設計實驗報告w
中南民族大學管理學院
學生實驗報告
課程名稱： 網頁設計與制作 姓 名： 星存田 學 號： 10058048 年 級： 2010級 專 業： 電子商務 指導教師： 羅惠平
實驗地點： 管理學院綜合實驗室
2011至2012學第2學期
中南民族大學 管理學院 學生實驗報告
實驗一實驗二實驗三實驗四實驗五實驗六
目錄
HTML網頁制作 FrontPage 2003 網頁制作 Dreamweaver 8 網頁制作 Photoshop CS2網頁制作 Fireworks 8 網頁制作 Flash網頁制作
中南民族大學 管理學院 學生實驗報告
實驗一 HTML網頁制作 實驗屬性 驗證型
實驗時間 2012-3-29 實驗目的
學習如何編寫HTML文檔，并學會HTML的一些基本標記，如標題、背景圖片、圖像。水平線、文字編輯、段落、超鏈接、文本堆砌的使用方法。學習HTML表單標記的應用、框架標記，書簽鏈接標記等等。
實驗內容
1.鳥語花香網頁 2.課表制作 3.表單的制作 4.框架的應用 5.書簽的應用 6.網頁定時跳轉
7.下載提示，彈出窗口
實驗步驟中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告
實驗結果分析
這次的網頁制作使我學會了很多，有關怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學會了網頁的制作，學會了寫HTML文檔，并學會HTML的一些基本標記，如標題、背景圖片、圖像。水平線、文字編輯、段落、超鏈接、文本堆砌的使用方法。學習HTML表單標記的應用、框架標記，書簽鏈接標記 中南民族大學 管理學院 學生實驗報告
指導教師批閱
（1）實驗態度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）
（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：
總評成績：
評閱教師（簽字）：
實驗二 FrontPage 2003 網頁制作
實驗屬性 驗證型
實驗時間 2012-4-12 實驗目的
掌握frontpage 2003新增加的網頁布局的功能，了解frontpage 2003中的表單元素的應用了解利用框架設計網頁的基本操作，學習層在frontpage 2003的應用，制作網頁動態效果，動畫效果制作等等。
實驗內容
1.表格布局頁面 2.建立表單 中南民族大學 管理學院 學生實驗報告
3.利用框架設計網頁 4.層與行為的綜合應用 5.制作文字的動態效果 6.制作網頁動畫 7.制作網頁過渡效果
實驗步驟中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告
實驗結果分析
在設計框架時經常需要調整某一行或列的屬性，這時可以通過表格中列寬和行高的標簽來完成。在操作窗口中單擊布局表格需要調整的邊框，每一側都會出現顯示列寬和行高的標簽。每個標簽都包括一個下拉箭頭，如更改行高度時，單擊此下拉箭頭彈出一個下拉菜單，選擇“更改行高”命令，在彈出的“行屬性”對話框中重新輸入該行高度值即可。FrontPage2003還提供了一個表格自動功能，它可以按照比例自動伸縮，調整表格的寬度和高度，使用時在邊距標簽下拉菜單中選擇“自動伸縮”命令即可快速地對表格的尺寸進行調整，非常方便。中南民族大學 管理學院 學生實驗報告
指導教師批閱
（1）實驗態度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）
（6）實驗結果分析：無（（7）其它補充：
總評成績：
評閱教師（簽字）：），不充分（），較充分（11），充分（）中南民族大學 管理學院 學生實驗報告
實驗三 Dreamweaver 8 網頁制作
實驗屬性 驗證型
實驗時間 2012-4-26 實驗目的
了解并掌握Dreamweaver 8的個個功能，比如表單，框架結構，時間軸在網頁制作室的應用，層在網頁圖片上的應用，彈出式菜單在網頁中的應用功能，用圖片查看器制作簡單的flash相冊，用表格布局頁面，最后建立一個簡單的網站。
實驗內容 表單的制作 2 制作框架頁面 3 時間軸的應用 4 層的應用 制作彈出式菜單 6 制作Flash相冊 7 用表格布局頁面 8 制作個人網站
實驗步驟中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告
實驗結果分析
跟學習別的東西一樣，學習網頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。學習網頁設計需要耐心，如果你沒有耐心，你學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。學習網頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟件在不斷的更新，你不斷的學習不要掉入技術的陷阱，你的網頁設計技術一流，你對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是是介于平面設計和編程技術兩者之間的“邊緣科學.”不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.注重實用，個人認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。中南民族大學 管理學院 學生實驗報告
指導教師批閱
（1）實驗態度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）
（6）實驗結果分析：無（（7）其它補充：
總評成績：
評閱教師（簽字）：），不充分（），較充分（17），充分（）中南民族大學 管理學院 學生實驗報告
實驗四 Photoshop CS2網頁制作
實驗屬性 驗證型
實驗時間 2012-5-10 實驗目的
掌握Photoshop CS2的文字的處理的基本功能，利用Photoshop CS2制作具體的金屬效果，倒影的效果，利用Photoshop CS2快速蒙版功能制作一個藝術邊框，用Photoshop CS2對圖片進行摳圖操作等等。
實驗內容 制作光暈空心字效果實驗步驟 2 制作金屬效果按鈕 3 制作風景倒影效果 4 制作一個圖片藝術邊框 5 利用濾鏡抽出功能摳圖 6 利用通道進行摳圖 7 制作一個精美的吊牌 8 制一長結婚請柬
實驗步驟中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告
實驗結果分析
通過這次網頁設計與制作綜合型實驗后，使得我不僅對dreamweaver8的網站頁面布局工具層、框架、標簽、表格、css樣式表、表單、flash元素、等站點建設的整個流程有了更完善的了解與認識，并且能夠熟練掌握應運，且在html編寫、javascript腳本改寫以及素材搜集等方面有了深刻認識和更高層次的掌握。熟悉了設置css樣式、運用行為、時間軸來美化網頁，并運用更多的軟件如flash、photoshop軟件與dreamweaver共同來完善網站。明確了網站的制作流程：首先要構思出一個清晰的思路，要注意顏色的搭配，不能色彩太顯眼，讓人感覺到視覺疲勞，注意整個網頁的布局，以及給人一種舒服的視覺感受。此外，還對dreamver軟件中各個菜單及相關屬性設置及具體應用更加熟悉。最主要的是對網站建設流程有了整體的概念和清晰的認識。真正讓我體會到了dreamweaver強大的設計和管理功能。從中我體會出網站的設計制作不僅要求我們對所學的專業知識有個較全面的了解，而且要全面地學習網站設計制作所需要的軟件（比如“網頁三劍客”）知識。在剛開始的時候覺得無從下手，心里有點茫然，只有抓緊時間緊跟老師學習dreamweaver軟件知識。后來才發現在一段時間內想把這方面的知識學得很精，并不是一件很容易的事情。通過老師的耐心教授以及視頻教程和同學間的幫助，我克服了諸多困難，學到許多網頁設計制作知識。為以后的學習打下深深地基礎。同時我也得出了一點道理：
一、無論做什么事情都要有一種執著的精神。否則就會半途而廢；
二、做什么事情也不能急于求成，否則則欲速則不達！
三、在做一件事情以前必須有詳實可行的計劃，否則就會出現不知做什么的現象和后來的手忙腳亂的現象。
中南民族大學 管理學院 學生實驗報告
指導教師批閱
（1）實驗態度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）
（6）實驗結果分析：無（（7）其它補充：
總評成績：
評閱教師（簽字）：），不充分（），較充分（23），充分（）中南民族大學 管理學院 學生實驗報告
實驗五 Fireworks 8 網頁制作
實驗屬性 驗證型 實驗目的
實驗時間 2012-5-24 掌握Fireworks 8圖像和網頁制作的功能，簡單的logo和按鈕的制作，彈出菜單的制作，通過馬賽克文字效果掌握一些圖像處理的技巧，掌握一般替代動畫的制作方法和淡入淡出的動畫的制作方法，最后掌握幀在動畫中的應用。
實驗內容
1.簡單LOGO制作方法一 2.制作按鈕
3.制作彈出菜單
4.制作馬賽克文字效果 5.制作替換動畫
6.制作淡入淡出動畫 7.制作多幀動畫
實驗步驟 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告 中南民族大學 管理學院 學生實驗報告
實驗結果分析
應從使用者的視覺感觀、操作效果、思維過程等方面尋找答案,比如用紅色作為企業級應用的主體色,就要很慎重了,因為紅色是代表著激情、熱烈與企業級應用的要求差距較大,這樣就影響視覺效果;比如需要進行層次較多的選擇時,以前會先用一個列表選擇進去,再選擇其相應的子選項進行查詢、添加等操作,這樣操作效果就很差很羅嗦,對于這樣情況采用旁邊放顆樹進行選擇,不失為一個好的表現形式;比如要實現一些審核性、流程性、過程性的業務,可以考中南民族大學 管理學院 學生實驗報告
慮采用流程圖的形式,這樣非常直觀明了而且易操作;比如要常實現的添加、刪除、修改、查詢等操作時,如何在頁面上組織它們才能使用戶使用方便,這時就要考慮用戶通常的思維過程是如何的,據此實現,用戶使用起來就會方便舒心.指導教師批閱
（1）實驗態度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）中南民族大學 管理學院 學生實驗報告
（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：
總評成績：
評閱教師（簽字）： 中南民族大學 管理學院 學生實驗報告
實驗六 Flash 8網頁制作
2012-6-7 實驗屬性 驗證型 實驗時間 實驗目的
掌握Flash層的應用，動畫中使用按鈕，菜單和窗口等控件。用Flash 8制作閃爍的文字效果，應用Flash制作簡單的廣告，應用Flash制作下雨的效果，制作電子日歷的效果.實驗內容 圖層的妙用 2 制作按鈕 3 制作菜單 制作文字閃爍效果 5 制作簡單賀卡 6 制作簡單廣告 ActionScript動畫 8 制作電子日歷效果
實驗步驟中南民族大學 管理學院 學生實驗報告
中南民族大學 管理學院 學生實驗報告
中南民族大學 管理學院 學生實驗報告
實驗結果分析
Flash 8功能小到用戶不會察覺其中豐富的變化，甚至可能有人認為筆者用上千字來闡述拖放是小題大做。但設計師卻不能看不到這個小功能背后隱藏著用戶長久的使用習慣和需求。作為設計師而言，我們可能需要思考：如何提煉用戶的需求和使用習慣，從而設計出既符合用戶日常使用習慣，自然又便捷的交互方式
網頁制作心得技巧:交互設計經驗分享:WEB拖放交互設計
中南民族大學 管理學院 學生實驗報告
指導教師批閱
（1）實驗態度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）
（6）實驗結果分析：無（（7）其它補充：
總評成績：
評閱教師（簽字）：），不充分（），較充分（34），充分（）
點擊咨詢 