第一篇：網(wǎng)頁設計與數(shù)據(jù)庫(第4章)實驗報告

《網(wǎng)頁設計與數(shù)據(jù)庫技術》實驗報告

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

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

一、實驗題目：

《Access2003建立數(shù)據(jù)庫應用實例》

二、實驗步驟：

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

2． 數(shù)據(jù)庫的創(chuàng)建。

3． 在Access中使用設計器創(chuàng)建數(shù)據(jù)庫。

4． 錄入數(shù)據(jù)。

5． 建立表關系。

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

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

8． 建立數(shù)據(jù)訪問頁。

9．保存預覽。

10.壓縮網(wǎng)站(文件夾)并發(fā)送電子郵。

三、實驗結果：

至此，通過一個在線圖書銷售系統(tǒng)的數(shù)據(jù)庫的例子，學習和了

解了從建立數(shù)據(jù)表，錄入數(shù)據(jù)，查詢數(shù)據(jù)，修改顯示和發(fā)布數(shù)

據(jù)訪問頁的整個過程。

第二篇：網(wǎng)頁設計實驗報告

網(wǎng)頁設計實驗報告

本課程的設計目的是通過實踐使同學們經(jīng)歷Dreamweaver cs3開發(fā)的全過程和受到一次綜合訓練，以便能較全面地理解、掌握和綜合運用所學的知識。結合具體的開發(fā)案例，理解并初步掌握運用Dreamweaver cs3可視化開發(fā)工具進行網(wǎng)頁開發(fā)的方法；了解網(wǎng)頁設計制作過程通過設計達到掌握網(wǎng)頁設計、制作的技巧。了解和熟悉網(wǎng)頁設計的基礎知識和實現(xiàn)技巧。根據(jù)題目的要求，給出網(wǎng)頁設計方案，可以按要求，利用合適圖文素材設計制作符合要求的網(wǎng)頁設計作品。熟練掌握Photoshop cs3、Dreamweaver cs3等軟件的的操作和應用。增強動手實踐能力，進一步加強自身綜合素質(zhì)。

1.課程設計題目

跑車世界，為了拉近人們與高端汽車的距離，讓人們更加的了解它們，我收集了一些關于汽車的知識，并通過網(wǎng)頁的形式展現(xiàn)在人們面前.2.總結

在這次的網(wǎng)頁設計中用到大量的布局，所以怎么樣建立布局是關鍵。Dreamweaver cs3是大多數(shù)人設計網(wǎng)頁的稱手兵器，也是眾多入門者的捷徑。特別是其在布局方面的出色表現(xiàn)，更受青睞。大家都知道，沒有表格的幫助，很難組織出一個協(xié)調(diào)合理的頁面。通過這次網(wǎng)頁課程設計激發(fā)學習興趣，調(diào)動學習的自覺性，自己動腦、動手，動口，運用網(wǎng)絡資源，結合教材及老師的指導，通過自身的實踐，創(chuàng)作出積聚個人風格、個性的個人網(wǎng)頁?？傮w來說，整個學期的學習過程，我學會了很多知識，在設計網(wǎng)頁的這幾天里，我充分利用了這次設計的機會，全心全意投入到網(wǎng)頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自我，在網(wǎng)絡的天空下逐漸的美化自己的人生！做好頁面，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。本次課程設計不是很好，頁面過于簡單，創(chuàng)新意識反面薄弱，這是我需要提高的地方。需要學的地方還有很多，需要有耐心、堅持，不斷的學習，綜合運用多種知識，才能設計出好的web頁面。總體來說，通過這次的對網(wǎng)頁課程設計，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網(wǎng)頁設計的熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。感謝老師、同學在這次課程設計中給我的幫助、指導

第三篇：網(wǎng)頁設計實驗報告

姓名：王中亞 學號：201215304 班級：2012153班

網(wǎng)頁實驗報告

一、實驗目的

