第一篇：網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告

姓名：王中亞 學(xué)號：201215304 班級：2012153班

網(wǎng)頁實(shí)驗(yàn)報(bào)告

一、實(shí)驗(yàn)?zāi)康?/p>

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

二、實(shí)驗(yàn)器材

1、一臺(tái)臺(tái)式機(jī)或者筆記本

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

3、Dreamweaver cs4軟件、photshop軟件

三、實(shí)驗(yàn)原理和方案

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

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

2、搜集相關(guān)素材，比如音頻、圖片、文本等

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

四、實(shí)驗(yàn)步驟

4.1準(zhǔn)備素材

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

4.2設(shè)計(jì)規(guī)劃 姓名：王中亞 學(xué)號：201215304 班級：2012153班

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

4.3具體設(shè)計(jì)

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

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

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

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

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

五、實(shí)驗(yàn)效果截圖

姓名：王中亞 學(xué)號：201215304 班級：2012153班

姓名：王中亞 學(xué)號：201215304 班級：2012153班

姓名：王中亞 學(xué)號：201215304 班級：2012153班

姓名：王中亞 學(xué)號：201215304 班級：2012153班

六、體會(huì)心得

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

并且在本次實(shí)驗(yàn)過程中，我初次體驗(yàn)了后臺(tái)的（javaWeb）的開發(fā)與設(shè)計(jì)，姓名：王中亞 學(xué)號：201215304 班級：2012153班

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

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

第二篇：網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告

網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告

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

1.課程設(shè)計(jì)題目

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

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

第三篇：網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告

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

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

三：設(shè)計(jì)內(nèi)容

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

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)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)報(bào)告

專業(yè)

XXXXXX

班級

XX 班

學(xué)號

XXXXXX

姓名

XXX

報(bào)告完成日期

2012-12-26

指導(dǎo)教師

XXX

評語：

成績：

批閱教師簽名：

批閱時(shí)間：

一、制作時(shí)間

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

二、實(shí)習(xí)內(nèi)容

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

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

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

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

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

三、實(shí)習(xí)環(huán)境

1、硬件環(huán)境：計(jì)算機(jī)一臺(tái)；

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

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

四、網(wǎng)站總體設(shè)計(jì)

1、網(wǎng)站主題

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

2、設(shè)計(jì)思路

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

五、制作步驟

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

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

3.由于對于JVAV和表單的知識并不是非常了解所以有些地方需要實(shí)現(xiàn)的實(shí)現(xiàn)不出來放棄了，期中研究了最久的就是 導(dǎo)航輪播和下面的有塊區(qū)域的圖片輪播，結(jié)果因?yàn)椴恢廊绾瓮瑫r(shí)初始化2個(gè)JVAV函數(shù) 最后以失敗告終 只好放棄

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

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

5.原計(jì)劃那些JVAV代碼因?yàn)闊o法同時(shí)初始化他們放棄了 只好以一些列表代替

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

六、實(shí)習(xí)總結(jié)

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

七、參考文獻(xiàn)

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

第五篇：網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告w

中南民族大學(xué)管理學(xué)院

學(xué)生實(shí)驗(yàn)報(bào)告

課程名稱： 網(wǎng)頁設(shè)計(jì)與制作 姓 名： 星存田 學(xué) 號： 10058048 年 級： 2010級 專 業(yè)： 電子商務(wù) 指導(dǎo)教師： 羅惠平

實(shí)驗(yàn)地點(diǎn)： 管理學(xué)院綜合實(shí)驗(yàn)室

2011至2012學(xué)第2學(xué)期

中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)一實(shí)驗(yàn)二實(shí)驗(yàn)三實(shí)驗(yàn)四實(shí)驗(yàn)五實(shí)驗(yàn)六

目錄

HTML網(wǎng)頁制作 FrontPage 2003 網(wǎng)頁制作 Dreamweaver 8 網(wǎng)頁制作 Photoshop CS2網(wǎng)頁制作 Fireworks 8 網(wǎng)頁制作 Flash網(wǎng)頁制作

中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)一 HTML網(wǎng)頁制作 實(shí)驗(yàn)屬性 驗(yàn)證型

實(shí)驗(yàn)時(shí)間 2012-3-29 實(shí)驗(yàn)?zāi)康?/p>

