網(wǎng)頁設(shè)計綜合實訓報告

計算機系《網(wǎng)頁設(shè)計綜合實訓》

整周實訓總結(jié)報告

系部名稱計算機工程專業(yè)網(wǎng)站建設(shè)與維護09網(wǎng)絡(luò)4班指導教師劉艷飛，劉良方學生姓名實訓時間陳李龍班級學號5301090406201*年12月20日----------201*年12月24日實訓項目和地點：個人主頁和班級主頁的制作C302實訓目的：1.會熟練地建立簡單的web網(wǎng)頁與及dreamweaver8開發(fā)靜態(tài)網(wǎng)頁的基本操作和使用技能。2．訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網(wǎng)站、書籍等多種方式收集所需的dreamweaver開發(fā)網(wǎng)站圖像資料、flash動畫和網(wǎng)頁特效、網(wǎng)頁腳本等。3．培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。4．培養(yǎng)學生理論聯(lián)系實際的工作作風、嚴肅認真的科學態(tài)度以及獨立工作的能力，樹立自信心。5．訓練和培養(yǎng)團隊協(xié)作精神和共同開發(fā)網(wǎng)站的綜合能力。實訓設(shè)備及器材：計算機一臺（包含軟件：dreamweaver8，PhotoshopCS3,FlashCS3）

實訓的步驟和內(nèi)容：1.根據(jù)各自的具體情況，構(gòu)思個人網(wǎng)頁內(nèi)容，查找相應(yīng)的素材；2.集合了本小組的所有成員進行深刻的討論，規(guī)劃了網(wǎng)站，構(gòu)建了班級網(wǎng)站的框架圖，同時分配每個人的任務(wù)。我主要負責制作班級網(wǎng)站的網(wǎng)頁制作，偉杰做布局構(gòu)思，俊昌做素材收集，家文做技術(shù)應(yīng)用。3.了解班級動態(tài)，進群空間收集所需信息與素材，利用網(wǎng)絡(luò)，搜集班級網(wǎng)站建設(shè)所需要的素材，例如：圖片，文字，動感flash等等。4.用PS處理圖片。對圖片裁剪、清晰化，增加動感元素。設(shè)置圖片的JPEG格式以及GIF格式，制作標題動畫。對文字應(yīng)用效果。5按照先前規(guī)劃好的任務(wù)進行工作，我們這次制作的是有特色的班級網(wǎng)站，因此要使整個網(wǎng)站的內(nèi)容和形式統(tǒng)一，真正能夠反映出是一個班級網(wǎng)站的主題。.建立站點，開始制作班級網(wǎng)站首頁以及PS處理所須圖片。6.制作網(wǎng)站次級分頁、網(wǎng)頁鏈接網(wǎng)頁美化，處理未完善或有所欠缺地方。實訓結(jié)果分析及其心得體會：一、結(jié)果分析：1.通過本次實訓，我收獲頗豐，學到了很多知識，特別是提高了綜合分析應(yīng)用的能力。實訓是富有挑戰(zhàn)性的，實訓過程是繁瑣的，但我們第五組成員都表現(xiàn)得很積極，我們一起分析討一起研究制作。任課老師也非常認真負責，當我們什么問題的時候，我們耐心講解，細心指導，一點一點解答同學們的疑惑，直到同學們理解了為止。此次實訓培養(yǎng)了同學們耐心的工作作風，增強了同學們的合作意識，提高了大家的應(yīng)用分析能力。2.按照實訓計劃安排與目的要求，我發(fā)現(xiàn)，在Dreamweaver與Photoshop上，我還欠缺許多技能與方法，但是，在今后的生活中我會更需要努力練習學習使自己趨于完善。3.此次實訓培養(yǎng)了同學們耐心的工作作風，增強了同學們的合作意識，提高了大家的應(yīng)用分析能力。最后，通過本次實訓，我使自己許多不足之處得到了彌補，真正收獲到了自己想要學習的東西�？偨Y(jié)：這次小學期實訓，這次我們組的09網(wǎng)絡(luò)4班班級網(wǎng)站能這么順利的完成，離不開老師的幫助和小組成員的努力。雖然這次小學期實訓我們小組只有4人，但是我們是一個有效率、有組織、有團隊精神的小組，有效率在于小組制作網(wǎng)站中分工明確、討論有目的；有組織在于小組成員能按時、有質(zhì)量的完成自己的分工任務(wù)；有團隊精神在于我們小組實訓過程中的共進退，從不因為自己分工任務(wù)提前完成而拉下其他組員，我們意識到小組是一個有組織、有記錄、有共同目的的集體而不是一個由分散的個人組成的團體，在這次小學期實訓中之所以提出小組分工這是鍛煉小組組員的個人能力培養(yǎng)，而幫助有困難的組員這充分培養(yǎng)了組員之間的默契和團隊協(xié)作能力。

