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

專業(yè)：軟件技術(shù) 班級(jí)：10屆 軟件2班 姓名：鄭麗

學(xué)號(hào)：45 網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告

一． 實(shí)訓(xùn)意義

通過(guò)校內(nèi)的實(shí)際訓(xùn)練，使自己掌握在Windows環(huán)境下Dreamwaver8的基本操作和使用技能的基本方法，掌握相關(guān)理論知識(shí)；培養(yǎng)了自己設(shè)計(jì)網(wǎng)頁(yè)的技能，提高自己學(xué)習(xí)課程的積極性，為今后學(xué)習(xí)其它有關(guān)網(wǎng)頁(yè)設(shè)計(jì)與制作打下一個(gè)良好的基礎(chǔ)。

二．實(shí)訓(xùn)目的

1、通過(guò)綜合實(shí)訓(xùn)進(jìn)一步鞏固、深化和加強(qiáng)我們的理論知識(shí)與專業(yè)技能。掌握頁(yè)面的整體控制和頭部設(shè)置的方法。

2、運(yùn)用 Dreamwaver 完成網(wǎng)站建設(shè)任務(wù)的方法，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站；

3、在網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問(wèn)題、解決問(wèn)題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團(tuán)隊(duì)意識(shí)；

4、熟練掌握網(wǎng)頁(yè)頁(yè)面布局的各種方法（css內(nèi)部樣式和層的應(yīng)用）；

5、作為學(xué)生學(xué)習(xí)這門課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過(guò)的理論，并予以適當(dāng)?shù)纳罨M(jìn)一步訓(xùn)練我們的基本技能。

6、應(yīng)用層+css樣式外部文件實(shí)現(xiàn)該網(wǎng)站的各個(gè)頁(yè)面定位，請(qǐng)同學(xué)們注意網(wǎng)頁(yè)文件與css樣式外部文件、資源文件存放的路徑，要求網(wǎng)頁(yè)文件與css樣式外部文件、資源文件夾為同源路徑（可定義網(wǎng)站文件夾為mysite）。

三．實(shí)訓(xùn)準(zhǔn)備

安裝有Dreamwaver的計(jì)算機(jī)；準(zhǔn)備網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中一切可能用到的素材；計(jì)算好每個(gè)層的寬高，以免設(shè)計(jì)過(guò)程中出現(xiàn)差異。

四．實(shí)訓(xùn)內(nèi)容

項(xiàng)目名稱：學(xué)校網(wǎng)站

具體內(nèi)容：具體內(nèi)容：項(xiàng)目中所要設(shè)計(jì)的頁(yè)面如下各圖所示，請(qǐng)同學(xué)們按圖示及相關(guān)說(shuō)明完成各頁(yè)面設(shè)計(jì)以及按老師給出的網(wǎng)頁(yè)名稱命名。

五．實(shí)訓(xùn)步驟 1.index.html 建立html頁(yè)面，保存為index.html，再新建css樣式表，保存為01.css，部分頁(yè)面效果和代碼如下所示：

代碼：在此代碼后面插入01.css樣式

然后在…

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

天津電子信息職業(yè)技術(shù)學(xué)院 暨國(guó)家示范性軟件職業(yè)技術(shù)學(xué)院

網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告

姓名：系別：專業(yè)：班級(jí)：指導(dǎo)教師：完成時(shí)間：2012 年 6 月 1日

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

重慶科創(chuàng)職業(yè)學(xué)院

《靜態(tài)網(wǎng)站建設(shè)》 實(shí) 訓(xùn) 報(bào) 告

題目：

專業(yè)：班級(jí)：學(xué)號(hào)：姓名：成績(jī)：指導(dǎo)教師：

完成日期：年月日

目錄

一、課程設(shè)計(jì)目的....................1

二、課程設(shè)計(jì)題目描述和要求.....................1

三、課程設(shè)計(jì)報(bào)告內(nèi)容...................1

3.1總體功能介紹...............................1

3.2總體框架結(jié)構(gòu)設(shè)計(jì)..............................2

3.3頁(yè)面設(shè)計(jì).........................2

3.4總體測(cè)試與發(fā)布...........................2

四、結(jié)論......................2

五、結(jié)束語(yǔ).........................3