學(xué)習(xí)如何編寫HTML文檔，并學(xué)會(huì)HTML的一些基本標(biāo)記，如標(biāo)題、背景圖片、圖像。水平線、文字編輯、段落、超鏈接、文本堆砌的使用方法。學(xué)習(xí)HTML表單標(biāo)記的應(yīng)用、框架標(biāo)記，書簽鏈接標(biāo)記等等。

實(shí)驗(yàn)內(nèi)容

1.鳥語花香網(wǎng)頁 2.課表制作 3.表單的制作 4.框架的應(yīng)用 5.書簽的應(yīng)用 6.網(wǎng)頁定時(shí)跳轉(zhuǎn)

7.下載提示，彈出窗口

實(shí)驗(yàn)步驟中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)結(jié)果分析

這次的網(wǎng)頁制作使我學(xué)會(huì)了很多，有關(guān)怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學(xué)會(huì)了網(wǎng)頁的制作，學(xué)會(huì)了寫HTML文檔，并學(xué)會(huì)HTML的一些基本標(biāo)記，如標(biāo)題、背景圖片、圖像。水平線、文字編輯、段落、超鏈接、文本堆砌的使用方法。學(xué)習(xí)HTML表單標(biāo)記的應(yīng)用、框架標(biāo)記，書簽鏈接標(biāo)記 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

指導(dǎo)教師批閱

（1）實(shí)驗(yàn)態(tài)度：不認(rèn)真（），較認(rèn)真（），認(rèn)真（）（2）實(shí)驗(yàn)?zāi)康模翰幻鞔_（），較明確（），明確（）（3）實(shí)驗(yàn)內(nèi)容：不完整（），較完整（），完整（）（4）實(shí)驗(yàn)步驟：混亂（），較清晰（），清晰（）（5）實(shí)驗(yàn)結(jié)果：錯(cuò)誤（），基本正確（），正確（）

（6）實(shí)驗(yàn)結(jié)果分析：無（），不充分（），較充分（），充分（）（7）其它補(bǔ)充：

總評成績：

評閱教師（簽字）：

實(shí)驗(yàn)二 FrontPage 2003 網(wǎng)頁制作

實(shí)驗(yàn)屬性 驗(yàn)證型

實(shí)驗(yàn)時(shí)間 2012-4-12 實(shí)驗(yàn)?zāi)康?/p>

掌握frontpage 2003新增加的網(wǎng)頁布局的功能，了解frontpage 2003中的表單元素的應(yīng)用了解利用框架設(shè)計(jì)網(wǎng)頁的基本操作，學(xué)習(xí)層在frontpage 2003的應(yīng)用，制作網(wǎng)頁動(dòng)態(tài)效果，動(dòng)畫效果制作等等。

實(shí)驗(yàn)內(nèi)容

1.表格布局頁面 2.建立表單 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

3.利用框架設(shè)計(jì)網(wǎng)頁 4.層與行為的綜合應(yīng)用 5.制作文字的動(dòng)態(tài)效果 6.制作網(wǎng)頁動(dòng)畫 7.制作網(wǎng)頁過渡效果

實(shí)驗(yàn)步驟中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)結(jié)果分析

在設(shè)計(jì)框架時(shí)經(jīng)常需要調(diào)整某一行或列的屬性，這時(shí)可以通過表格中列寬和行高的標(biāo)簽來完成。在操作窗口中單擊布局表格需要調(diào)整的邊框，每一側(cè)都會(huì)出現(xiàn)顯示列寬和行高的標(biāo)簽。每個(gè)標(biāo)簽都包括一個(gè)下拉箭頭，如更改行高度時(shí)，單擊此下拉箭頭彈出一個(gè)下拉菜單，選擇“更改行高”命令，在彈出的“行屬性”對話框中重新輸入該行高度值即可。FrontPage2003還提供了一個(gè)表格自動(dòng)功能，它可以按照比例自動(dòng)伸縮，調(diào)整表格的寬度和高度，使用時(shí)在邊距標(biāo)簽下拉菜單中選擇“自動(dòng)伸縮”命令即可快速地對表格的尺寸進(jìn)行調(diào)整，非常方便。中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

指導(dǎo)教師批閱

