報告范文可以對過去一段時間的工作進行總結，為未來的工作提供參考和指導。請大家閱讀以下的報告范文，了解如何通過合適的結構和表達方式來傳達信息和觀點。

網頁設計實訓報告總結（匯總14篇）篇一

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

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

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

網頁的調試代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監(jiān)看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

(二)三天的培訓工作。

三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。

(三)最后的考核。

三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉正，得到很優(yōu)厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然后在規(guī)定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的'提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

三、正式工作。

我們每天的上班時間是從早上8:30分到下午的17:00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業(yè)分不開，我喜歡他(她)們，回為是實習期，所以每天做的數(shù)量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3--4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

四、業(yè)余的生活。

每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。

五、工作心得體會。

實習期結束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。

報告人：

時間：xx年xx月xx日。

網頁設計實訓報告總結（匯總14篇）篇二

來公司擔任網頁設計師一職快3個月了，時間雖不長，可我學到了很多東西。每個人都是在不斷的總結中成長，在不斷的審視中完善自己。在這幾個月的時間里，我也是在總結、審視中腳踏實地地完成好本職工作，總結如下：

一、思想方面：

嚴格按照一個網頁設計人員應有的素養(yǎng)來約束自已，愛崗敬業(yè)，具有強烈的責任感和事業(yè)心，積極主動認真的學習專業(yè)知識，工作態(tài)度端正，認真負責，聽從公司的安排，任勞任怨。

二、工作方面：

熱愛自己的本職工作，能夠正確認真的對待每一項工作，工作投入，熱心為大家服務，認真遵守勞動紀律，按時上下班，有效利用工作時間，堅守崗位，需要加班完成工作按時加班加點，保證工作能按時完成。

在技術型團隊中，技術不是萬能的，但是沒有技術是萬萬不能的。技術跟人品同等重要，技術水平是受人重視和尊重的重要砝碼。請牢記：“如果一個技術人員在一兩年內都沒有更新過自己的知識，那么，其實他已經不再屬于這個行業(yè)了。”不要告訴自己沒有時間，時間就像海綿里面的水，所以，堅持學習專業(yè)知識。20xx年的目標就是高效、完美的完成自己的本質工作。

二、工作中的不足：

雖然通過三個月的努力，技術水平有所提高，但是還是存在很多不足的地方，因為基礎打的不夠好，很多地方學習起來有些吃力，不停的問同事，也給別人帶來了不少麻煩，因為知識的不足，使得開始的學習有些混亂，感覺不知道從哪里開始學起，無從下手，浪費了不少時間！

網頁設計實訓報告總結（匯總14篇）篇三

網頁設計實訓報告總結（匯總14篇）篇四