此次網(wǎng)站實訓是以掌握制作網(wǎng)頁技能實訓技能為主，而這次小學期則不僅掌握了利用Dreamweaver網(wǎng)站的制作技術(shù)而且還制作出了自己的成果，自己非常高興。經(jīng)過這次小學期，我領(lǐng)悟到任何東西都要“學以至用”，學習了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。通過這次生產(chǎn)實習，我深深體會到此次生產(chǎn)實習的重要性，更深刻體會到理論聯(lián)系實踐的重要性和必要性，使我感到高科技、新知識的力量。二、心得體會：此次的主題網(wǎng)頁制作實訓，我們第五組制作了屬于自己的09網(wǎng)絡(luò)4班班級網(wǎng)站，與及我們四各自的個人主頁，通過網(wǎng)站，我們可以了解到同學和班級方面的相關(guān)知識，豐富我們的知識，促進同學的友誼。我把本次為期一周的網(wǎng)頁設(shè)計與制作的實訓看作是了“理論與實踐相結(jié)合的橋梁”。通過這一周的實訓和學習，我知道了此次實訓的目的，也清楚目前自己的許多不足，那就是缺乏相應(yīng)的專業(yè)知識與經(jīng)驗，對所學的專業(yè)知識不能夠很好地運用于實踐操作。但是我也有許多收獲，在這次實訓中，我發(fā)現(xiàn)了很多不曾注意到的細節(jié)，在實訓制作網(wǎng)頁的過程中，我對制作網(wǎng)頁時要注意的細節(jié)和一些重要的地方也有了更多的了解。在接下來的時間里，我會以作為一名學習者的身份在這幾個方面要求自己，嚴格自我，向?qū)�業(yè)的網(wǎng)絡(luò)人員靠近。同時這也讓我提前體會了進入社會工作要求的各項要求和工作技能。一個網(wǎng)站，總歸要有好的背景和好的版頭。想什么主題好呢？背景當然要以溫馨淡雅主，于是我找了卡通動漫的天使（事實上，他們覺得個人品位不同，但我很喜歡拍磚定的），版頭我則找了一個綠色學習氣息的的圖片，可是卻發(fā)現(xiàn)堵住背景，于是我們用PS處理，加上俊昌的FLASH鴿子飛翔，才做好了版頭。在本次的實訓，我最深的感覺就是一個字累，我想這就是網(wǎng)頁工作人員的必須的工作吧。有句話說的好“沒有工作的辛勞，哪里會有成功的喜悅呢“。我也體會到網(wǎng)頁設(shè)計師要能制作出一個精美的網(wǎng)頁、構(gòu)建起一個完美的網(wǎng)站的時后，成功地完成一個任務(wù)的那種興奮，那種喜悅，那種小有成就的感覺是只有置身其中的人才能體會的。在本次實訓中，我們制作的還是比較順利的。但是，在制作過程中，也遇到了一些問題。例如文樂空間這個導航我們沒有建立鏈接，因為我們雖然找了這個導航所需素材，但我們根本了解其中的意思，所以，我們沒有建立這的頁面。困難遠不止這些，還有做班級相冊的時候，我們用PS自動生成的畫廊，因為不了解其中的代碼，修改的時候不知道死了多少腦細胞，最終才勉勉強強地完成了，但也只是一般而已，沒辦法。另外，其他大大小小的麻煩也不斷，費了腦子，但也漲了知識�？偨Y(jié)本次的實訓，這次09網(wǎng)絡(luò)4班班級網(wǎng)站能順利的完成，這都離不開老師的教導和小組成員的不懈努力，雖然這次實訓老師安排我們四個人一組，但是我們是一個有效率、有組織、有團隊精神的小組。我們分工明確，我主要負責制作網(wǎng)頁制作，偉杰做布局構(gòu)思，俊昌做素材收集，家文做技術(shù)應(yīng)用。當然，在制作過程中，我們也有交換角色。在實訓中，我們互幫互助。在實訓中，我們意思到了團隊合作的重要性。團隊很重要，因此，團隊這個東西無處不在，沒有團隊，有些事情十很難完成的。這次實訓，我們不僅學到了知識，還領(lǐng)會到了團隊的重要性。這次實訓是我們本學期的實訓，因此剛開始時我們還真有點無所適從。通過這次實訓，我們掌握了制作網(wǎng)頁的一般步驟，也學到了一點技巧性的東西。經(jīng)過這次實訓，我領(lǐng)悟到任何東西都要“學以至用”，學習了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。這次實訓也十給我在以上踏上工作崗位作鋪墊。很快的，一個假期又過來了，面對本學期剩下的時間，想著即將過去的這一周，緊張沉默之后更多的是感慨，印在腦海里的每一個足跡都是那么的深，真的說不出是什么感覺，伴著時間，就像是在

