最新網(wǎng)頁設(shè)計實訓報告書(3篇)

隨著社會一步步向前發(fā)展，報告不再是罕見的東西，多數(shù)報告都是在事情做完或發(fā)生后撰寫的。那么，報告到底怎么寫才合適呢？下面是小編給大家?guī)淼膱蟾娴姆段哪０?，希望能夠幫到你?

網(wǎng)頁設(shè)計實訓報告書篇一

2．掌握在本地環(huán)境下運用asp技術(shù)實現(xiàn)一個簡單的電子商務(wù)網(wǎng)站

二實驗的方法和原理

三實驗過程

1.資料的搜集。

組長分配任務(wù)，大家從網(wǎng)站上搜集各種關(guān)于手機的資料。

2.熟悉制作軟件。

做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。

3.構(gòu)建站點框架。

打開dremweaver后第一步便是新建站點

4設(shè)計主頁及二級頁面。

5實現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

6向靜太網(wǎng)頁插入動態(tài)效果

四實驗心得

在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

近三個星期的實訓將要結(jié)束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

網(wǎng)頁設(shè)計實訓報告書篇二

《 網(wǎng)頁制作與網(wǎng)頁設(shè)計 》

教學

實習目的1、通過實習，使學生加深對所學課程內(nèi)容的認識、理解、掌握，達到對所學知 識、技能系統(tǒng)化、條理化的目的，鞏固、提高學習效果。

2、通過綜合應用實習，熟練掌握 dreamwervermx8、flash mx8、fireworks 8 的各項操作并能夠掌握制作網(wǎng)頁的技能，根據(jù)所學技能學以致用，解決實際問 題，提高操作應用熟練程度。

知道 dreamwervermx8 是 及網(wǎng)頁制作和網(wǎng)站管理于一身的網(wǎng)頁制作軟件，它是專門為網(wǎng)頁設(shè)計師量身定制的可視化網(wǎng)頁制作軟件，利用它可以為方便、快捷地制作跨平臺話瀏覽的動感網(wǎng)業(yè)。

了解 fireworks 是處理圖片的軟件，使用它可以創(chuàng)建和編輯位圖、矢量圖 形，還可以非常輕松的做出各種網(wǎng)頁設(shè)計中常見的效果，例如動畫、轉(zhuǎn)換圖像、導航條、下拉菜單等。設(shè)計完成以后，如果要在網(wǎng)頁設(shè)計中使用，可將它輸出 為 teml 文件，還能輸出在 photoshop、illustrator 和 flash 等軟件中編輯的 格式。

通過對 flash 的學習，掌握如何處理矢量圖形，制作矢量動畫，掌握如何 添加音樂、時動作控制在 flash 內(nèi)容和集成 flash 影片，了解 actionscript 腳 本語言創(chuàng)建交換形式、在實習的過程中鞏固了對前面的知識的學習，加深對知識的了解，進一步 對網(wǎng)頁設(shè)計的見解，也突出了個人的特點，運用所學的知識做出了讓自己滿意 的作品。

四、實習內(nèi)容及方法

一、實習任務(wù)：

1、通過仔細閱讀網(wǎng)頁設(shè)計及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān) 內(nèi)容，加深對相關(guān)概念的理解、理論的理解、掌握、運用。

2、嚴格按照實習指導書的相關(guān)要求，完成了各項綜合操作，并將相應圖像制作、動畫制作和頁面設(shè)計的作品進行了保存。 3、及時積極完成各項實習報告的撰寫。

4、實習結(jié)果及實習項目嚴格按照要求及時保存、展示。

二、實習內(nèi)容：

（一）、使用 dreamwervermx8、flash mx8、fireworks 8 完成惠爾公司網(wǎng) 站。（二）、dreamwervermx8、flash mx8、fireworks 8 的使用方法和制作技 巧。

1、創(chuàng)建一個站點：

站點的名稱就是“惠兒網(wǎng)站”,站點創(chuàng)建成功命一個首頁是 再下面創(chuàng)建了 5 、、、、。其示意圖如下：

2、網(wǎng)頁中的圖像處理：

利用 photoshop、和 fireworks 通過處理風景圖

在里面運用到濾鏡的工具目的是讓圖片更加的形象逼真，處理后的圖 片效果如圖所示：

3、布局與表格的編排：

在網(wǎng)頁設(shè)計中我偏好用表單編排一般情況下我的布局是在一個大的表 單里寫很多文字插入許多圖片。其版面如圖所示：

1.