從文件的角度來說，一個網頁就是一個html文件。當瀏覽者輸入一個網址或單擊某個鏈接后，在瀏覽器中顯示出來的就是一個網頁。一般網頁上都會有文本、圖片等信息，而復雜一些的網頁上還會有聲音、視頻、動畫等多媒體內容，為網頁增添了豐富的色彩和動感。靜態(tài)網頁是指網頁文件中沒有程序，只有html代碼，為后綴名的網頁，靜態(tài)網站內容不會在制作完成后發(fā)生變化，任何人訪問都顯示一樣的`內容。網站是一系列邏輯上可以視為一個整體的網頁集合，是許多相關網頁有機結合而組成的一個信息服務中心。對于小型網站，是指帶有一定主題的多個網頁集合；對于大型網站還包含數(shù)據(jù)庫和服務器端應用程序等如新浪、網易、搜狐等門戶網站。在構成網站的眾多網頁中，有一個頁面比較特殊，稱為首頁，即網站的第一個頁面。動態(tài)網頁是指網頁文件不僅具有html標記，而且還含有程序代碼，并使用數(shù)據(jù)庫連接。動態(tài)網頁能根據(jù)不同的時間，不同的來訪者顯示不同的內容，動態(tài)網站更新方便，一般在后臺直接更新。

網頁是構成網站的基本元素。一個網頁是否精彩與網頁布局有著重要關系。常見的網頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標題文本型，封面型，flash型，框架型。可以用表格的形式講一個頁面分成幾個單元格，通過單元格的合并拆分，對網頁進行布局，單元格就相當于是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行布局。框架對網頁進行布局有很多優(yōu)點網頁結構清晰，易于維護和更新。方便用戶瀏覽網頁，采用滾動條，可節(jié)省頁面空間，使網頁風格保持統(tǒng)一；css作為網頁設計中的一種重要技術，具有以下優(yōu)點：，表現(xiàn)和內容相分離，提高頁面瀏覽速度，易于維護和修改，應用apdiv創(chuàng)建網頁，網頁清晰，易于分塊。應用表單創(chuàng)建網頁，應用行為創(chuàng)建網頁。

1.3靜態(tài)網頁設計的技術要點。

用框架對網頁進行布局時有很多缺點：網頁內容無法被大多數(shù)搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無法滿足個性化設置，難以實現(xiàn)不同框架中各元素的精確對齊。在網頁設計過程中使用css樣式表，主要有以下兩種方式，內部css樣式表，外部css樣式表，應用庫創(chuàng)建網頁時：對于站點訪問者和開發(fā)人員而言，使用交互式網頁www.具有更多用途，使訪問者可以快速方便地在一個內容豐富的網站上查找信息，后臺管理者可以收集、保存和分析站點訪問者提供的數(shù)據(jù)，，后臺管理者可以對內容不斷變化的網站進行更新。靜態(tài)網頁每個網頁都有一個固定的url，、.html、.shtml等常見形式為后綴，而不含有“?”;網頁內容一經發(fā)布到網站服務器上，無論是否有用戶訪問，每個靜態(tài)網頁的內容都是保存在網站服務器上的，也就是說，靜態(tài)網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件;靜態(tài)網頁的內容相對穩(wěn)定，因此容易被搜索引擎檢索;靜態(tài)網頁沒有數(shù)據(jù)庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態(tài)網頁制作方式比較困難;靜態(tài)網頁的交互性較差，在功能方面有較大的限制。

網頁設計實訓報告總結（匯總14篇）篇五

通過網頁設計理論聯(lián)系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網頁設計實踐中的操作理論，提高自己網頁設計水平，并為能順利與社會環(huán)境接軌做準備。

[實習任務]。

學習網頁設計實際問題處理方法及常規(guī)網頁設計內容（網頁設計切片、數(shù)據(jù)庫的搭建、新聞管理、留言管理、網頁設計在線編輯器等），網頁設計后臺管理方面的知識應用，及利用所學知識管理和編輯網站，并從實際出發(fā)，簡單了解關于網站安全性問題的實際解決措施（md5密碼加密等網頁設計知識）。

[實習時間]。

xxxxxx。

[實習地點]。

xxxx。

[實習內容]。

按照老師的安排，我制定了相應的實習計劃，并記錄了相關的實訓內容，以備后鑒，且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據(jù)理論知識，指導日后工作實踐的目的。其主要網頁設計實習具體內容情況報告如下：

第一、收集網站所需信息。

第二、運用photoshop處理的網頁設計所需圖片。處理圖片要保持圖片不失真，并按照網頁設計需求設計所需的效果。

第三、對所完成的網頁頁面進行合理的切片處理，并按照網頁設計效果完成網站整體框架的構建。

第四、搭建網站所需數(shù)據(jù)庫。

第五、網站的虛擬建設和初步完善。

[實習體會]。

大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經過網頁實訓課的實習，讓我對自己有了新的認識，并明確了網頁設計方面的前進方向。

1．繼續(xù)學習，不斷提升理論素養(yǎng)。

在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力。現(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側重，希望能夠加強自己的專業(yè)知識。

2．加強信心，堅持下去。

上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜！”，等工作了才真正的領悟這句話的涵義。經歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

3、實訓學習中的同學相處。

感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結工作的環(huán)境。在整個網頁設計實訓的過程中，實訓同學之間的關系總是那般融洽！

實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

光陰似箭，日月如梭。轉眼間，愉快而又充實的網頁實習課程結束了，在這幾個月的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結合。網頁設計理論一點點轉化為實踐經驗，模擬網頁實訓變成了真正面對社會的基礎，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網頁設計處理過程中的困難。實習結束了，感覺腦袋里又注入了新的知識，對網頁設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關的問題，再探究新的問題，使自己和公司不斷進步。

最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。

總體來說，這次xxxx實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

網頁設計實訓報告總結（匯總14篇）篇六

在飛速發(fā)展的今天，互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。因此網站建設在應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。

計算機將具備更多的智能成分，它將具有多種感知能力、一定的思考與判斷能力及一定的自然語言能力。除了提供自然的輸入手段（如語音輸入、手寫輸入）外，讓人能產生身臨其境感覺的各種交互設備已經出現(xiàn)，虛擬現(xiàn)實技術是這一領域發(fā)展的集中體現(xiàn)。今天人們談到計算機必然地和網絡聯(lián)系起來，一方面孤立的未加入網絡的計算機越來越難以見到，另一方面計算機的概念也被網絡所擴展。二十世紀九十年代興起的在過去如火如荼地發(fā)展，其影響之廣、普及之快是前所未有的。從沒有一種技術能像一樣，劇烈地改變著我們的學習、生活和習慣方式。全世界幾乎所有國家都有計算機網絡直接或間接地與相連，使之成為一個全球范圍的計算機互聯(lián)網絡。人們可以通過與世界各地的其它用戶自由地進行通信，可從中獲得各種信息。人們已充分領略到網絡的魅力，大大縮小了時空界限，通過網絡人們可以共享計算機硬件資源、軟件資源和信息資源。"網絡就是計算機"的概念被事實一再證明，被世人逐步接受。

通過這兩年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通，熟練在手。所以本人結合所學專業(yè)的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是dff軟件。d大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態(tài)生成到企業(yè)級的解決。

方案。

如電子商店庫存管理系統(tǒng)和企業(yè)內部局域網的數(shù)據(jù)庫應用等功能。f是目前最流行的網頁圖象制作軟件。只要將d的默認圖象編輯器設為f那么在f中制作完成網頁圖象后將其輸出就會立即在d中更新。f還可以安裝使用所有的p濾鏡并且可以直接導入psd格式圖象。更方便的是它不僅結合了p位圖功能以及cidraw矢量圖的功能而且提供了大量的網頁圖象模板供用戶使用。

為此學校為我們進入社會實習前為我們組織一次為期兩個月的校內實習。在學校組織的這次校內實習，讓我們在進入社會之前，提前體驗了一下將來在社會上的工作情況，給我們提前積累一些社會經驗，通過本次的實習讓我們更加熟練網頁的制作，并。

創(chuàng)新。

的以網絡作為平臺，結合網絡運用制作了各類網頁。這包括了我們專業(yè)所學習的所有內容，這次實習不緊是對我們過去學習成果的總結驗證，更是一次學習上的。

創(chuàng)新。

與進步。在這次校內實習過程中，不管在知識掌握上，還是知識運用實踐體驗方面我都得到了很大的收獲。

網頁設計與制作的實習是鍛煉我們實踐能力的重要環(huán)節(jié)，是對我們實際工作能力的具體習練和考察過程。隨著科學技術發(fā)展的日新月異，網頁設計制作已經成為當今計算機應用中空前活躍的領域，在生活中可以說得是無處不在。因此作為二十一世紀的大學來說掌握網頁設計制作的技術和能力是十分重要的。

這次實習，我為自己家鄉(xiāng)的一個概況做一個網頁。我是來自大理，大理作為一座旅游城市，擁有眾多的旅游風景點，所以我選擇了為我家鄉(xiāng)的旅游做一個網頁。

特點，借鑒這些網頁的優(yōu)秀之處，不好的地方在自己的網頁上加以改良，從而使自己的網頁更加美觀。

做好這些準備工作之后我希望能在最短的時間內做到的效果。接下來的步驟就是準備素材，搜集與主題相關的文字、圖像、動畫、音樂等資料。在準備素材的過程中我用到了dreamweaver、photoshop等工具。再是設計網頁的內容結構、目錄結構和鏈接結構，設計首頁及其頁面的版式結構。然后創(chuàng)建本地網頁，建立網頁的目錄結構。制作首頁、二級子頁、內容頁，創(chuàng)建超級鏈接。最后就是測試與瀏覽網頁，如果還有什么不理想的地方再改進，改進后再預覽，如此反復，最后達到預期的效果！

計使我懂得了理論與實際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

這次實習為我提供了與眾不同的學習方法和學習體會，從書本中面對現(xiàn)實，為我將來走上社會打下了扎實的基礎。從實踐操作中，我總結出一些屬于自己的實踐經驗，社會是不會要一個一無是處的人的。作為信息與計算科學專業(yè)的學生，現(xiàn)在我能做的就是吸取知識，提高自身的綜合素質，提高自己的創(chuàng)新能力和合作能力等，自己有了能力，到時候才會是“車到山前必有路”。我相信在不久的未來，會有屬于我自己的一片天空！

這次課程設計在驗收之后終于順利完成了，在設計中遇到了很多的技術問題，最后在老師的辛勤指導下，終于游刃而解。同時，在老師的身上我學得到很多實用的知識，在這我再次我表示深深地感謝！同時，對給過我?guī)椭乃型瑢W表示忠心的感謝！

網頁設計實訓報告總結（匯總14篇）篇七

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

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

一.網站的整體規(guī)劃。

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

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

3.確定欄目和板塊：

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

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

3]正文的框架設置(橫向因素和縱向因素交錯)。

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

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

二.網頁制作的前期策劃與準備。

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

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

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

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

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

三.網頁制作。

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

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

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

四.網頁的調試。

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

在飛速發(fā)展的今天，互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。因此網站建設在應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。

計算機將具備更多的智能成分，它將具有多種感知能力、一定的思考與判斷能力及一定的自然語言能力。除了提供自然的輸入手段(如語音輸入、手寫輸入)外，讓人能產生身臨其境感覺的各種交互設備已經出現(xiàn)，虛擬現(xiàn)實技術是這一領域發(fā)展的集中體現(xiàn)。今天人們談到計算機必然地和網絡聯(lián)系起來，一方面孤立的未加入網絡的計算機越來越難以見到，另一方面計算機的概念也被網絡所擴展。二十世紀九十年代興起的在過去如火如荼地發(fā)展，其影響之廣、普及之快是前所未有的。從沒有一種技術能像一樣，劇烈地改變著我們的學習、生活和習慣方式。全世界幾乎所有國家都有計算機網絡直接或間接地與相連，使之成為一個全球范圍的計算機互聯(lián)網絡。人們可以通過與世界各地的其它用戶自由地進行通信，可從中獲得各種信息。人們已充分領略到網絡的魅力，大大縮小了時空界限，通過網絡人們可以共享計算機硬件資源、軟件資源和信息資源。"網絡就是計算機"的概念被事實一再證明，被世人逐步接受。

通過這兩年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通，熟練在手。所以本人結合所學專業(yè)的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是dff軟件。d大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態(tài)生成到企業(yè)級的解決。

方案。

如電子商店庫存管理系統(tǒng)和企業(yè)內部局域網的數(shù)據(jù)庫應用等功能。f是目前最流行的網頁圖象制作軟件。只要將d的默認圖象編輯器設為f那么在f中制作完成網頁圖象后將其輸出就會立即在d中更新。f還可以安裝使用所有的p濾鏡并且可以直接導入psd。

格式。

圖象。更方便的是它不僅結合了p位圖功能以及cidraw矢量圖的功能，而且提供了大量的網頁圖象模板供用戶使用。

通過這次實習，在制作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態(tài)特效。可是總遇到這樣那樣的問題，例如動畫到入里，開始不明白后來才知道是在d里先插個層，這樣就可以瀏覽出效果了。還有是有時上傳到網頁上的圖片不顯示，原因是它們沒有在一個文件夾內。但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發(fā)出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。

網頁設計實訓報告總結（匯總14篇）篇八

(1)通過本次實訓要完成仙劍奇?zhèn)b傳的網頁制作，包括二級頁面和三級頁面，還要應用一些網頁制作的基本技巧。

(2)掌握布局技術，模版應用，css樣式，超級鏈接，并運用fireworks做簡單的圖形編輯。

(3)通過連續(xù)時間的實際操作，鞏固對網站的創(chuàng)建、網頁的策劃、設計與制作的理解，加深理解網站、網頁、制作的過程，理解團隊互助共同完成項目的協(xié)作精神。

2.關鍵技術及解決途徑：

(1)有完整的策劃報告(電子版)，實際內容有改動不受影響;。

(2)有標題的網站以及有對應自己創(chuàng)意設計制作的logo圖象、廣告條等圖象;。

(3)至少有首頁、二級頁面、三級頁面的層結構;。

(4)有框架、有表單;。

(5)有自己創(chuàng)作輸入的文字內容并經過排列整理;。

(6)dreamweaver模板技術;。

(7)至少采用了樣式表技術;。

(8)采用鼠標事件等行為設置之一;。

(9)不允許出現(xiàn)超級鏈接錯誤!

(10)有版權聲明、網站更新日期、創(chuàng)意制作人員。

根據(jù)課堂所學，充分利用相關技術要點，對于不懂的地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。

3.方案設計與實施步驟：

一、方案設計。

二、實施步驟(可以包括網站內容)。

(1)確定網站內容為仙劍奇?zhèn)b傳4,并制定詳細的策劃報告。

(2)查找相關資料，制作banner，logo，和相關動畫圖片。

(3)小組分工合作，我負責首頁制作，人物介紹，友情鏈接，留言板相關內容。

(4)采用布局技術設計首頁，然后插入logo，banner美化首頁。

(5)應用模版技術制作人物介紹，介紹仙劍4中的重要出場人物，并配上相關圖片和文字，制作了網站相冊，使用了錨記。

(6)友情連接應用了框架，鏈接到百度，官網等相關網站，并用fireworks制作了相關的logo和banner。

(7)采用表單技術制作留言板。

(8)最后創(chuàng)建css樣式，并運用到各個連接上。

(9)個相關頁面之間進行必要的超級鏈接，友情鏈接與相關網站上鏈接。

(10)最后和另一小組成員進行作品匯總，完成相關站點的鏈接。

(11)檢查鏈接，清除多余文件和圖片。

4.自我評價。

這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，css樣式，使得制作過程方便了很多。

在完成基本要求得基礎上，文件夾、文件命名規(guī)范;文件存放位置合理;。

制作完成之后進行過現(xiàn)場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內容較豐富、自己設計制作的素材應用多;色系、布局合理美觀、考慮用戶訪問方便;采用各種特效、并且運用合理。

不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導致后面匯總時比較麻煩。

不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美!

網頁設計實訓報告總結（匯總14篇）篇九

網頁設計實訓報告總結（匯總14篇）篇十

網站設計就像是畫畫或者是雕刻，一筆一劃都不能錯。先從整體上勾勒，比較不會出錯。在視覺設計整體規(guī)劃中，不但要考慮首頁，還得考慮到欄目頁、內頁等等。

當然，首頁的設計是最重要的，因為很多用戶的著陸頁面就是首頁。

不管用戶愿意不愿意，他們總是先被網站的設計風格所吸引，然后才看內容。

因此，首頁的設計必須要精煉而明快，主要是符合整個的網站定位和網站主題。

結構清晰，能夠讓用戶在第一時間內就了解網站的布局，不用費力找搜索框在哪里，就已經達到了想去的頁面。網站視覺的整體設計，總基調是簡單明朗，不復雜，看著舒服。

合理安排網站內容元素位置。

首頁布局好之后，要讓內容頁也搭配出這種基調來。用戶從首頁到內頁也不過幾秒鐘時間，如果能夠讓他們有進一步的視覺沖擊，那種好奇的神經就會被緊緊地牽住。

吸引人的因素，比如安排在網站內頁中重要的位置，并且不予其它的因素沖突。

網站設計要留有合理的間距。

在網站設計中，有種說法叫做“留白”，也就是說，在設計的時候，不能將信息安排得太多緊密，要留有合理的間距，這樣容易給用戶造成視覺壓迫，最終因為視覺疲勞而離開。

留白能夠讓圖文更加錯落有致，讓網站看起來想一個井井有條的房間。

網站設計要合理的運用圖片。

這里說的可以是視覺的設計，視覺設計根本就不可能離開圖片，因為圖片比文字更加直觀，更加吸引人。圖片布局需要考慮大小、尺寸、分辨率、清晰度等。要考慮到適度，圖片過多容易影響整個網站加載速度。

通過視覺設計，用戶能夠在安全舒適的環(huán)境中瀏覽內容，并不會感到很大的壓力，反而是放松，這正是網站設計要追求的境界。

網頁設計實訓報告總結（匯總14篇）篇十一

學習如何通過選擇正確的格式，來優(yōu)化網頁圖片，并確保文件大小在可行的范圍你是足夠小的。雖然現(xiàn)在人們已經都在使用寬帶，但仍然有人是撥號上網。

此外，雖然移動裝置技術的普及，但移動裝置卻不一定支持像寬頻一樣的速度，圖片文件的大小可能還是會延長網頁的加載時間，有可能把用戶趕走的。

這里有個選擇適合的文件格式的技巧：如果圖片是單色，那最好保存成png或者gif格式;如果是連續(xù)性的色調(如照片)則最好保存成jpg格式。

有很多的工具可以幫助你進一步優(yōu)化你的圖片，降低他們的文件大小。可以參考這個工具列表來幫助優(yōu)化你的圖片。

盡量把圖片數(shù)量減到最低，并且靈活使用圖片，并且盡可能地減小文件大小。如此一來，將可以大大的減少頁面的讀取時間和改善網頁的性能。

2.保持干凈和簡單(即：簡潔)。

一個好的網頁設計不光只是看起來好看而已，還要是用戶友好型的。通常來說，一個干凈、簡單的網頁設計最終會成為一個可用性高的網頁設計，因為它在與用戶的交互中不會使其產生混淆。

當頁面上有太多的網站功能和組件時，將會分散網站用戶的注意力而失去原本瀏覽網站的目的。

確保每個頁面元素都有其目的，然后問自己以下問題：

1.是否真的需要這個設計么?2.這是什么組件是做什么用，它如何協(xié)助用戶瀏覽?

3.如果我突然刪除這個組件，大多數(shù)人會希望它“回來”嗎?

4.如何把這些元素和目標、消息和網站的`宗旨互相結合?