和自己的影子賽跑，不可能從真實的兩面去看清它，只是經(jīng)意不經(jīng)意的感受著有種東西在過去，也許更適合的只有那句話：時不待我，怎可駐足？一周，短短的一周，我學到了很多不知道的東西，實在是感受頗深。當今企業(yè)競爭范圍的伴隨社會市場經(jīng)濟的發(fā)展以及信息化程度的不斷提高而日益擴大，這樣就要求企業(yè)在各個方面加強管理，要求企業(yè)有更高的信息化集成來實現(xiàn)對企業(yè)的整體資源進行集成管理。現(xiàn)代企業(yè)都意識到，企業(yè)之間的競爭是綜合實力的競爭，要求企業(yè)有更強的資金實力，具備強有力的管理能力和更快的市場響應(yīng)速度。因此，引入計算機系統(tǒng)的意義是非常重大的。在社會主義市場經(jīng)濟高速發(fā)展的今天，如果計算機的各項管理運做仍然停滯在以紙、筆為主要工具的階段，就會因為信息量的快速增長而無法迅速、準確的運用計算機完成各項工作，這樣，必將成為企業(yè)各方面發(fā)展的一個瓶頸。而在當代這個以信息時代為主題的社會里，計算機技術(shù)高速發(fā)展，將信息技術(shù)應(yīng)用于對現(xiàn)代企業(yè)的管理日益普及。計算機技術(shù)不但可以提高信息的處理速度和提高信息處理的準確性，更重要的是，可以進一步的解放勞動力，將他們分配到更需要人力資源的崗位上去，從而加快社會工作的現(xiàn)代化、綜合化的發(fā)展步伐。引入計算機信息系統(tǒng)，不但為企業(yè)管理部門節(jié)省了不必要的開支，更重要的是提高了它對我們個人的工作效率。本周通過對計算機的初步學習，我更知道原來我們利用計算機可以提高工作效率等各方面。所以我真誠的感謝老師對我們的幫助，再次說一聲：謝謝。我以后將更加努力。

擴展閱讀：網(wǎng)頁設(shè)計綜合實訓報告1

網(wǎng)頁設(shè)計綜合實訓報告

系部名稱學生姓名實訓時間新疆電大專業(yè)網(wǎng)頁設(shè)計班級指導教師學號201*年4月18日--------201*年4月22日實訓項目和地點：實訓項目：大美新疆專題網(wǎng)站實訓地點：自定實訓目的：1.通過綜合實訓進一步鞏固,深化和加強理論知識于專業(yè)技能。(1)掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu),目錄結(jié)構(gòu),鏈接結(jié)構(gòu)的方法。(2)熟練掌握網(wǎng)頁制作軟件Dreamweaver8和基本操作和使用技能。(3)掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。(4)熟練掌握網(wǎng)頁頁面布局的各種方法。(5)熟練掌握在網(wǎng)頁中輸入,設(shè)置標題和正文文字的方法。(6)熟練掌握在網(wǎng)頁中插入圖像,Flash動畫和背景音樂的方法。(7)熟練建立各種形式的超級鏈接的方法。(8)掌握表單網(wǎng)頁制作方法。(9)掌握網(wǎng)頁特效制作方法。(10)掌握網(wǎng)站測試的方法。2.訓練和培養(yǎng)獲取信息和處理信息的能力,充分培養(yǎng)和提高自身的動手能力,學會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、Flash動畫和網(wǎng)頁特效等。3.培養(yǎng)自身運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及基本工作素質(zhì)。4.培養(yǎng)自身理論聯(lián)系實際的工作作風,嚴肅認真的科學態(tài)度以及獨立工作的能力,樹立自信心。實訓設(shè)備及器材：（實訓使用的主要工具、軟件和輔助工具、軟件）硬件：PC機一臺軟件：photoshopCS2，flash8.0，dreamweaver8.0，F(xiàn)ireworks。網(wǎng)絡(luò)環(huán)境：互聯(lián)網(wǎng)實訓的步驟和內(nèi)容：實訓步驟：1．尋找素材，規(guī)劃網(wǎng)站布局畫出草圖。2．通過photoshopCS2、flash8.0、Fireworks等軟件加工素材使之適合制作網(wǎng)頁。3．利用dreamweaver8.0定義網(wǎng)站站點。添加層，定義層，添加網(wǎng)頁內(nèi)容等。4．排版修改。