（1）實(shí)驗(yàn)態(tài)度：不認(rèn)真（），較認(rèn)真（），認(rèn)真（）（2）實(shí)驗(yàn)?zāi)康模翰幻鞔_（），較明確（），明確（）（3）實(shí)驗(yàn)內(nèi)容：不完整（），較完整（），完整（）（4）實(shí)驗(yàn)步驟：混亂（），較清晰（），清晰（）（5）實(shí)驗(yàn)結(jié)果：錯(cuò)誤（），基本正確（），正確（）

（6）實(shí)驗(yàn)結(jié)果分析：無（（7）其它補(bǔ)充：

總評成績：

評閱教師（簽字）：），不充分（），較充分（11），充分（）中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)三 Dreamweaver 8 網(wǎng)頁制作

實(shí)驗(yàn)屬性 驗(yàn)證型

實(shí)驗(yàn)時(shí)間 2012-4-26 實(shí)驗(yàn)?zāi)康?/p>

了解并掌握Dreamweaver 8的個(gè)個(gè)功能，比如表單，框架結(jié)構(gòu)，時(shí)間軸在網(wǎng)頁制作室的應(yīng)用，層在網(wǎng)頁圖片上的應(yīng)用，彈出式菜單在網(wǎng)頁中的應(yīng)用功能，用圖片查看器制作簡單的flash相冊，用表格布局頁面，最后建立一個(gè)簡單的網(wǎng)站。

實(shí)驗(yàn)內(nèi)容 表單的制作 2 制作框架頁面 3 時(shí)間軸的應(yīng)用 4 層的應(yīng)用 制作彈出式菜單 6 制作Flash相冊 7 用表格布局頁面 8 制作個(gè)人網(wǎng)站

實(shí)驗(yàn)步驟中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)結(jié)果分析

跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一個(gè)問題，用了半個(gè)月時(shí)間才解決。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，你對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的“邊緣科學(xué).”不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運(yùn)用多種知識,才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

指導(dǎo)教師批閱

（1）實(shí)驗(yàn)態(tài)度：不認(rèn)真（），較認(rèn)真（），認(rèn)真（）（2）實(shí)驗(yàn)?zāi)康模翰幻鞔_（），較明確（），明確（）（3）實(shí)驗(yàn)內(nèi)容：不完整（），較完整（），完整（）（4）實(shí)驗(yàn)步驟：混亂（），較清晰（），清晰（）（5）實(shí)驗(yàn)結(jié)果：錯(cuò)誤（），基本正確（），正確（）

（6）實(shí)驗(yàn)結(jié)果分析：無（（7）其它補(bǔ)充：

總評成績：

評閱教師（簽字）：），不充分（），較充分（17），充分（）中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)四 Photoshop CS2網(wǎng)頁制作

實(shí)驗(yàn)屬性 驗(yàn)證型

實(shí)驗(yàn)時(shí)間 2012-5-10 實(shí)驗(yàn)?zāi)康?/p>

掌握Photoshop CS2的文字的處理的基本功能，利用Photoshop CS2制作具體的金屬效果，倒影的效果，利用Photoshop CS2快速蒙版功能制作一個(gè)藝術(shù)邊框，用Photoshop CS2對圖片進(jìn)行摳圖操作等等。

實(shí)驗(yàn)內(nèi)容 制作光暈空心字效果實(shí)驗(yàn)步驟 2 制作金屬效果按鈕 3 制作風(fēng)景倒影效果 4 制作一個(gè)圖片藝術(shù)邊框 5 利用濾鏡抽出功能摳圖 6 利用通道進(jìn)行摳圖 7 制作一個(gè)精美的吊牌 8 制一長結(jié)婚請柬

實(shí)驗(yàn)步驟中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)結(jié)果分析