此外，盡管它可能是一個超酷的新概念或界面設計模式，但你還是要確保對你的用戶而言該設計仍然是方便和直觀的。

人們習慣于通用性的交互模式、網站功能、和網絡接口，如果你的設計的確很獨特，確保它不是太模糊和晦澀。要有創(chuàng)意，但還要保持簡單。

3.導航(條/欄)是最重要的設計。

一個網站最重要的部分就是整個網站的導航。沒有它，無論在哪個頁面中，用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這明顯的實際方向，我們將討論一些建構網站導航時重要的點。

首先，在網站的導航結構上，投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識，但仍然有很多設計師想當然地設計網站導航。

擺放位置、風格、所用技術(javascript或css)、可用性和網頁易讀性，這些是你制作導航設計時需要考慮的。

在沒有css的狀況下，你的導航設計應該也是可用的，這是基于文字基礎的瀏覽器相容性。你可以盡量去嘲笑文字基礎的瀏覽器，但它們在很多的移動設備上還是流行的。也許更為重要的是，對屏幕用戶來說(99.99%的情況下)，沒有css的導航功能照樣可用訪問。

在沒有客戶端技術情況下(如javascript或flash)，導航功能應該容易進入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。

所以，制定一個導航系統(tǒng)可以放置的良好位置是必須的，例如放在一個顯眼可見的地方。一個好的導航功能，只要網頁載入就出現(xiàn)，而不需要鼠標再向下滾動。這是為什么頁面要保持干凈和簡單的重要作用，一個復雜且非常規(guī)的設計可能會讓用戶困惑。

