網(wǎng)頁(yè)制作實(shí)訓報告4篇
在學(xué)習、工作生活中，報告有著(zhù)舉足輕重的地位，我們在寫(xiě)報告的時(shí)候要注意涵蓋報告的基本要素。相信很多朋友都對寫(xiě)報告感到非�？鄲腊�，以下是小編收集整理的網(wǎng)頁(yè)制作實(shí)訓報告，僅供參考，大家一起來(lái)看看吧。
網(wǎng)頁(yè)制作實(shí)訓報告1
實(shí)驗過(guò)程
1.資料的搜集，網(wǎng)頁(yè)制作實(shí)習報告。
2.熟悉制作軟件。
3.構建站點(diǎn)框架。
打開(kāi)dremweaver后第一步便是新建站點(diǎn)
4設計主頁(yè)及二級頁(yè)面。
5實(shí)現網(wǎng)頁(yè)間的鏈接
鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
6向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果
具體情況如下：
通過(guò)這半年的學(xué)習實(shí)踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實(shí)例，教會(huì )我們。使更豐富全面的軟件技術(shù)和應用技巧，使我們真正對所學(xué)的軟件融會(huì )貫通。所以我結合所學(xué)專(zhuān)業(yè)的內容制作了個(gè)人網(wǎng)站，作為實(shí)習的成果。其內容是多樣化的。制作網(wǎng)頁(yè)用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò )時(shí)代電子交易應用中的項目交付。它提供了網(wǎng)頁(yè)和表單的動(dòng)態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統和企業(yè)內部局域網(wǎng)的數據庫應用等功能。例如，網(wǎng)頁(yè)上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成html代碼，或者嵌入到現有的網(wǎng)頁(yè)中，或者作為單獨的網(wǎng)頁(yè)出現。主圖是一個(gè)網(wǎng)頁(yè)的門(mén)面，它能體現出這個(gè)網(wǎng)頁(yè)的整體風(fēng)格。
制作網(wǎng)頁(yè),首先是確定主題,經(jīng)過(guò)再三考慮,就做了個(gè)關(guān)于中國的網(wǎng)站,平時(shí)也總是瀏覽類(lèi)似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類(lèi)似的網(wǎng)站,但考慮到,現在網(wǎng)絡(luò )上好多類(lèi)似的網(wǎng)站,但有些內容不適合我們大學(xué)生閱讀,對于我們來(lái)說(shuō)有點(diǎn)不實(shí)際,根據這種情況,最后決定建立一個(gè)簡(jiǎn)單的中國介紹和相關(guān)的.事跡網(wǎng)站,專(zhuān)門(mén)介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。
然后是整體規劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡(jiǎn)介，中國歷史，用戶(hù)登錄注冊頁(yè)面留言，再加入個(gè)別網(wǎng)站等，每一部分又分幾小部分，內容比較充分，多樣。
再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。
再后是設計網(wǎng)頁(yè)圖片，用flash制作網(wǎng)頁(yè)的banner。
再后是建立站點(diǎn)，站點(diǎn)分布如下：
再后是制作網(wǎng)頁(yè)了，使用dreamweaver制作。
首頁(yè)內容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言風(fēng)趣，通俗易懂。頁(yè)面可愛(ài)清爽。首頁(yè)主要是導航作用。首頁(yè)制作時(shí)，時(shí)刻考慮著(zhù)網(wǎng)頁(yè)的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強調的就是一個(gè)整體，只有圍繞一個(gè)統一的目標所做的設計才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：
簡(jiǎn)潔實(shí)用: 這是非常重要的，網(wǎng)絡(luò )特殊環(huán)境下，盡量以最高效率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿(mǎn)足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
網(wǎng)頁(yè)制作實(shí)訓報告2
一、實(shí)訓目的
1．進(jìn)一步熟悉和掌握網(wǎng)站建設的基本流程和技術(shù)規范；
2．鞏固運用Dreamweaver網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)、特別是制作動(dòng)態(tài)網(wǎng)頁(yè)的知識；
3．鞏固運用Fireworks圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形制作和運用flash動(dòng)畫(huà)制作軟件設計網(wǎng)頁(yè)中動(dòng)畫(huà)的知識；
4．鞏固綜合運用Dreamweaver、Fireworks、flash三個(gè)軟件完成網(wǎng)站建設任務(wù)的方法，能獨立設計一個(gè)內容完整、圖文并茂、技術(shù)運用得當的網(wǎng)站；
5．具備獨立撰寫(xiě)實(shí)訓報告等科技文件的基本能力；
6．在網(wǎng)頁(yè)設計的實(shí)踐中培養分析問(wèn)題、解決問(wèn)題的能力，培養協(xié)作、交流的能力，培養創(chuàng )新能力和團隊意識。
二、實(shí)訓任務(wù)
1．站點(diǎn)規劃，搜集資料。確定網(wǎng)站主題內容，規劃站點(diǎn)結構，從網(wǎng)上搜索相關(guān)資料（圖片、文字等）。
2．進(jìn)行主頁(yè)設計。構思主頁(yè)布局，進(jìn)行主頁(yè)標題圖片的設計（要求原創(chuàng )），進(jìn)行主頁(yè)其余圖片的設計和頁(yè)面內容的錄入，最后進(jìn)行主頁(yè)的整體優(yōu)化設計。
3．網(wǎng)頁(yè)設計。除主頁(yè)以外的網(wǎng)頁(yè)設計，首先設計網(wǎng)頁(yè)模版，一部分網(wǎng)頁(yè)由模版生成，一部分為單獨設計（依據實(shí)際需要確定哪些網(wǎng)頁(yè)由模版生成，確定哪些網(wǎng)頁(yè)單獨設計）。包括版面設計和圖形設計、內容錄入等。
4．動(dòng)畫(huà)設計。主頁(yè)動(dòng)畫(huà)設計和其余頁(yè)面動(dòng)畫(huà)設計，充分運用所掌握技術(shù)，效果好。
5．綜合優(yōu)化。鏈接正確、得當，動(dòng)態(tài)效果好（時(shí)間軸動(dòng)畫(huà)、行為、代碼的嵌入等）
6．網(wǎng)站測試并遞交。在瀏覽器中對完成的網(wǎng)站逐頁(yè)打開(kāi)測試，包括鏈接正確與否，頁(yè)面打開(kāi)時(shí)間，圖片和動(dòng)畫(huà)是否丟失等。
三、實(shí)訓項目網(wǎng)站
基本介紹網(wǎng)站的主題是:游覽天下行，快樂(lè )共分享。背景圖片均為國內外知名旅游地圖片，體現網(wǎng)站主題。圖片和文字部分采用浮動(dòng)形式，讓網(wǎng)站看起來(lái)更生動(dòng)，更有吸引力；導航欄采用超鏈接，鏈接到相關(guān)網(wǎng)站，同時(shí)插入表單，設置了會(huì )員登陸窗口和注冊鏈接。還插入了音樂(lè )，輕柔舒緩，仿佛置身于游覽圣地中。
四、實(shí)訓中的問(wèn)題和解決辦法
1、圖片太大，鏈接上就影響整個(gè)網(wǎng)頁(yè)的效果，用可牛將圖片修飾裁剪后在鏈接進(jìn)去。
2、不能出現完整的站點(diǎn)地圖。講html另存為index.html，并設成首頁(yè)，其他導航欄要依次鏈接并設成首頁(yè)。
3、插進(jìn)的音樂(lè )撥不起，格式不對。下載wav格式的音樂(lè )，用。
4、按照設置浮動(dòng)文字的形式插入浮動(dòng)的圖片。請教同學(xué)后，用命令
五、實(shí)訓體會(huì )
一直很羨慕會(huì )作網(wǎng)站的人，是那樣的神奇，自己做了，才知道其中的技術(shù)含量。首先要掌握基本的操作，還要找各種資料，查找數據，一切并不像想象的那樣簡(jiǎn)單，但做好后很有成就感，想要做一個(gè)漂亮的網(wǎng)站，不知光想就能做好的，平時(shí)上課開(kāi)一點(diǎn)小差，有些東西就做不起了。唉，以后上課一定要認真聽(tīng)講啊，網(wǎng)頁(yè)制作是我們的專(zhuān)業(yè)課，面臨現在的'就業(yè)形勢，大學(xué)生畢業(yè)就失業(yè)已成普遍現象，但如果你真的有過(guò)硬的專(zhuān)業(yè)只是和實(shí)踐能力有何愁找不到工作呢。電子商務(wù)自上世紀興起，便以不可阻擋的勢頭迅猛發(fā)展著(zhù)！它方便、快捷、省時(shí)、省力，收到企業(yè)和個(gè)人的極大親睞。在現代的信息時(shí)代中，多種交易都是通過(guò)網(wǎng)絡(luò )實(shí)現的，于是，對于掌握這方面的知識越來(lái)越重要了！所以，我們要啊抓緊一切機會(huì )學(xué)習，不斷的充實(shí)自己，在這個(gè)信息爆炸的時(shí)代，計算機技術(shù)的更新周期不斷縮短，緊緊掌握所學(xué)的知識是不行的，還要不斷擴展新的知識，再次實(shí)訓中，有的同學(xué)作出很漂亮的網(wǎng)站，還插入了自己做的視頻，而我是會(huì )插入簡(jiǎn)單的圖片和音樂(lè )，當時(shí)的觸動(dòng)很大，所以，現在的我們要有危險意識了，畢業(yè)后我們的路該怎樣走就看現在的學(xué)習了，不是抱怨學(xué)校和專(zhuān)業(yè)的時(shí)候了，沒(méi)有用的，再好的學(xué)校，再好的專(zhuān)業(yè)，自己不好好學(xué)，將來(lái)走進(jìn)社會(huì )還是一無(wú)所成的！以后我會(huì )認真上每一堂課，認識完成每一次作業(yè)，每一次實(shí)習，將來(lái)的路是自己走出來(lái)的��！
網(wǎng)頁(yè)制作實(shí)訓報告3
通過(guò)這次實(shí)訓對這門(mén)課程的學(xué)習，做好網(wǎng)頁(yè)，并不是一件容易的事，它包括網(wǎng)頁(yè)的選題、 內容采集整理、 圖片的處理、 頁(yè)面的排版設置、 背景及其整套網(wǎng)頁(yè)的色調等很多東西。
所以我得出一下總結：
一、 準備資料和挑選符合目的主題的合適素材
做網(wǎng)頁(yè)當然要收集、準備資料。在網(wǎng)上多轉轉，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)， 作為以后自己設計主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標等等�？梢栽谟脖P(pán)上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾， 養成上網(wǎng)時(shí)看到有創(chuàng )意、新鮮的圖像，就按鼠標右鍵存入你硬盤(pán)相應文件夾的習慣，時(shí)間一長(cháng)就擁有了一個(gè)可觀(guān)的圖庫，等做網(wǎng)頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。
二、 規劃好整個(gè)網(wǎng)站
主頁(yè)的設計應以醒目?jì)?yōu)先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫(huà)面 過(guò)于復雜。切記，頁(yè)面給人的第一觀(guān)感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁(yè)給人的第一印像沒(méi)有吸引力， 很難令他們深入觀(guān)賞， 而且他們恐怕再也不會(huì )訪(fǎng)問(wèn)你的網(wǎng)站了。
三、 善用圖片，增強藝術(shù)效果
我記得老師說(shuō)過(guò)網(wǎng)頁(yè)的迷人之處之一， 要算它上面能點(diǎn)綴許多漂亮的圖片。 精美的'圖片設計，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內容應有一定的實(shí)際作用，切忌 虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀(guān)與資訊于一身。
四、善于借鑒他人主頁(yè)制作中的設計技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)， 都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁(yè)采用的設計技巧，試著(zhù)將其源代碼 調出來(lái)仔細揣摩，并模仿著(zhù)一步一步去實(shí)現。
篇二：
�。ㄒ唬�、主題介紹
大家都知道圣誕節是西方的節日，也是基督教世界最大的節日，這一天，世界所有的基督教會(huì )都舉行特別的禮拜儀式。但是有很多圣誕節的歡慶活動(dòng)和宗教并無(wú)半點(diǎn)關(guān)聯(lián)。交換禮物，寄圣誕卡，這都使圣誕節成為一個(gè)普天同慶的日子。由于是圣誕節的臨近，我們想抓住這個(gè)主題給大家展示一個(gè)不一樣的圣誕節，也希望所有的人都能過(guò)的開(kāi)心，圣誕節的來(lái)臨，也意味著(zhù)新年即將到來(lái)，我想以這個(gè)為主題，預祝大家在20xx年里有好運氣、學(xué)習成績(jì)更優(yōu)，每個(gè)人的生活都很精彩。
�。ǘ�、制作目的及其方法
主要目的是掌握網(wǎng)頁(yè)設計與制作流程并熟練運用Dreamweaver、Firework、Flash、Photoshop等相關(guān)輔助軟件。
1、應用遠程站點(diǎn)管理的知識和技能；
2. 應用本地站點(diǎn)管理的知識和技能；
3. 應用網(wǎng)頁(yè)頁(yè)面設計的知識和技能；
4. 應用網(wǎng)頁(yè)制作的知識和技能；
5. 培養以上知識和技能的綜合應用能力。
主要方法是通過(guò)使用Dreamweaver8中文版軟件規劃站點(diǎn)、布局表格、插入圖像、鏈接、建立框架制作、創(chuàng )建分層、運用時(shí)間軸等相關(guān)素材進(jìn)行操作。
�。ㄈ�、網(wǎng)站規劃及其實(shí)現過(guò)程
我們通過(guò)前期的網(wǎng)站策劃首先搜集相關(guān)資料并最終確定了制作一個(gè)以圣誕節為主題網(wǎng)站，網(wǎng)站頁(yè)面我們選擇以灰色為背景色輔以鮮色點(diǎn)吸引訪(fǎng)問(wèn)者的視覺(jué)，網(wǎng)站欄目主要有：首頁(yè)，圣誕起源，圣誕雪景，圣誕老人，圣誕大餐，圣誕前夕，圣誕活動(dòng)，圣誕祝福語(yǔ)，內容不多，我們選擇頁(yè)面設計寬950像素，能夠在各類(lèi)型顯示器下很好的呈現。前期的策劃完畢，現在我們開(kāi)始勾畫(huà)出了網(wǎng)站設計草圖，最后開(kāi)始實(shí)施網(wǎng)站頁(yè)面設計工工作，頁(yè)面設計主要運用Dreamwever制作，圖片設計選擇Fireworeks和photoshop制作。
1、通過(guò)綜合實(shí)訓進(jìn)一步鞏固、深化和加強我們的理論知識與專(zhuān)業(yè)技能。掌握規劃動(dòng)態(tài)網(wǎng)站的內容結構、目錄結構、連接結構的方法，讓我們熟練掌握動(dòng)態(tài)網(wǎng)頁(yè)制作軟件和基本操作和使用技能，頁(yè)面的整體控制和頭部設置的方法。
2、運用Dreamweaver完成網(wǎng)站建設任務(wù)的方法，能獨立設計一個(gè)內容完整、技術(shù)運用得當的網(wǎng)站；
3、在網(wǎng)頁(yè)設計的實(shí)踐中培養分析問(wèn)題、解決問(wèn)題的能力，培養協(xié)作、交流的能力，培養創(chuàng )新能力和團隊意識；
4、作為學(xué)生學(xué)習這門(mén)課程的階段性總結，使學(xué)生復習、鞏固所學(xué)過(guò)的理論，并予以適當的深化，進(jìn)一步訓練我們的基本技能。
網(wǎng)頁(yè)制作實(shí)訓報告4
在這兩周的網(wǎng)站建設實(shí)訓過(guò)程中，我練習掌握了很多關(guān)于網(wǎng)站建設的知識和技巧。因為這是我比較感興趣的課程，所以對于所學(xué)的知識非常珍惜，也很欣慰，因為學(xué)到了很多對以后工作和生活很有幫助的知識。
我們這一小組做的主要內容為建設一個(gè)網(wǎng)上商店的網(wǎng)站，網(wǎng)上商店的名稱(chēng)是“衣之谷”。主要內容包括網(wǎng)站主頁(yè)、商品分類(lèi)、新品推薦、購物幫助和客戶(hù)服務(wù)。而我負責客戶(hù)服務(wù)的網(wǎng)頁(yè)制作。在整個(gè)實(shí)訓過(guò)程中，難免會(huì )遇到一些比較困難的問(wèn)題。每當這時(shí)，我們先是通過(guò)組內成員間共同討論商量解決的辦法。若沒(méi)有討論出結果，我們會(huì )向其他同學(xué)詢(xún)問(wèn)意見(jiàn)，綜合分析后會(huì )找指導老師幫忙解決問(wèn)題，找出問(wèn)題所在，改正錯誤。最后我們的網(wǎng)站終于圓滿(mǎn)完成了，這是值得慶幸也令我們比較有成就感的一件事情。最后我們的一番努力終于取得了成果，心里挺開(kāi)心的`。我們的努力是值得的。
這兩周里，我學(xué)到了很多關(guān)于網(wǎng)頁(yè)制作方面的知識，也學(xué)會(huì )了怎樣與人團隊合作，這些都將會(huì )對我的成長(cháng)有很大的幫助，將會(huì )在以后的學(xué)習、工作和生活中起到很大作用。這次實(shí)訓是我們從學(xué)校到以后找工作的一個(gè)過(guò)渡。有了這次學(xué)習的機會(huì )，自己成長(cháng)了不少，也學(xué)到了很多。對于書(shū)本上的理論知識更加的鞏固了，更重要的是自己得到了這個(gè)寶貴的學(xué)習機會(huì )。這樣的學(xué)習方法對于我們以后不管是學(xué)習工作還是生活都是受用的。
經(jīng)過(guò)這次網(wǎng)站建設課的實(shí)訓，讓我對自己有了新的認識，也學(xué)到了網(wǎng)頁(yè)設計的知識。在實(shí)訓中，我們將在書(shū)本上學(xué)習過(guò)的很多理論知識付諸實(shí)踐，實(shí)際運用，我體會(huì )到了其中的難度。在今后的工作和生活中，自己需要更加努力的奮斗下去。實(shí)習的同時(shí)也讓我了解到了自己的不足，我會(huì )繼續努力，完善自我。對于學(xué)校的精心安排和指導老師的用心輔導非常感謝。
轉眼間，兩周愉快而又充實(shí)的網(wǎng)站建設實(shí)訓課程結束了，在這不長(cháng)的時(shí)間里，在實(shí)訓的過(guò)程中，讓我嘗試了理論與實(shí)踐的結合。網(wǎng)頁(yè)設計理論一點(diǎn)點(diǎn)轉化為實(shí)踐經(jīng)驗，豐富的實(shí)訓知識，讓我充滿(mǎn)驚喜、快樂(lè )和充實(shí)，當然也少不了網(wǎng)頁(yè)設計處理過(guò)程中的困難。實(shí)訓結束了，感覺(jué)腦袋里又注入了新的知識，對網(wǎng)站建設和網(wǎng)頁(yè)設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問(wèn)題，再探究新的問(wèn)題，使自己不斷進(jìn)步。
總體來(lái)說(shuō)，這次網(wǎng)站建設實(shí)訓，讓我受益匪淺，以上是我的實(shí)習心得與體會(huì )，不足之處望得到指正。
【網(wǎng)頁(yè)制作實(shí)訓報告】相關(guān)文章：
網(wǎng)頁(yè)制作常態(tài)化實(shí)訓總結11-19
設計與制作實(shí)訓報告01-13
模型制作實(shí)訓報告12-01