通過這次網(wǎng)頁設(shè)計(jì)與制作綜合型實(shí)驗(yàn)后，使得我不僅對dreamweaver8的網(wǎng)站頁面布局工具層、框架、標(biāo)簽、表格、css樣式表、表單、flash元素、等站點(diǎn)建設(shè)的整個(gè)流程有了更完善的了解與認(rèn)識，并且能夠熟練掌握應(yīng)運(yùn)，且在html編寫、javascript腳本改寫以及素材搜集等方面有了深刻認(rèn)識和更高層次的掌握。熟悉了設(shè)置css樣式、運(yùn)用行為、時(shí)間軸來美化網(wǎng)頁，并運(yùn)用更多的軟件如flash、photoshop軟件與dreamweaver共同來完善網(wǎng)站。明確了網(wǎng)站的制作流程：首先要構(gòu)思出一個(gè)清晰的思路，要注意顏色的搭配，不能色彩太顯眼，讓人感覺到視覺疲勞，注意整個(gè)網(wǎng)頁的布局，以及給人一種舒服的視覺感受。此外，還對dreamver軟件中各個(gè)菜單及相關(guān)屬性設(shè)置及具體應(yīng)用更加熟悉。最主要的是對網(wǎng)站建設(shè)流程有了整體的概念和清晰的認(rèn)識。真正讓我體會(huì)到了dreamweaver強(qiáng)大的設(shè)計(jì)和管理功能。從中我體會(huì)出網(wǎng)站的設(shè)計(jì)制作不僅要求我們對所學(xué)的專業(yè)知識有個(gè)較全面的了解，而且要全面地學(xué)習(xí)網(wǎng)站設(shè)計(jì)制作所需要的軟件（比如“網(wǎng)頁三劍客”）知識。在剛開始的時(shí)候覺得無從下手，心里有點(diǎn)茫然，只有抓緊時(shí)間緊跟老師學(xué)習(xí)dreamweaver軟件知識。后來才發(fā)現(xiàn)在一段時(shí)間內(nèi)想把這方面的知識學(xué)得很精，并不是一件很容易的事情。通過老師的耐心教授以及視頻教程和同學(xué)間的幫助，我克服了諸多困難，學(xué)到許多網(wǎng)頁設(shè)計(jì)制作知識。為以后的學(xué)習(xí)打下深深地基礎(chǔ)。同時(shí)我也得出了一點(diǎn)道理：

一、無論做什么事情都要有一種執(zhí)著的精神。否則就會(huì)半途而廢；

二、做什么事情也不能急于求成，否則則欲速則不達(dá)！

三、在做一件事情以前必須有詳實(shí)可行的計(jì)劃，否則就會(huì)出現(xiàn)不知做什么的現(xiàn)象和后來的手忙腳亂的現(xiàn)象。

中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

指導(dǎo)教師批閱

（1）實(shí)驗(yàn)態(tài)度：不認(rèn)真（），較認(rèn)真（），認(rèn)真（）（2）實(shí)驗(yàn)?zāi)康模翰幻鞔_（），較明確（），明確（）（3）實(shí)驗(yàn)內(nèi)容：不完整（），較完整（），完整（）（4）實(shí)驗(yàn)步驟：混亂（），較清晰（），清晰（）（5）實(shí)驗(yàn)結(jié)果：錯(cuò)誤（），基本正確（），正確（）

（6）實(shí)驗(yàn)結(jié)果分析：無（（7）其它補(bǔ)充：

總評成績：

評閱教師（簽字）：），不充分（），較充分（23），充分（）中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)五 Fireworks 8 網(wǎng)頁制作

實(shí)驗(yàn)屬性 驗(yàn)證型 實(shí)驗(yàn)?zāi)康?/p>

實(shí)驗(yàn)時(shí)間 2012-5-24 掌握Fireworks 8圖像和網(wǎng)頁制作的功能，簡單的logo和按鈕的制作，彈出菜單的制作，通過馬賽克文字效果掌握一些圖像處理的技巧，掌握一般替代動(dòng)畫的制作方法和淡入淡出的動(dòng)畫的制作方法，最后掌握幀在動(dòng)畫中的應(yīng)用。

實(shí)驗(yàn)內(nèi)容

1.簡單LOGO制作方法一 2.制作按鈕

3.制作彈出菜單

4.制作馬賽克文字效果 5.制作替換動(dòng)畫

6.制作淡入淡出動(dòng)畫 7.制作多幀動(dòng)畫

實(shí)驗(yàn)步驟 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)結(jié)果分析