哪怕只有一瞬間，用戶也必定不會納悶：“網站導航在哪里?”

最后，對網站建立階層結構，多層次的管理。確保它在父層與子層之間易于導航。此外，不管在哪一個網頁當中，也應該能很容易到達最高層的頁面(例如網站首頁)。

最主要的目標就是你的網站導航，盡可能減少操作(動作)，努力而讓用戶到達他想要瀏覽的內容。

4.明智和有條理地使用字體。

雖然有成千上萬的字體，但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅持使用網頁安全字體。

如果你不喜歡網頁安全字體，可以考慮利用sifr或cufon逐步增強的網頁設計。

保持字體的一致性，確認標題和段落的內容看起來有所不同。使用空白、調整行高、字體大小和字母間距屬性，使用戶輕松愉快地閱讀和掃描內容。

也許一個網頁設計師常常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內容都塞在一個網頁中呈現(xiàn)，所以我們有時設置字體大小而讓用戶感覺到不舒服。

如果可能的話，盡量保持字體大小12像素以上，特別是對段落內容。雖然很多沒有遇到因為字體太小而造成閱讀上的困難，但是想想老人家、近視眼和其他類似視覺障礙的族群吧。

5.理解色彩無障礙性。

說完字體后，我們還需要指出使用正確顏色的重要性。例如，黑色文字在白色背景，如果使用高對比度，橙色背景上的紅色文字會令你的眼睛感到緊張。