六、主要參考資料....................3一、課程設(shè)計(jì)目的本課程是一門計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)專業(yè)實(shí)踐性環(huán)節(jié)。以HTML和CSS為基礎(chǔ)，全面介紹與網(wǎng)頁(yè)設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有一般網(wǎng)頁(yè)制作的能力。與此同時(shí)，通過(guò)對(duì)Web頁(yè)制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)中所涉及的相關(guān)知識(shí)有一個(gè)全面的了解。通過(guò)本課程的學(xué)習(xí)，使學(xué)生全面了解網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)的基本概念、基本理論及業(yè)務(wù)運(yùn)作模式，了解網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)及工作過(guò)程，掌握網(wǎng)站的建立及網(wǎng)頁(yè)設(shè)計(jì)制作的方法，能夠完成一般性網(wǎng)站的建設(shè)，因此要求利用網(wǎng)頁(yè)設(shè)計(jì)方法，設(shè)計(jì)一個(gè)網(wǎng)站，提高綜合應(yīng)用所學(xué)知識(shí)的能力，積累 Web 程序的編程經(jīng)驗(yàn)，提高編程與調(diào)試能力，培養(yǎng)獨(dú)立學(xué)習(xí)、吸取他人的經(jīng)驗(yàn)、探討技術(shù)的習(xí)慣和團(tuán)隊(duì)協(xié)作能力。

二、課程設(shè)計(jì)題目描述和要求

每個(gè)設(shè)計(jì)人員設(shè)計(jì)制作利用DIV+CSS網(wǎng)頁(yè)布局方法制作的任意類型的網(wǎng)站（主題不限），制作網(wǎng)站所需的相關(guān)文字資料、圖片資料等可以到相關(guān)類型的網(wǎng)站上進(jìn)行采集或自行采集。

要求：根據(jù)上面指定的網(wǎng)站開(kāi)發(fā)項(xiàng)目?jī)?nèi)容進(jìn)行開(kāi)發(fā)設(shè)計(jì)，網(wǎng)站欄目設(shè)置、網(wǎng)站要表達(dá)的具體內(nèi)容和網(wǎng)站的風(fēng)格根據(jù)小組確定的課題進(jìn)行設(shè)計(jì)；要求根據(jù)網(wǎng)站設(shè)計(jì)規(guī)范和常用網(wǎng)制作頁(yè)技術(shù)進(jìn)行設(shè)計(jì)；設(shè)計(jì)的網(wǎng)站要求結(jié)構(gòu)合理，版面美觀大方，顏色合理，風(fēng)格一致，并運(yùn)用適當(dāng)?shù)膭?dòng)態(tài)網(wǎng)頁(yè)技術(shù)進(jìn)行修飾。

三、課程設(shè)計(jì)報(bào)告內(nèi)容

3.1總體功能介紹

制作該網(wǎng)站的時(shí)代背景？該網(wǎng)站主要的功能是什么？可以實(shí)現(xiàn)哪些用途？主要使用的技術(shù)是什么？利用了哪些語(yǔ)言實(shí)現(xiàn)哪些效果……

3.2總體框架結(jié)構(gòu)設(shè)計(jì)

該網(wǎng)站有多少個(gè)模塊？層次關(guān)系是什么樣子的？并且可以繪制一個(gè)流程圖來(lái)進(jìn)行進(jìn)一步說(shuō)明。

3.3頁(yè)面設(shè)計(jì)

3.3.1首頁(yè)（頁(yè)面、設(shè)計(jì)思路、主要代碼）

1．進(jìn)行截圖；

2．對(duì)設(shè)計(jì)思路進(jìn)行說(shuō)明。

3．將主要代碼復(fù)制粘貼。

3.3.2各子頁(yè)（頁(yè)面、設(shè)計(jì)思路、主要代碼）

1．進(jìn)行截圖；

2．對(duì)設(shè)計(jì)思路進(jìn)行說(shuō)明。

3．將主要代碼復(fù)制粘貼。

3.4總體測(cè)試與發(fā)布

使用的測(cè)試方法是什么？

測(cè)試中遇到的問(wèn)題以及解決的方法。

四、結(jié)論

寫法要求：

1、概括地說(shuō)明所進(jìn)行工作的情況和價(jià)值，分析其優(yōu)點(diǎn)和特色，指出創(chuàng)新所在，性能達(dá)到何種水平，并應(yīng)指出其中存在的問(wèn)題和今后的改進(jìn)方向，特別是對(duì)工作中遇到的重要問(wèn)題要著重指出，并提出自己的見(jiàn)解。篇幅不宜過(guò)長(zhǎng)。

2、結(jié)論要簡(jiǎn)單、明確。在措辭上應(yīng)嚴(yán)密，容易被人領(lǐng)會(huì)。應(yīng)實(shí)事求是地介紹自己的工作成果，忌言過(guò)其實(shí)，在無(wú)充分把握時(shí)，應(yīng)留有余地。