應(yīng)從使用者的視覺感觀、操作效果、思維過程等方面尋找答案,比如用紅色作為企業(yè)級應(yīng)用的主體色,就要很慎重了,因?yàn)榧t色是代表著激情、熱烈與企業(yè)級應(yīng)用的要求差距較大,這樣就影響視覺效果;比如需要進(jìn)行層次較多的選擇時(shí),以前會(huì)先用一個(gè)列表選擇進(jìn)去,再選擇其相應(yīng)的子選項(xiàng)進(jìn)行查詢、添加等操作,這樣操作效果就很差很羅嗦,對于這樣情況采用旁邊放顆樹進(jìn)行選擇,不失為一個(gè)好的表現(xiàn)形式;比如要實(shí)現(xiàn)一些審核性、流程性、過程性的業(yè)務(wù),可以考中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

慮采用流程圖的形式,這樣非常直觀明了而且易操作;比如要常實(shí)現(xiàn)的添加、刪除、修改、查詢等操作時(shí),如何在頁面上組織它們才能使用戶使用方便,這時(shí)就要考慮用戶通常的思維過程是如何的,據(jù)此實(shí)現(xiàn),用戶使用起來就會(huì)方便舒心.指導(dǎo)教師批閱

（1）實(shí)驗(yàn)態(tài)度：不認(rèn)真（），較認(rèn)真（），認(rèn)真（）（2）實(shí)驗(yàn)?zāi)康模翰幻鞔_（），較明確（），明確（）（3）實(shí)驗(yàn)內(nèi)容：不完整（），較完整（），完整（）（4）實(shí)驗(yàn)步驟：混亂（），較清晰（），清晰（）（5）實(shí)驗(yàn)結(jié)果：錯(cuò)誤（），基本正確（），正確（）中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

（6）實(shí)驗(yàn)結(jié)果分析：無（），不充分（），較充分（），充分（）（7）其它補(bǔ)充：

總評成績：

評閱教師（簽字）： 中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)六 Flash 8網(wǎng)頁制作

2012-6-7 實(shí)驗(yàn)屬性 驗(yàn)證型 實(shí)驗(yàn)時(shí)間 實(shí)驗(yàn)?zāi)康?/p>

掌握Flash層的應(yīng)用，動(dòng)畫中使用按鈕，菜單和窗口等控件。用Flash 8制作閃爍的文字效果，應(yīng)用Flash制作簡單的廣告，應(yīng)用Flash制作下雨的效果，制作電子日歷的效果.實(shí)驗(yàn)內(nèi)容 圖層的妙用 2 制作按鈕 3 制作菜單 制作文字閃爍效果 5 制作簡單賀卡 6 制作簡單廣告 ActionScript動(dòng)畫 8 制作電子日歷效果

實(shí)驗(yàn)步驟中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

實(shí)驗(yàn)結(jié)果分析

Flash 8功能小到用戶不會(huì)察覺其中豐富的變化，甚至可能有人認(rèn)為筆者用上千字來闡述拖放是小題大做。但設(shè)計(jì)師卻不能看不到這個(gè)小功能背后隱藏著用戶長久的使用習(xí)慣和需求。作為設(shè)計(jì)師而言，我們可能需要思考：如何提煉用戶的需求和使用習(xí)慣，從而設(shè)計(jì)出既符合用戶日常使用習(xí)慣，自然又便捷的交互方式

網(wǎng)頁制作心得技巧:交互設(shè)計(jì)經(jīng)驗(yàn)分享:WEB拖放交互設(shè)計(jì)

中南民族大學(xué) 管理學(xué)院 學(xué)生實(shí)驗(yàn)報(bào)告

指導(dǎo)教師批閱

（1）實(shí)驗(yàn)態(tài)度：不認(rèn)真（），較認(rèn)真（），認(rèn)真（）（2）實(shí)驗(yàn)?zāi)康模翰幻鞔_（），較明確（），明確（）（3）實(shí)驗(yàn)內(nèi)容：不完整（），較完整（），完整（）（4）實(shí)驗(yàn)步驟：混亂（），較清晰（），清晰（）（5）實(shí)驗(yàn)結(jié)果：錯(cuò)誤（），基本正確（），正確（）

（6）實(shí)驗(yàn)結(jié)果分析：無（（7）其它補(bǔ)充：

總評成績：

評閱教師（簽字）：），不充分（），較充分（34），充分（）