此外，使用一些對特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck，可以測試某些類型的色盲)。

有些色彩組合只適合運用在前景色的部分，而不適合做背景色。舉個例子來說，深藍色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍色的背景，都是使用兩種一樣的顏色，但用在不同的部分則影響了它的可讀性和閱讀的舒適度。

重要的是，不僅要使用良好的色彩組合，而且要把它用在頁面中的合適元素上。

6.知道如何編寫代碼。

隨著各種所見即所得的網頁編輯器充斥市場，網頁設計已經成為簡單的1-2-3步驟就能設計好一個網站。然而，大多數(shù)網頁編輯器摻雜了不必要的代碼，使你的html結構設計不當，難以維護和更新，導致網頁膨脹。

通過自己編寫的網頁代碼，能得到簡潔的代碼，能夠愉快方便地閱讀和維護。你可以自豪地說是自己寫出來的代碼。

但知道如何使用所見即所得的ide或預覽功能并不會妨礙學習html和css。你要知道發(fā)生了什么事情，才能創(chuàng)造有效并高度優(yōu)化的網頁設計。

7.不要忘記搜索引擎優(yōu)化。

在設計網站時，一個好的網頁設計師應該永遠牢記基本的seo概念。例如，網頁內容結構、用文字表示標題(即網頁的標題和標志)。