五、結(jié)束語(yǔ)

要求：在文章結(jié)尾處，通常以簡(jiǎn)短的文字，對(duì)設(shè)計(jì)過(guò)程中自己的收獲，及工作過(guò)程中曾給自己以直接幫助的人員，例如指導(dǎo)老師、答疑老師及其他人員，表示自己的謝意。這不僅是一種禮貌，也是對(duì)他人勞動(dòng)的尊重，是治學(xué)者應(yīng)有的品質(zhì)。

六、主要參考資料

[1]吳東偉等，《網(wǎng)頁(yè)設(shè)計(jì)三劍客》，北京，清華大學(xué)出版社，2004年

[2]李宏，張敏，《網(wǎng)頁(yè)設(shè)計(jì)與制作》，北京，化學(xué)工業(yè)出版社，2006年

[3]李桂杰，《網(wǎng)頁(yè)設(shè)計(jì)與制作》，大連，大連理工大學(xué)出版社，2008年

[4]李英俊，《網(wǎng)頁(yè)設(shè)計(jì)與制作》，大連，大連理工大學(xué)出版社，2010年

…………………………………………………………………………..(要求:五號(hào)字，宋體，1.5倍行距。按作者、書名、出版社、地點(diǎn)、出版時(shí)間格式逐一列出，中間用逗號(hào)格開(kāi))

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

《網(wǎng)頁(yè)設(shè)計(jì)與制作》實(shí)訓(xùn)報(bào)告

實(shí)訓(xùn)題目:

專業(yè):

班級(jí)：

學(xué)號(hào):

姓名：

實(shí)訓(xùn)時(shí)間：

實(shí)訓(xùn)地點(diǎn)：

指導(dǎo)教師:

一、實(shí)訓(xùn)目的二、實(shí)訓(xùn)環(huán)境(軟、硬件環(huán)境)

三、實(shí)訓(xùn)內(nèi)容及相關(guān)技術(shù)

(具體的設(shè)計(jì)步驟及所使用的關(guān)鍵技術(shù)，要求附有圖表說(shuō)明)

四、實(shí)訓(xùn)結(jié)果及分析

五、實(shí)訓(xùn)收獲、體會(huì)和問(wèn)題

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

溫州科技職業(yè)學(xué)院信息技術(shù)系

《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)訓(xùn)報(bào)告

班級(jí)：數(shù)字媒體12-2班

學(xué)號(hào):120309215指導(dǎo)教師：李余黨

姓名:李敏梓

一、實(shí)訓(xùn)目的與要求

通過(guò)實(shí)訓(xùn)使學(xué)生能夠更進(jìn)一步的領(lǐng)會(huì)網(wǎng)站建設(shè)和網(wǎng)頁(yè)設(shè)計(jì)的基本知識(shí)，熟悉和掌握網(wǎng)站建設(shè)的基本流程和注意事項(xiàng)，熟練運(yùn)用常用的網(wǎng)頁(yè)制作和設(shè)計(jì)工具的使用，熟練掌握DIV+CSS網(wǎng)頁(yè)布局設(shè)計(jì)技術(shù),希望通過(guò)對(duì)網(wǎng)站的規(guī)劃與設(shè)計(jì)來(lái)培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí)來(lái)建立網(wǎng)站的能力，掌握相關(guān)網(wǎng)頁(yè)制作軟件，為今后從事網(wǎng)站規(guī)劃、設(shè)計(jì)和開(kāi)發(fā)工作打下基礎(chǔ)。

二.實(shí)訓(xùn)內(nèi)容

制作好心情科技網(wǎng)頁(yè)，要求該網(wǎng)站能基本滿足該類型企業(yè)的某些需求能展示公司或產(chǎn)品的相關(guān)信息、宣傳企業(yè)形象與產(chǎn)品性能。網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)過(guò)程中，可以采用網(wǎng)絡(luò)素材，技術(shù)以靜態(tài)為主，積極支持和鼓勵(lì)使用動(dòng)態(tài)技術(shù)

三.實(shí)訓(xùn)過(guò)程中出現(xiàn)的主要問(wèn)題和解決辦法

主要問(wèn)題：在網(wǎng)頁(yè)創(chuàng)作中，網(wǎng)站主頁(yè)分布不規(guī)范，解決問(wèn)題：利用div根據(jù)網(wǎng)頁(yè)所需的內(nèi)容 創(chuàng)建大致網(wǎng)站的框架，使之網(wǎng)頁(yè)美觀，干凈，整潔