二級頁面制作方法如法炮制。4、網(wǎng)頁的鏈接

網(wǎng)站中重要的就是各個子網(wǎng)頁與主頁面之間的鏈接，如果沒連接好或 者鏈接錯誤就會影響整個網(wǎng)站運行的效果。列如 我要把產(chǎn)品列表這 個二級網(wǎng)頁跟主網(wǎng)頁 鏈接方法如下：

回到 /點擊頁面右下方的鏈接文件夾，找到我要鏈接的二級 網(wǎng)頁。

打開/鏈接后我的鏈接字體會變成我所設(shè)置的字體顏色，這樣表明我的 鏈接成功。

預覽后在主頁面點擊“產(chǎn)品列表”就會顯示到我的產(chǎn)品列表二級頁面。

其他頁面方法同上。

產(chǎn)品列表：將“產(chǎn)品列表”同 首頁進行鏈接，然后預覽成 功！郵箱登陸：將“郵箱登陸”同 首頁進行鏈接，然后預覽成 功！

聯(lián)系我們：將“聯(lián)系我們”同 首頁進行鏈接，然后預覽成 功！

公司簡介：將“公司簡介”同 首頁進行鏈接，然后預覽成 功！

5、層與行為的應用

層在網(wǎng)頁中相當于一張張的膠片，通常用來確定網(wǎng)絡(luò)元素在瀏覽器中 的起止位置層最重要的用途是動態(tài)效果設(shè)計。層可以包括文本、圖 像、表格，甚至其他圖層

而且層對于制作網(wǎng)頁部分重疊更是有特殊的效果。步驟如下： 1）打開一個頁面，打開“修改”，“頁面屬性”，在頁面屬性中，選擇

“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。

2)選擇“查看”----“標尺”----“顯示，打開標尺 ”

3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”，4）在“網(wǎng)格設(shè)置”對話框中，選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”

5）為了防止層的重疊，需要打開“層”面板。選擇“窗口”，“層”，打開層面板。

6）在“層”面板中，選中“防止重疊”選項。6、使用 flash mx8 制作動態(tài)文字

1）打開 flash 軟件，在里面建立 8 個圖層。并且準備一副適合做標示的圖片。

2）在圖層 1 上做 1 幀到 160 幀的普通幀、在圖層 2 上從第十幀開始

插入關(guān)鍵幀 25 幀結(jié)束，在第 10 幀上寫入“同”字，在 25 幀上寫 “心”字，再回到第 10 幀創(chuàng)建補間動畫。在圖層 3 上創(chuàng)建幀從 25 幀到 40 幀結(jié)束在 25 幀上寫“協(xié)”字創(chuàng)建關(guān)鍵幀到 40 幀寫“力” 字，再返回到 25 幀創(chuàng)建補間動畫。在圖層 4 上從 40 幀到 55 幀結(jié) 束在 40 幀上寫“共”創(chuàng)建關(guān)鍵幀到 55 幀寫“創(chuàng)”字，在圖層 7 上從第十幀開始插入關(guān)鍵幀 25 幀結(jié)束，在第 10 幀上寫入“輝” 字，在 25 幀上寫“煌”依次而下做到 160 幀。

3）幀做好后敲擊 enter 鍵就可以播放 flash 動畫，如果想插入網(wǎng)頁就

按步驟走，文件—導出—導出影片，/最后點擊保存。

7、網(wǎng)頁特效設(shè)計

在這里我給自己的網(wǎng)頁設(shè)計的特效是 讓一行字體在來回跑動方法如下：

1）選中你要設(shè)計特效的字體選擇工具欄上的標“簽選擇器”，“html” 插入,關(guān)閉

2）然后預覽就會出現(xiàn)從右到左的字幕。8、控制多個影片的播放

制作的方法：

先看自己的影片里的幀長度，比如說：第一個影片剪輯的時間軸長是 20，那么你第 2 個影片剪輯就放在主場景的第 21 貞）第 2 個影片剪 輯就放在它的后一貞就可以了。無論幾個影片剪輯都是一樣的。9、制作動態(tài)分隔條

網(wǎng)頁分隔線可以說是網(wǎng)頁中不可缺少的元素，它主要用于分隔網(wǎng)頁內(nèi) 容也可以用于裝飾網(wǎng)頁。在網(wǎng)頁中插入一個層，然后在層中插入一 個表格，設(shè)置表格的間距，然后在表格的單元格中插入圖片，設(shè)置 時間軸。調(diào)出時間軸，在時間軸必要的地方添加改變屬性行為，并 設(shè)置層對象的屬性添加行為和改變屬性。