此時，以前學習的如何合理編碼的能力就派上用場。認識正確、語義和基于標準的html/css后，你會很快認識到div比表格布局好得多，不僅更為準確地展現(xiàn)內容，而且對搜索引擎排名也有幫助。另外，知道用css更換背景、文字和圖片也是一個好主意。

8.理解人是沒有耐性的。

普通人用幾秒鐘就決定是否要閱讀更多網頁內容或到另一個網站。因此，作為一個網頁設計師，要有個好方法，能在這珍貴的幾秒鐘鼓勵用戶選擇前者(看更多內容)。

要知道，如果用戶在網頁頭部看不到感興趣的內容，沒有多少人會向下滾動，去查看整個網頁的內容。

所以，在網頁頭部很容易看到的地方放置網站上的重要元素，但也不要過度擁擠在上半部分網頁，否則會嚇到用戶，而不會往下繼續(xù)看內容。記住上半部分網頁設計的賣點：視其為推銷員，使人們有購買想法，即他們想在你的網站上看到什么。

9.了解(并意識到)瀏覽器的兼容性。

當一個網頁設計師必須要知道的一件事，就是你的工作環(huán)境(瀏覽器)是挑剔和難以預料的。如果你的網頁設計只能運行在的幾種網頁瀏覽器，那是不夠的，你需要盡可能多瀏覽器下測試。這里有一款工具browsershots，可以測試瀏覽器兼容性。

