品才網>總結范文>網頁設計實訓總結

網頁設計實訓總結

時間：2024-08-04 17:11:09 總結范文我要投稿

網頁設計實訓總結

　　總結就是把一個時間段取得的成績、存在的問題及得到的經驗和教訓進行一次全面系統的總結的書面材料，他能夠提升我們的書面表達能力，不妨讓我們認真地完成總結吧。那么總結應該包括什么內容呢？以下是小編收集整理的網頁設計實訓總結，歡迎大家借鑒與參考，希望對大家有所幫助。

網頁設計實訓總結

　　網頁設計實訓總結篇1

　　上周，我們電商專業進行了為期五天的網頁制作實訓。

　　在機房里待了一個星期，雖然生理反應不大，但是還是不好受。原本以為是實訓比平時上課要舒服多了吧，但是這一個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的一星期里我的收獲還是很多的。

　　第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現“書到用時方恨少”的'尷尬體會。

　　第二、實訓中我印象最深的是對各種網頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標等都做不好，其心情想而知。所以對這些網頁是做工具的使用都要練習。

　　第三、集體協作是我又一個體會。這次網頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網站設計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學合作是很有必要的。

　　總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開心的。

　　網頁設計實訓總結篇2

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

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

　　網頁設計實訓總結篇3

　　一、實訓意義

　　網頁設計與制作綜合實訓是教學過程中重要的實踐性教學環節。它是根據專業教學計劃的要求。在教師的指導下對學生進行網頁制作專業技能的訓練,培養學生綜合運用理論知識分析和解決實際問題的能力,實現由理論知識向操作技能的培養過程。因此加強實踐教學環節,搞好實訓教學,對實現本專業的培養目標,提高學生的綜合素質有著重要的作用。

　　二、實訓目的

　　1、通過綜合實訓進一步鞏固,深化和加強學生的理論知識于專業技能。

　　(1) 掌握規劃網站的內容結構,目錄結構,鏈接結構的方法。

　　(2) 熟練掌握網頁制作軟件Dreamweaver8和基本操作和使用技能。

　　(3) 掌握頁面的整體控制和頭部內容設置的方法。

　　(4) 熟練掌握網頁頁面布局的各種方法。

　　(5) 熟練掌握在網頁中輸入,設置標題和正文文字的方法。

　　(6) 熟練掌握在網頁中插入圖像,Flash動畫和背景音樂的方法。

　　(7) 熟練建立各種形式的超級鏈接的方法。

　　(8) 掌握表單網頁制作方法。

　　(9) 掌握網頁特效制作方法。

　　(10) 掌握網站測試的方法。

　　2、訓練和培養學生獲取信息和處理信息的.能力,充分培養和提高學生的動手能力,學會通過網站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、Flash動畫和網頁特效等。

　　3、培養學生運用所學的理論知識和技能解決網站開發過程中所遇到的實際問題的能力及基本工作素質。

　　4、培養學生理論聯系實際的工作作風,嚴肅認真的科學態度以及獨立工作的能力,樹立自信心。

　　三、實訓步驟

　　1、定義站點

　　2、設定網頁屬性和文本格式

　　3、從大到小把結構設計好

　　4、輸入主要內容并進行排版

　　5、檢查并保存

　　四、實訓心得

　　兩周的實訓轉瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網頁設計與制作有了進一步的了解。

　　在這兩周內，同學們每天都按時完成老師留下的作業，對于自己以前不理解的東西，通過老師的重新講解、指導和自己的練習，對其有了很好的了解;對于我們看不懂的一些內容，通過與同學協商和聽老師的講解來理解并掌握它。在這兩周的實訓里，我發現了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我了解到一些新的東西并對網頁設計與制作有了更深的興趣，如falsh制作與運用、網站的基本制作、超鏈接的設置等;我們對網頁設計與制作方面的知識有了一定的認識，為我們以后對網站的學習和運用有很大的幫助。