五、結(jié)論

1、收獲

在新疆停網(wǎng)的狀態(tài)下，我們只用了一周實習時間。在這一周的實習里 我學到了很多也收獲了很多，在老師和同學的幫助下順利的完成了實習內(nèi)容。對前面的知識精心的進行整理，把這一學期的知識作了復習和訓練，更加牢固地掌握了學過的東西對

photoshop、fireworks、dreamweaver、flash 的應運更加熟練.在制作網(wǎng)站的過程中，我們參照老師給的惠爾公司網(wǎng)站圖片，盡可 能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁制作需要有很多 的色調(diào)搭配能力和很好的布局能力，再加上自己的風格創(chuàng)新能力，才 能做出精美的網(wǎng)站。在這幾天的實習中，我學到無論作什么事都要有 細心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下，搜集不到素材，所以，在 網(wǎng)頁的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的 特點。尤其是在制作 flash 的時候老師給予了很大及時的幫助，讓我 在制作的時候不至于給我?guī)砗艽舐闊?。同時，也希望我們能利用我們學習的知識技能更好的為學院，為同學們服務(wù)，也希望我們能夠互 相學習，互相取長補短，使我們每個同學能夠更好的進步。

2、不足

在實習中我發(fā)覺網(wǎng)站的制作過程中，1、自己腦袋里沒有裝東西（網(wǎng)站的綜合布局、網(wǎng)頁的構(gòu)思和編排）

甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫 然。

2、自己的閱歷不夠，自己的網(wǎng)站應該是一個怎樣的網(wǎng)站，里面要放

些啥內(nèi)容，該怎樣去組織這些內(nèi)容，心里沒底。

3、尤其是老師在前面教過的內(nèi)容自己沒有及時的練習和鞏固，以至

于在實習的時候自己的速度跟不上，做出來的 flash 和 gif 小動畫 不令人滿意。4、不能熟練掌握工具，不了解好多工具的屬性和用途，導致好多圖

片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁的時候，色彩搭配特別重要，而我自己對顏色的搭配不是很了解，感覺做 出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺不協(xié) 調(diào)。

5、新疆停網(wǎng)的原因，使我們在素材的搜集上變得很被動，所以導致

做出的東西很簡單，所以我覺得，知識應用的全部全還要看準備 是否充分。

6、在以后的學習中我會更加認真地去學習，去掌握這些軟件的用法，便于在以后做東西的時候能更好地運用。

六、致謝

在網(wǎng)頁實習結(jié)束的時候我要感謝辛勤的班主任老師，在這個學期代我 們的網(wǎng)頁設(shè)計以外還代了很多別的課，所以很辛苦，在上課期間和實習期 間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在 老師的號召下我們對網(wǎng)頁設(shè)計的興趣也非常的濃厚，在實習中我發(fā)現(xiàn)很多 同學的網(wǎng)站做的很好很有特色，這都少不了老師的指導。在老師的帶領(lǐng)下 我們學到很多書本上學不到的東西，相信在以后找工作中我們會多了一個 籌碼。

其次，要感謝學校給我們安排了期末的課程實習，讓我們能在學期末 重新溫習和總結(jié)整個一學期以來學習的知識，并且總結(jié)自己的不足，在以 后的學習中能夠加以改正和補充。

最后，再次感謝學校和指導的老師！

網(wǎng)頁設(shè)計實訓報告書篇三

實習目的：熟悉和掌握計算機網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務(wù)網(wǎng)頁設(shè)計的 基本思路和應用開發(fā)能力，提高我們的計算機文化素質(zhì)。

網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多；網(wǎng)頁也是公司對外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。

一．網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。

2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設(shè)置了。

3]正文的框架設(shè)置（橫向因素和縱向因素交錯）

在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。

二．網(wǎng)頁制作的前期策劃與準備

1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

一臺電腦(64mb以上內(nèi)存，當然越大越好啦)；可以撥號上網(wǎng)；如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;

軟件：

html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver；

圖像處理軟件：常用的有photoshop、flash、fireworks 等；

文件上傳軟件：常用的有cuteftp、wsftp等。

三．網(wǎng)頁制作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點的就把小一點的給覆蓋掉了；插入的flash不能產(chǎn)生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導頁。

然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉(zhuǎn)換，比如office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學到了很多的東西。

四．網(wǎng)頁的調(diào)試

之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

總結(jié)

【本文地址：http://mlvmservice.com/zuowen/1058736.html】