網(wǎng)頁制作實訓報告4篇

　　在學習、工作生活中，報告有著舉足輕重的地位，我們在寫報告的時候要注意涵蓋報告的基本要素。相信很多朋友都對寫報告感到非�？鄲腊�，以下是小編收集整理的網(wǎng)頁制作實訓報告，僅供參考，大家一起來看看吧。

網(wǎng)頁制作實訓報告1

　　實驗過程

　　1.資料的搜集，網(wǎng)頁制作實習報告。

　　2.熟悉制作軟件。

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

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

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

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

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

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

　　具體情況如下：

　　通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應(yīng)用實例，教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學的軟件融會貫通。所以我結(jié)合所學專業(yè)的內(nèi)容制作了個人網(wǎng)站，作為實習的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò)時代電子交易應(yīng)用中的項目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。例如，網(wǎng)頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成html代碼，或者嵌入到現(xiàn)有的網(wǎng)頁中，或者作為單獨的網(wǎng)頁出現(xiàn)。主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風格。

　　制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于中國的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學生閱讀,對于我們來說有點不實際,根據(jù)這種情況,最后決定建立一個簡單的中國介紹和相關(guān)的.事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。

　　然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。

　　再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。

　　再后是設(shè)計網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner。

　　再后是建立站點，站點分布如下：

　　再后是制作網(wǎng)頁了，使用dreamweaver制作。

　　首頁內(nèi)容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

　　簡潔實用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

網(wǎng)頁制作實訓報告2

　　一、實訓目的

　　1．進一步熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范；

　　2．鞏固運用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作動態(tài)網(wǎng)頁的知識；

　　3．鞏固運用Fireworks圖像處理軟件進行網(wǎng)頁中圖形制作和運用flash動畫制作軟件設(shè)計網(wǎng)頁中動畫的知識；

　　4．鞏固綜合運用Dreamweaver、Fireworks、flash三個軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨立設(shè)計一個內(nèi)容完整、圖文并茂、技術(shù)運用得當?shù)木W(wǎng)站；

　　5．具備獨立撰寫實訓報告等科技文件的基本能力；

　　6．在網(wǎng)頁設(shè)計的實踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團隊意識。

　　二、實訓任務(wù)

　　1．站點規(guī)劃，搜集資料。確定網(wǎng)站主題內(nèi)容，規(guī)劃站點結(jié)構(gòu)，從網(wǎng)上搜索相關(guān)資料（圖片、文字等）。

　　2．進行主頁設(shè)計。構(gòu)思主頁布局，進行主頁標題圖片的設(shè)計（要求原創(chuàng)），進行主頁其余圖片的設(shè)計和頁面內(nèi)容的錄入，最后進行主頁的整體優(yōu)化設(shè)計。

　　3．網(wǎng)頁設(shè)計。除主頁以外的網(wǎng)頁設(shè)計，首先設(shè)計網(wǎng)頁模版，一部分網(wǎng)頁由模版生成，一部分為單獨設(shè)計（依據(jù)實際需要確定哪些網(wǎng)頁由模版生成，確定哪些網(wǎng)頁單獨設(shè)計）。包括版面設(shè)計和圖形設(shè)計、內(nèi)容錄入等。

　　4．動畫設(shè)計。主頁動畫設(shè)計和其余頁面動畫設(shè)計，充分運用所掌握技術(shù)，效果好。

　　5．綜合優(yōu)化。鏈接正確、得當，動態(tài)效果好（時間軸動畫、行為、代碼的嵌入等）

　　6．網(wǎng)站測試并遞交。在瀏覽器中對完成的網(wǎng)站逐頁打開測試，包括鏈接正確與否，頁面打開時間，圖片和動畫是否丟失等。

　　三、實訓項目網(wǎng)站

　　基本介紹網(wǎng)站的主題是:游覽天下行，快樂共分享。背景圖片均為國內(nèi)外知名旅游地圖片，體現(xiàn)網(wǎng)站主題。圖片和文字部分采用浮動形式，讓網(wǎng)站看起來更生動，更有吸引力；導航欄采用超鏈接，鏈接到相關(guān)網(wǎng)站，同時插入表單，設(shè)置了會員登陸窗口和注冊鏈接。還插入了音樂，輕柔舒緩，仿佛置身于游覽圣地中。

　　四、實訓中的問題和解決辦法

　　1、圖片太大，鏈接上就影響整個網(wǎng)頁的效果，用可牛將圖片修飾裁剪后在鏈接進去。

　　2、不能出現(xiàn)完整的站點地圖。講html另存為index.html，并設(shè)成首頁，其他導航欄要依次鏈接并設(shè)成首頁。

　　3、插進的音樂撥不起，格式不對。下載wav格式的音樂，用。

　　4、按照設(shè)置浮動文字的形式插入浮動的圖片。請教同學后，用命令

