網頁設計實訓報告5篇
在現實生活中，我們都不可避免地要接觸到報告，我們在寫報告的時候要注意語言要準確、簡潔。那麼，報告到底怎麼寫才合適呢？以下是小編收集整理的網頁設計實訓報告，供大家參考借鑑，希望可以幫助到有需要的朋友。
網頁設計實訓報告 篇1
靜態網頁設計專業實訓總結報告提要：
網頁設計實訓就快結束了，在這短短的兩週裡，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閒就會想到學校裡青蔥歲月，簡單流暢，無憂無慮。
插入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、導航條等更深層次的掌握了它們的用法，現在我心目中的網頁也已經大體竣工，我感到很開心，經過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思。或許實訓的結束代表一段新生活的開始，但是我認為它不但是一門課，需要我們去掌握，同時還可以鍛鍊我們的邏輯思維能力和思維的嚴密性，還有就是在製作網頁的過程中，更需要有不錯的藝術審美觀，這樣，你做出的網頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鑽研這門課，力求這方面的技能達到頂級。雖然網頁已經完成，可這並不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會主動問老師和同學，直到弄懂為止！讓我更加清楚地明白老師平日裡的良苦用心，也更加清楚地明白了自己以後應該怎樣去做事。
網頁設計實訓報告 篇2
前言
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等常見形式為字尾，而不含有“?”;網頁內容一經發布到網站伺服器上，無論是否有使用者訪問，每個靜態網頁的內容都是儲存在網站伺服器上的，也就是說，靜態網頁是實實在在儲存在伺服器上的檔案，每個網頁都是一個獨立的檔案;靜態網頁的內容相對穩定，因此容易被搜尋引擎檢索;靜態網頁沒有資料庫的支援，在網站製作和維護方面工作量較大，因此當網站資訊量很大時完全依靠靜態網頁製作方式比較困難;靜態網頁的互動性較差，在功能方面有較大的限制。
網頁設計實訓報告 篇3
不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次遊戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄雲外，我會繼續學習網頁設計技術，把它變為自己的一項特長。
回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的網站，做出留言板、註冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以儘管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因為我覺得以前那個真的不是太好，儘管實操的時間過去了一半，儘管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。
在製作個人網站時我們首先：
一、必需進行個人網站前臺功能設計
包括個人網站主題的確定，前臺功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜尋等網頁設計與管理。
二、對個人網站後臺管理功能設計
包括個人網站後臺管理功能的設計、後臺管理資訊系統功能的設計、後臺系統許可權管理、後臺檔案管理、個人網站後臺管理系統主頁設計。
三、網站的釋出
通常我們釋出一個網站可能以能過域名註冊，但我們也可以利用自己主機，裝了iis別人就可以透過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。
四、個人網站推廣
一個網站做好了，就要對個人網站進行推廣，這是一個電子商務網站必需做得的一步，因為如果你不對你的網站進行推廣，就算你釋出了也沒有人會知道的。
在設計這個網站時真的體會很多東西，從一開始網頁主題的確定，到主頁總體的設計、蒐集資料、前臺功能設計與管理、後臺功能設計與管理、每個分頁面的設計等。我都一一進行了規劃，因為如果你不規劃好，想做什麼就做什麼，是不會做得好的。因我為體會到這一句話：“機會中屬於有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄佔多少。因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql資料庫實操做過了，所以今次在做就比較輕鬆，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這麼多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access資料庫，第二次我用的是sql資料庫加許可權管理，第三次我用的是資料來源名稱的連線，第四次我用的是自定義連線字串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那麼多嗎?但我想說的就是不是這麼多次的練習，不是之麼多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕鬆教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。
網頁設計實訓報告 篇4
本學期的網業設計課程，開展了動態思維訓練教學活動，對於我們學生來說，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網路資源，結合教材及老師的指導，透過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。
一.充分發揮動手能力
作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變為主動參與教學活動。在這樣的壓力和動力下，透過自己動手、動腦，透過網路資源，老師的指導，在不斷髮現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。
二.在設計過程中不斷提高網頁設計水平
在本次網頁設計中，我不僅學到了很多關於網頁設計方面的知識，也從中學會了關於網路、程式設計等方面的知識。我從最初開始運用FrontPage設計網頁，到後來運用Dreamweaver、Flash、Fireworks等網軟體設計網頁，完善網頁。在這個過程中，我透過自學教材、上網查詢，學習了Dreamweaver、Flash、Fireworks等網頁軟體的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控制元件的製作等等。在設計過程中也出現了很多的問題，但透過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。
三.不足之處
由於平時工作比較繁忙，學習時間比較少，對於網頁設計軟體的強大功能運用得還不夠。在網頁設計過程中，由於沒有網頁製作程式碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效指令碼也是很麻煩。在網頁製作過程中，想提高設計水平，想有個理想的網頁，必須學會程式碼的.運用，我將在以後的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下程式碼，讓我也對它有個初步的認識，以後再加強學習也才會有所提高。
總體來說，透過今次的對網頁設計的學習，有收穫也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑藉我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今後的日子裡多指導。
網頁設計實訓報告 篇5
為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最後一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多程式設計方面的知識，這些知識的積累是非常重要的。
本次實訓的主要目的是讓我們來做一個網上商城，通過了解ASP的框架以及結構，熟悉ASP.NET應用程式的執行環境及開發平臺和其內建物件的屬性以及其方法，以及其介面的設計程式碼讓整個系統能正常的執行，透過寫每個頁面的功能實現程式碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠實現網上購物的一系列流程。我們小組主要應用ASP.NET設計一個網上圖書商城，完成對資料庫的基本操作。根據所安排的課題專案，設計出一個結構基本完整，具備一定應用功能的網上圖書商城。要求具有一定的內容，程式介面使用ASP.NET的WEB控制元件，可以完成會員的圖書瀏覽、資料檢索、登陸、註冊、購書、修改會員的各種資訊等。
我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現的功能主要有：圖書的展示、新書上架、圖書搜尋、會員登陸、圖書詳細情況的呼叫。另外，我還設計製作了資料庫中的圖書資訊表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀簡潔，工作量是蠻大的。經過此次實訓，使我比較全面、系統的瞭解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以後的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西，在這個實習過程中我基本把它們弄懂了，可以說這是對我所學知識的複習和深化。對於難點的克服，我除了請教老師、詢問同學外，課後也找了一些相關書籍看了看，在實訓的過程中真的學了很多知識，受益匪淺。
其實，實訓不僅僅是為了讓同學們完成任務而展開的學習計劃，更是要培養學生的學習能力和精神。我也深刻認識到：在學習過程中密切聯絡生活和工程實際，激發學習的求知慾，培養我們的科學精神和創新精神;培養學習對待工作和學習要耐心、細心和一絲不苟、精益求精的職業習慣等精神和素養是十分重要的。
實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支援，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們!
天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。
加油吧，為我們的理想!
【網頁設計實訓報告】相關文章：