10.使設計有靈活性和可維護性。

一個好的網頁設計師可以確保以后可以很容易更新或修改網站。設計一個有可塑性、易于維護的網站，是一個偉大網頁設計師的標志。讓你的工作盡可能從結構化轉向模塊化。

網頁設計這個行業(yè)是動態(tài)的，而且還很“年輕”。事情往往在短暫中變化。牢記這種思想，將推動建立更加靈活的網頁設計。

網頁設計實訓報告總結（匯總14篇）篇十二

得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協(xié)作、共同努力。這次培養(yǎng)和考察了我對計算機的實際應用能力，注重了技術技能的培訓，每一步驟和每一技能點相對應，使我對photoshop有了更深一層的了解。更進一步的熟悉和掌握一些技能，將書本上的知識和實際合理的結合在一起。要真正的掌握和使用一個圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握圖像和圖形方面的知識，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識等。也只有這樣，才能按要求，合乎情理，有效地發(fā)揮創(chuàng)意，創(chuàng)培訓，每一步驟和每一技能點相對應，使我對photoshop有了更深一層的了解。更進一步的熟悉和掌握一些技能，將書本上的知識和實際合理的結合在一起。要真正的掌握和使用一個圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握圖像和圖形方面的知識，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識等。

也只有這樣，才能按要求，合乎情理，有效地發(fā)揮創(chuàng)意，創(chuàng)在這為期兩周的實訓中通過老師的認真講解，讓我對所學的知識有了一個重新的認識，他們教會了我在學校里許多學不到的知識，教了我許多關于設計的小技巧，這些小技巧是非常的實用的，能夠節(jié)省我的許多時間從而讓我能夠夠快速的完成任務，并且老師的講解給我打開了一扇大門，讓我仿佛看到了我的專業(yè)的未來的曙光，也讓我對于自己現(xiàn)在的專業(yè)充滿了信心，讓我有了更加多的激情投入到本專業(yè)的學習中，同時也讓我對于我們的相關專業(yè)也有了一些了解，從而有了更多的選擇機會，不會再像以前茫然不知所措了，有時候老師的一句話能夠讓我解決我許久以來的迷惑，所以老師的作用是巨大的，老師就像是一道曙光讓我在迷茫的道路上不斷的前進，給了我前進的放向。在這兩個周里通過老師的指導，我不斷完善我的設計網頁面的基礎，并且掌握了許多在課堂上學不到的小技巧。有理由相信，這些洞悉的積累會對我這個即將走上社會的大學生菜鳥很有幫助。在不斷豐富我知識的同時，我慢慢的認掌握識到了自己的知識還太少，需要大量的綜合性的練習來完善。