　　五、實訓體會

　　一直很羨慕會作網(wǎng)站的人，是那樣的神奇，自己做了，才知道其中的技術(shù)含量。首先要掌握基本的操作，還要找各種資料，查找數(shù)據(jù)，一切并不像想象的那樣簡單，但做好后很有成就感，想要做一個漂亮的網(wǎng)站，不知光想就能做好的，平時上課開一點小差，有些東西就做不起了。唉，以后上課一定要認真聽講啊，網(wǎng)頁制作是我們的專業(yè)課，面臨現(xiàn)在的'就業(yè)形勢，大學生畢業(yè)就失業(yè)已成普遍現(xiàn)象，但如果你真的有過硬的專業(yè)只是和實踐能力有何愁找不到工作呢。電子商務(wù)自上世紀興起，便以不可阻擋的勢頭迅猛發(fā)展著！它方便、快捷、省時、省力，收到企業(yè)和個人的極大親睞。在現(xiàn)代的信息時代中，多種交易都是通過網(wǎng)絡(luò)實現(xiàn)的，于是，對于掌握這方面的知識越來越重要了！所以，我們要啊抓緊一切機會學習，不斷的充實自己，在這個信息爆炸的時代，計算機技術(shù)的更新周期不斷縮短，緊緊掌握所學的知識是不行的，還要不斷擴展新的知識，再次實訓中，有的同學作出很漂亮的網(wǎng)站，還插入了自己做的視頻，而我是會插入簡單的圖片和音樂，當時的觸動很大，所以，現(xiàn)在的我們要有危險意識了，畢業(yè)后我們的路該怎樣走就看現(xiàn)在的學習了，不是抱怨學校和專業(yè)的時候了，沒有用的，再好的學校，再好的專業(yè)，自己不好好學，將來走進社會還是一無所成的！以后我會認真上每一堂課，認識完成每一次作業(yè)，每一次實習，將來的路是自己走出來的��！

網(wǎng)頁制作實訓報告3

　　通過這次實訓對這門課程的學習，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、 內(nèi)容采集整理、 圖片的處理、 頁面的排版設(shè)置、 背景及其整套網(wǎng)頁的色調(diào)等很多東西。

　　所以我得出一下總結(jié)：

　　一、 準備資料和挑選符合目的主題的合適素材

　　做網(wǎng)頁當然要收集、準備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來， 作為以后自己設(shè)計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。可以在硬盤上建一個文件夾，下分“圖片、聲音、動畫”等文件夾， 養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應(yīng)文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。

　　二、 規(guī)劃好整個網(wǎng)站

　　主頁的設(shè)計應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面 過于復雜。切記，頁面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力， 很難令他們深入觀賞， 而且他們恐怕再也不會訪問你的網(wǎng)站了。

　　三、 善用圖片，增強藝術(shù)效果

　　我記得老師說過網(wǎng)頁的迷人之處之一， 要算它上面能點綴許多漂亮的圖片。 精美的'圖片設(shè)計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用，切忌 虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

　　四、善于借鑒他人主頁制作中的設(shè)計技巧

　　由于在網(wǎng)上用瀏覽器瀏覽任何主頁時， 都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧，試著將其源代碼 調(diào)出來仔細揣摩，并模仿著一步一步去實現(xiàn)。

　　篇二：

　　（一）、主題介紹

　　大家都知道圣誕節(jié)是西方的節(jié)日，也是基督教世界最大的節(jié)日，這一天，世界所有的基督教會都舉行特別的禮拜儀式。但是有很多圣誕節(jié)的歡慶活動和宗教并無半點關(guān)聯(lián)。交換禮物，寄圣誕卡，這都使圣誕節(jié)成為一個普天同慶的日子。由于是圣誕節(jié)的臨近，我們想抓住這個主題給大家展示一個不一樣的圣誕節(jié)，也希望所有的人都能過的開心，圣誕節(jié)的來臨，也意味著新年即將到來，我想以這個為主題，預(yù)祝大家在20xx年里有好運氣、學習成績更優(yōu)，每個人的生活都很精彩。

　　（二）、制作目的及其方法

　　主要目的是掌握網(wǎng)頁設(shè)計與制作流程并熟練運用Dreamweaver、Firework、Flash、Photoshop等相關(guān)輔助軟件。

　　1、應(yīng)用遠程站點管理的知識和技能；

　　2. 應(yīng)用本地站點管理的知識和技能；

　　3. 應(yīng)用網(wǎng)頁頁面設(shè)計的知識和技能；

　　4. 應(yīng)用網(wǎng)頁制作的知識和技能；

　　5. 培養(yǎng)以上知識和技能的綜合應(yīng)用能力。

　　主要方法是通過使用Dreamweaver8中文版軟件規(guī)劃站點、布局表格、插入圖像、鏈接、建立框架制作、創(chuàng)建分層、運用時間軸等相關(guān)素材進行操作。