5、檢查并保存。實訓的內(nèi)容：網(wǎng)站的主題：大美新疆網(wǎng)站設(shè)計思路：本站應(yīng)該算是一個個人宣傳新疆熱愛新疆的小型網(wǎng)站。關(guān)于本站站名的來源：大美新疆主頁。因為，我覺得這個網(wǎng)站里面的所有文字與圖片都是為了表現(xiàn)新疆的美。張春賢書記說新疆的美是一種大美，要用心去感受。取這個站名，是做了網(wǎng)站的大概構(gòu)思后才取的，覺得，這個名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。主頁，包括首頁，相冊，鏈接，一些新疆旅游勝景的介紹文字加圖片，次首頁（單個景點的介紹文字加圖片），我的作品里面包括自己做的一個FLASH滾動動畫，景點介紹文字，相冊（Firworks處理過的相冊）等。網(wǎng)站設(shè)計過程：把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“川”字型的，三字型是我給它取的名字，因為，最開頭是幾張帶有鏈接的滾動圖片，用photoshopCS2處理過的header，左邊一大片用于放可鏈接的圖片加正文，右面放一些專題圖片，體現(xiàn)一種具體的、靜態(tài)的美。這種布局方式看起來比較的整齊，簡潔美觀。首頁本想做一個動態(tài)網(wǎng)頁，由于時間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景，加上可以左右箭頭滾動圖片，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的圖案，首頁加了音頻文件等代碼。次頁面包括如下些內(nèi)容：首頁、作品、文章、相冊。這些頁面是用模板做的，上面的圖片，導航條是不用改變的，都保持著首頁的風格，背景圖一樣，字體與樣式一樣，圖片風格一樣。首頁中添加背景音樂，巴哈爾古麗的《我們新疆好地方》，一邊看新疆美麗的風景及介紹文字，一邊聽這民族風格濃郁的音樂，給人一種意境美。次首頁，就是進入次頁面的第一個頁面。主題算是具體景點的介紹等。共有6個次頁面也就是二級頁面。分別介紹了塔克拉瑪干沙漠、新疆五彩灣、喀納斯、胡楊林、博斯騰湖、吐魯番火焰山。這六個景點各具特色，代表了新疆五彩斑斕、豐富多彩的世界。實訓中遇到的難點及解決辦法：在設(shè)計開始的時候，想的太多，不知道怎么開頭，定哪個主題，背景，色調(diào)，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復雜了，不要追求完美，不要做的網(wǎng)頁太多，搞到最后，別人都不知道，你這個網(wǎng)站的主題是什么了。還有就是布局的時候總是不能做到很美觀，后來，經(jīng)過不斷地摸索總結(jié)，總算使網(wǎng)頁的整體看起來比較美觀了。在做CSS樣式表的時候，也是邊看教程邊做。十分狼狽。實訓心得：在我看來，設(shè)計網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，

技術(shù)與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，音頻文件夾用audio。在所有配色當中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準備素材的時候，就選擇用黑色木紋做背景顏色，灰色太貧乏，就加上亮色的紅黃起到“中和”的作用。通過此次實訓,我覺得平面設(shè)計的創(chuàng)意思維、版面設(shè)計、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個以多學科設(shè)計為基礎(chǔ)，受到包括視覺藝術(shù)、網(wǎng)頁制作技術(shù)、網(wǎng)頁表達內(nèi)容等多種影響。網(wǎng)頁制作的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。通過此次實訓，使我對于網(wǎng)頁制作的三大軟件有了進一步的了解，各功能都能夠?qū)崿F(xiàn)基本掌握。同時提高了自己的鑒賞能力，綜合搭配能力，也對以前學過的內(nèi)容進行了綜合的復習。最后，我想，如果此次實訓老師是要我們分組來做的話，也許，我們可以做得更好，因為，一個人想的畢竟不全面，而且，一個人的審美有限，我們可以分工合作，一個人做一個方面的東西，也可以根據(jù)其他同學所善長的方面來分工，善長動畫制作的人做動畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣有些同學會懶的動手，推著給別人做。

友情提示：本文中關(guān)于《網(wǎng)頁設(shè)計綜合實訓報告》給出的范例僅供您參考拓展思維使用，網(wǎng)頁設(shè)計綜合實訓報告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責聲明：本文僅限學習分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《網(wǎng)頁設(shè)計綜合實訓報告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://m.hmlawpc.com/gongwen/585511.html

• 上一篇：動態(tài)網(wǎng)站建設(shè)實訓報告
• 下一篇：《動態(tài)網(wǎng)頁設(shè)計》實訓報告1