網(wǎng)絡在現(xiàn)今生活中的重要地位已經(jīng)不言而喻，我們上網(wǎng)都避免不了瀏覽網(wǎng)頁。本實驗通過學習使用Dreamweaver cs4設計網(wǎng)頁，來達到熟知一個網(wǎng)站的網(wǎng)頁整個設計過程是怎樣進行的，并能自行設計一個具有鮮明主題的基本完整的靜態(tài)簡單網(wǎng)頁的目的。并且在本次實驗中，我們通過實際的操作，更好的學習在html中嵌入多媒體，使網(wǎng)頁的內(nèi)容更加豐富，具有吸引力。在此過程中，我們還要對css3.0進行學習，以幫助我們使網(wǎng)頁的樣式更加美觀。為了更好的交互操作，我們還要對javaScript及jquery，jQueryUI ,easyUI等一些前臺插件進行學習。

二、實驗器材

1、一臺臺式機或者筆記本

2、Windows 7操作系統(tǒng)

3、Dreamweaver cs4軟件、photshop軟件

三、實驗原理和方案

Dreamweaver cs4是常見的設計工具，在設計過程中基本上不需要親自動手設計源代碼，但是為了更好地學習Html標記語言，我們在實驗過程中，不會使用可是界面進行操作，而是采用其代碼編輯模式進行開發(fā)（此外，Dreamweaver cs4的可是界面開發(fā)過程中，可是界面的調(diào)試結果和瀏覽器的調(diào)試結果會有很多差異性，所以在html新手的學習過程中要注意到這一點，盡量手動書寫代碼的方式進行html頁面的編寫），要設計一個滿意的網(wǎng)頁要遵循一定的步驟：

1、確定網(wǎng)站主題、風格和布局

2、搜集相關素材，比如音頻、圖片、文本等

3、根據(jù)網(wǎng)站主題，在網(wǎng)站中放入相關元素和內(nèi)容

四、實驗步驟

4.1準備素材

確定網(wǎng)頁的主題和風格，收集各種可能需要的設計素材，素材包括圖片，音樂，動畫，視頻，由于剛剛開始學習制作網(wǎng)頁，所以我主要搜集圖片和必須的文本。并新建一個文件夾把搜集的素材放到該文件夾里面。

4.2設計規(guī)劃 姓名：王中亞 學號：201215304 班級：2012153班

規(guī)劃網(wǎng)站，對網(wǎng)頁的整體框架和結構進行設計，確定整個網(wǎng)站的內(nèi)容，明確自己的網(wǎng)頁需要滿足的功能和內(nèi)容。

4.3具體設計

1、創(chuàng)建站點。點擊“站點”下拉菜單的“創(chuàng)建站點”，名字站點名稱和站點在計算機的路徑。

2、在電腦里面運行Dreamweaver cs4,在“文件”下拉菜單點擊“新建”，打開“新建文檔”對話框，選舉“框架集”里的“上方固定，下方左側嵌套”，并點擊“創(chuàng)建”按鈕

3、調(diào)整框架的大小，分別保存各個框架和框架集并命名（注：不能用漢字，只能用英文字母）

4、分別給各個框架加入合適的背景色或者或者插入圖片

5、根據(jù)具體的需求進行實際的開發(fā)

五、實驗效果截圖

姓名：王中亞 學號：201215304 班級：2012153班

姓名：王中亞 學號：201215304 班級：2012153班

姓名：王中亞 學號：201215304 班級：2012153班

姓名：王中亞 學號：201215304 班級：2012153班

六、體會心得

在本次網(wǎng)頁設計中，我不僅學到了很多關于網(wǎng)頁設計方面的知識。我從中學會運用Dreamwaver設計簡單的網(wǎng)頁，在這個過程中，我通過自學教材、上網(wǎng)查詢，學習了Dreamweaver、photshop等網(wǎng)頁軟件的應用，學會了管理、維護自己的站點。在設計過程中也出現(xiàn)了很多的問題，其中幾次比較深刻的問題就是在前臺界面中加入js時，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。

并且在本次實驗過程中，我初次體驗了后臺的（javaWeb）的開發(fā)與設計，姓名：王中亞 學號：201215304 班級：2012153班

使我對網(wǎng)站的開發(fā)有了整體的了解，從前臺到后臺，雖然做的比較簡單，但是已經(jīng)出現(xiàn)了完整的前臺后臺雛形，這點讓我收獲很大。

總體來說，通過今次的對網(wǎng)頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網(wǎng)頁設計的熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導。