　�。ㄈ�）、網(wǎng)站規(guī)劃及其實現(xiàn)過程

　　我們通過前期的網(wǎng)站策劃首先搜集相關(guān)資料并最終確定了制作一個以圣誕節(jié)為主題網(wǎng)站，網(wǎng)站頁面我們選擇以灰色為背景色輔以鮮色點吸引訪問者的視覺，網(wǎng)站欄目主要有：首頁，圣誕起源，圣誕雪景，圣誕老人，圣誕大餐，圣誕前夕，圣誕活動，圣誕祝福語，內(nèi)容不多，我們選擇頁面設(shè)計寬950像素，能夠在各類型顯示器下很好的呈現(xiàn)。前期的策劃完畢，現(xiàn)在我們開始勾畫出了網(wǎng)站設(shè)計草圖，最后開始實施網(wǎng)站頁面設(shè)計工工作，頁面設(shè)計主要運用Dreamwever制作，圖片設(shè)計選擇Fireworeks和photoshop制作。

　　1、通過綜合實訓進一步鞏固、深化和加強我們的理論知識與專業(yè)技能。掌握規(guī)劃動態(tài)網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、連接結(jié)構(gòu)的方法，讓我們熟練掌握動態(tài)網(wǎng)頁制作軟件和基本操作和使用技能，頁面的整體控制和頭部設(shè)置的方法。

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

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

　　4、作為學生學習這門課程的階段性總結(jié)，使學生復習、鞏固所學過的理論，并予以適當?shù)纳罨�，進一步訓練我們的基本技能。

網(wǎng)頁制作實訓報告4

　　在這兩周的網(wǎng)站建設(shè)實訓過程中，我練習掌握了很多關(guān)于網(wǎng)站建設(shè)的知識和技巧。因為這是我比較感興趣的課程，所以對于所學的知識非常珍惜，也很欣慰，因為學到了很多對以后工作和生活很有幫助的知識。

　　我們這一小組做的主要內(nèi)容為建設(shè)一個網(wǎng)上商店的網(wǎng)站，網(wǎng)上商店的名稱是“衣之谷”。主要內(nèi)容包括網(wǎng)站主頁、商品分類、新品推薦、購物幫助和客戶服務(wù)。而我負責客戶服務(wù)的網(wǎng)頁制作。在整個實訓過程中，難免會遇到一些比較困難的問題。每當這時，我們先是通過組內(nèi)成員間共同討論商量解決的辦法。若沒有討論出結(jié)果，我們會向其他同學詢問意見，綜合分析后會找指導老師幫忙解決問題，找出問題所在，改正錯誤。最后我們的網(wǎng)站終于圓滿完成了，這是值得慶幸也令我們比較有成就感的一件事情。最后我們的一番努力終于取得了成果，心里挺開心的`。我們的努力是值得的。

　　這兩周里，我學到了很多關(guān)于網(wǎng)頁制作方面的知識，也學會了怎樣與人團隊合作，這些都將會對我的成長有很大的幫助，將會在以后的學習、工作和生活中起到很大作用。這次實訓是我們從學校到以后找工作的一個過渡。有了這次學習的機會，自己成長了不少，也學到了很多。對于書本上的理論知識更加的鞏固了，更重要的是自己得到了這個寶貴的學習機會。這樣的學習方法對于我們以后不管是學習工作還是生活都是受用的。

　　經(jīng)過這次網(wǎng)站建設(shè)課的實訓，讓我對自己有了新的認識，也學到了網(wǎng)頁設(shè)計的知識。在實訓中，我們將在書本上學習過的很多理論知識付諸實踐，實際運用，我體會到了其中的難度。在今后的工作和生活中，自己需要更加努力的奮斗下去。實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

　　轉(zhuǎn)眼間，兩周愉快而又充實的網(wǎng)站建設(shè)實訓課程結(jié)束了，在這不長的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結(jié)合。網(wǎng)頁設(shè)計理論一點點轉(zhuǎn)化為實踐經(jīng)驗，豐富的實訓知識，讓我充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設(shè)計處理過程中的困難。實訓結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問題，再探究新的問題，使自己不斷進步。

　　總體來說，這次網(wǎng)站建設(shè)實訓，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

【網(wǎng)頁制作實訓報告】相關(guān)文章：

網(wǎng)頁制作實訓報告12-01

網(wǎng)頁制作常態(tài)化實訓總結(jié)11-19

網(wǎng)頁設(shè)計實訓報告07-07

設(shè)計與制作實訓報告01-13

模型制作實訓報告12-01

網(wǎng)頁設(shè)計實訓報告5篇07-07

網(wǎng)頁設(shè)計實訓總結(jié)04-20

網(wǎng)頁設(shè)計實訓心得02-28

網(wǎng)頁設(shè)計實訓心得07-28