的無情和殘酷，我又何必再拿自己的前途開玩笑。老師曾經不止一次的說過不能遲到，在學校養(yǎng)成的拖拉的習慣一直在摧殘著我，在以后的工作學習中，我會努力的改掉習慣不良的習慣，爭取能再踏入社會的時候找到一份自己滿意的工作。

網頁設計實訓報告總結（匯總14篇）篇十三

很多設計師也許一直在苦惱：要如何才能成為一個優(yōu)秀的設計師呢?有沒有什么設計秘籍或者設計技巧可言?個人認為，要成為一個成功的設計師，雖然沒有捷徑可走，但是也許卻有方法可言。如果凡事不講究方法，相信要達到目的那是相當困難的。而如果方法對路，那么你離目標就不遠了。下面北極魚就給大家分享一篇來自國外設計大師purin的關于設計技巧的文章。希望對那些像我一樣迷茫的設計師有所幫助。

網頁設計實訓報告總結（匯總14篇）篇十四

時間過得飛快，為期兩個月的學習生涯即將結束，此時的自己回顧這段經歷，心中充滿了感激和滿足。這兩個月，我經歷了從理論到實踐的轉變，收獲了友情和知識。

實訓期間，我參與了一個大型電商網站的網頁設計。初期，我花了大量時間去熟悉和理解前端開發(fā)的基礎知識，如html、css、javascript等。隨著項目的推進，我逐步參與到了網站頁面的設計和開發(fā)中。

在網頁設計過程中，我遇到了許多挑戰(zhàn)。例如，如何設計一個吸引用戶的頁面，如何將設計與用戶體驗相結合，如何處理大量的用戶數(shù)據(jù)等。面對這些挑戰(zhàn)，我積極向團隊中的其他成員請教，通過不斷地嘗試和學習，我逐漸掌握了解決之道。

在這個過程中，我深刻地理解了團隊合作的重要性。每個人在團隊中都有自己的角色和職責，只有大家緊密協(xié)作，才能完成任務。我還學會了如何處理突發(fā)問題，如何在壓力下保持冷靜和專注。

經過這段時間的實訓，我不僅掌握了前端開發(fā)的技術，還學會了如何更好地與團隊成員溝通。我明白了，一個好的設計不僅需要美觀，還需要考慮用戶的需求和體驗。此外，我也懂得了，只有不斷學習和提升自己，才能在競爭激烈的市場中立足。

實訓結束后，我懷著不舍的心情離開了這個團隊。在接下來的日子里，我會繼續(xù)保持學習的態(tài)度，不斷提升自己。我相信，這段實訓經歷將對我未來的發(fā)展產生深遠的影響。

總之，這兩個月的實訓經歷讓我收獲頗豐。我不僅學會了前端開發(fā)技術，還學會了如何與團隊成員協(xié)作，提高了自己的解決問題的能力。這段經歷讓我對自己的能力有了更深的了解，也讓我明白了自己的不足之處。我將會把這些知識和經驗帶入到未來的學習和工作中，不斷向前。最后，我要感謝團隊和老師們的支持和幫助，沒有你們的引導和鼓勵，我不可能取得如此之大的進步。