　　通過實訓，我們把網頁設計與制作中涉及到的理論和實踐更好的結合起來，我對網頁設計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協作、共同努力。

　　網頁設計實訓總結篇4

　　一連上了兩個星期的網頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了網頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

　　每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、flash、fireworks、photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

　　在這期間，每一天老師都會發一些素材和實訓給我們，首先是網頁素材的準備，在網上查看一些網頁背景和背景顏色搭配，讓我了解到網頁的顏色不能多過3種色彩。接下來的幾天再結合自己的網頁來進行策劃，在做首頁之前，先用圖紙把網頁的結構畫出來，內容和結構都想清楚用fireworks把網頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。

　　我們的網站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網頁名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術好的就負責網頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是網頁的內容。為了增加網頁的新鮮感和活潑感，還適當在添加一些透明flash和一些網頁特效。在這實訓的時間里面，我們分工合作，共同努力，對網頁反復調試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的`不合而發生一些小小的爭吵，但我覺得不影響我們的網頁設計，反而會因為這些不同的意見而重新學到更多的知識。

　　通過這次實訓對這門課程的學習，做好網頁，并不是一件容易的事，它包括網頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。所以我得出一下總結：

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

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

　　二、規劃好整個網站

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

　　三、善用圖片，增強藝術效果

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

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

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

　　最后感謝老師多日來的辛勤教導!

　　網頁設計實訓總結篇5

　　前言

　　Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專業網頁圖像設計的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊)，足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應該了解一下網頁編輯器的發展過程，隨著互聯網(Internet)的家喻戶曉，HTML技術的不斷發展和完善，隨之而產生了眾多網頁編輯器，從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網頁編輯器的優點就是直觀性，使用方便，容易上手，您在所見即所得網頁編輯器進行網頁制作和在WORD中進行文本編輯不會感到有什么區別，但它同時也存在著致命的弱點。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的'時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。

　　1．對靜態網頁設計的認識

　　1.1網頁設計介紹

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

　　1.2網頁設計及網頁布局技術

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

　　1.3靜態網頁設計的技術要點

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

　　網頁設計實訓總結篇6

　　實訓的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學，找代碼等等，時間飛速的流逝著，有些學會了，但仍然有不會的。

　　我們的小組從開始就產生了分歧，網站主題不一致。直到制作網站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

　　在規劃網站結構前，我們在互聯網上大量的尋找網站布局規劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調意思及顏色搭配。制作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網頁。

　　選取素材，一個個的`挑，看的越多也變得越難選，好多與自己想要的想差太遠，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。

　　制作網頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結構不搭，改吧。累啊，煩呢，還是得繼續做。做網站是即使出現再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕松了。

　　我們經常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執，也許是其他原因。遇到這種情況時，要有人站出來調節，盡快解決矛盾，否者會影響整體的工作進程，彼此不高興。制作網頁不協調，影響質量。

　　我們這次實訓的目的及要求是：以小組為單位，合作完成從確定網站主題、規劃網站結構、選取網頁素材、到制作網頁內容等步驟，從而掌握網站建設的全流程。同時，培養團隊協作精神，提高綜合運用所學分析、解決實際問題的能力，實現由理論知識向操作技能的轉化。

　　網頁設計實訓總結篇7

　　靜態網頁設計專業實訓總結報告提要：

　　網頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮。

　　插入apdiv標簽，插入圖片，創建超鏈接，設置段落

　　2.1.3作品展示

　　圖一：中秋送祝福

　　2.2項目2

　　2.2.1項目介紹

　　有鐵血戰鷹的的圖片素材及相關資料，對鐵血戰鷹進行描述，創建“鐵血戰鷹網頁”

　　2.2.2關鍵技術

　　應用表格布局，插入橫線對網頁進行美化

　　2.2.3作品展示

　　圖二：鐵血戰鷹

　　2.3項目3

　　2.3.1項目介紹

　　現有自然寫真的圖片，要求自然寫真的圖片在鼠標經過時換成別的圖片，點下導航欄的標題時轉向別的網頁，制作靜態網頁，網頁名稱為自然寫真。