第四篇：網(wǎng)頁設計實驗報告

一：設計題目：圖書管理系統(tǒng) 二：設計目的：

通過本門課程設計的練習，鞏固掌握網(wǎng)頁設計中普遍使用的一門語言——HTML、一個環(huán)境——ASP、一個工具軟件——Dreamweaver,初步建立系統(tǒng)的網(wǎng)頁設計理念，具備獨立開發(fā)一個小型網(wǎng)站或者協(xié)同開發(fā)大型站點的能力。

三：設計內(nèi)容

功能模塊：設置用戶名，密碼。登陸上去。

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網(wǎng)頁設計實驗報告

實驗報告

專業(yè)

XXXXXX

班級

XX 班

學號

XXXXXX

姓名

XXX

報告完成日期

2012-12-26

指導教師

XXX

評語：

成績：

批閱教師簽名：

批閱時間：

一、制作時間

2012年12月18日至2012年12月26日。

二、實習內(nèi)容

1、使用Dreamweaver制作網(wǎng)站，該網(wǎng)站為福建工程學院網(wǎng)站

2、網(wǎng)站不少于8個頁面，主頁和各模塊相關頁面；

3、頁面中包含文字、圖片；

4、使用CSS實現(xiàn)網(wǎng)頁相關頁面設置，要求在實現(xiàn)網(wǎng)頁內(nèi)能夠顯示文字，圖片等信息；

5、使用網(wǎng)頁瀏覽器進行網(wǎng)站測試。

三、實習環(huán)境

1、硬件環(huán)境：計算機一臺；

2、軟件環(huán)境：Dreamweaver cs4；

3、測試環(huán)境：IE、firework等網(wǎng)頁瀏覽器。

四、網(wǎng)站總體設計

1、網(wǎng)站主題

本網(wǎng)頁是以福建工程學院網(wǎng)站為主題，針對不同的年齡階段的人給出了不同的學院的信息。

2、設計思路

首先構思了基本網(wǎng)頁的布局，主頁采取了常用的1-（1+1+1），附頁采用了1-（1+1），上了多個網(wǎng) 最后決定參照福建工程學院的官方網(wǎng)站進行制作，但是布局并不相同 素材取自福建工程學院官方網(wǎng)站，部分圖片取自百度，網(wǎng)站包括1個主頁7個子頁，子頁包含了所有的學校狀況，分別為：學校簡介、現(xiàn)任校領導、教學機構、管理機構、校紀校訓校歌、校園風光、新校區(qū)建設；采用了較難的二級菜單 和 JVAV技術實現(xiàn)導航欄上面的圖片進行4張輪播。

五、制作步驟

1.首先確定網(wǎng)頁的主題后，從網(wǎng)上查看各名校的網(wǎng)站，并從中尋找思路開始做網(wǎng)頁。經(jīng)過長時間的瀏覽，最終選擇福建工程學院作為參照（網(wǎng)址：http://004km.cn）

2.受福建工程學院主頁的影響我自學了圖片輪播和二級菜單，從而制作了輪播圖片和二級菜單。

3.由于對于JVAV和表單的知識并不是非常了解所以有些地方需要實現(xiàn)的實現(xiàn)不出來放棄了，期中研究了最久的就是 導航輪播和下面的有塊區(qū)域的圖片輪播，結果因為不知道如何同時初始化2個JVAV函數(shù) 最后以失敗告終 只好放棄

4.本次制作最難的地方是導航菜單的二級菜單和圖片輪換

在制作過程中，遇到很多次的制作混亂，最后還是老師幫忙解決的。

5.原計劃那些JVAV代碼因為無法同時初始化他們放棄了 只好以一些列表代替

6.最后，將一些小細節(jié)的東西做了些處理，最后打包上交。

六、實習總結

這次是我們web的期末考試制作，通過這一次的制作，不僅鞏固了以前學過的知識，還學會很多課堂上未教授的東西。通過老師的講解、查閱資料，解決了很多制作上的困難，這一點我在這要好好感謝我們的XX老師和我們宿舍的學姐，謝謝她們幫我很大的忙。

七、參考文獻

《HTML+CSS網(wǎng)頁設計與布局》 《PHP編碼》