第一篇：網頁設計與數據庫(第4章)實驗報告

《網頁設計與數據庫技術》實驗報告

學號：201003402115姓名:李金平成績：

學院（系）：哲學與政治學學院專業：政治學與行政學班級：2010政治學與行政學班

一、實驗題目：

《Access2003建立數據庫應用實例》

二、實驗步驟：

1． 查看需要建立的具體表和字段信息。

2． 數據庫的創建。

3． 在Access中使用設計器創建數據庫。

4． 錄入數據。

5． 建立表關系。

6． 查詢所有的管理員信息。

7． 修改查詢結果表的顯示。

8． 建立數據訪問頁。

9．保存預覽。

10.壓縮網站(文件夾)并發送電子郵。

三、實驗結果：

至此，通過一個在線圖書銷售系統的數據庫的例子，學習和了

解了從建立數據表，錄入數據，查詢數據，修改顯示和發布數

據訪問頁的整個過程。

第二篇：網頁設計實驗報告

網頁設計實驗報告

本課程的設計目的是通過實踐使同學們經歷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編碼》