　　2.3.2關鍵技術應用

　　練習頭標題的應用，超鏈接的創建，flash的插入，導航欄的創建。

　　2.3.3作品展示

　　圖三：自然寫真

　　3．實訓過程總結

　　3.1實訓收獲

　　這個階段的實訓我們主要是練習網頁制作及網站發布的各種知識。近些年隨著計算機的廣泛應用，Internet已經成為人們獲得信息不可或缺的媒介，特別是Internet的普及和發展，網絡已經成為了不可或缺的通信手段。無論是最新的新聞信息、新產品的出臺、新游戲的發布、最新的動態，包括等候就業人才的個人簡歷，我們都是可以通過網絡來獲得。但是什么為這提供平臺的呢。我們又是通過什么來獲取這些信息的呢―網頁。由于人們使用網絡的頻繁，網頁作為上網的主要依托就變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。網頁設計直接面對的是大量的用戶，隨時都會反饋回來對網頁的批評建議等，可以根據實際情況進行修改，這樣做可以使使用者用起來更加的方便。

　　Dreamweaver工具為我們實現這些提供了便利，下面我將網頁制作和網站發布的知識總結如下：

　　（1）網頁制作的前期工作是搜集大量的素材，我們的網頁只有是實用的才會是大眾喜歡的，搜集素材以充實我們的網頁。當然我們也應該在此時定下網站的方向是什么，剩下的就是靠Dreamweaver進行編輯；

　　（2）網頁的版式設計，版式設計時我們應該有重點，把重要的內容新聞放在醒目的位置上。規劃各元素在網頁中的位置關系和表現方法，合理安排圖像、文本等元素，使網頁布局合理、美觀大方；

　　（3）文本編寫，我們的網頁中需要大量的文字材料，這就要在網頁編輯器中用HTML語言中的標簽編寫。也可以利用網頁編輯工具的“所見即所得”功能，直接寫入文字。在瀏覽器中運行時出現冗余代碼時返回代碼頁面重新進行查看修改；

　　（4）處理網頁之間的關聯，這主要是建立合理、高效的網頁導航系統；

　　（5）網頁發布過程，主要是將建設好的網頁上傳到服務器中供用戶瀏覽。

　　3.2存在的問題及解決思路

　　（1）在Dreamweaver基礎方面：制作網頁時如何實現網頁不跳轉就可以出現新的.內容，實現頁面內的鏈接；用代碼編寫網頁上的按鈕，實現按鈕的各種功能，如刷新，重置，確定操作。Css樣式表的概念模糊。

　　（2）網站風格方面：一個網站的各個頁面之間風格應該是統一的，只有圍繞一個風格才會成功。

　　（3）網站的內容方面：在制作網站時內容之間應該是相關的，在制作時我們不能追求面面俱到，只能做到精益求精。雜亂無章的網站是不會有大的發展的。

　　4．結束語

　　網頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮，回想各位老師的授課，孜孜不倦，學校的生活固然是快樂，www.但是學校的實訓課程真的很重要，因為它能讓我們這些在校學生接觸到社會的發展，讓我們有時間崗位環境，順利得從單純的校園生活感到復雜社會生活的不同。在這一周的時間里，我一心只做網頁，做自己喜歡的風格的網頁。經歷了一次充實而有愉快的實訓，我學會了制作框架、使用錨點、給網頁網頁插入背景音樂、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現在我心目中的網頁也已經大體竣工，我感到很開心，經過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思。或許實訓的結束代表一段新生活的開始，但是我認為它不但是一門課，需要我們去掌握，同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網頁的過程中，更需要有不錯的藝術審美觀，這樣，你做出的網頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達到頂級。雖然網頁已經完成，可這并不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會主動問老師和同學，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應該怎樣去做事。

【網頁設計實訓總結】相關文章：

網頁設計實訓個人總結（精選10篇）01-16

網頁設計實訓心得15篇03-25