品才網>設計>網頁設計實訓報告

網頁設計實訓報告

時間：2024-01-13 17:39:58 博耿設計我要投稿

網頁設計實訓報告（精選11篇）

　　在日常生活和工作中，報告的使用成為日常生活的常態，通常情況下，報告的內容含量大、篇幅較長。寫起報告來就毫無頭緒？下面是小編幫大家整理的網頁設計實訓報告（精選11篇），僅供參考，希望能夠幫助到大家。

網頁設計實訓報告（精選11篇）

　　網頁設計實訓報告 1

　　現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的，

　　我利用寒假的時間，對網頁設計進行了初步的認識和了解，并基本掌握Dreamweaver的應用。

　　通過對網頁設計書籍的翻閱，我學習到了一些關于建設網站和制作網頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的'掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網頁軟件的綜合應用。

　　下面闡述一下我在翻閱《Dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。

　　首先，要·確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用;其次，要了解你網站所在行業的客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

　　在完成以上的基本內容之后網頁的基本框架便成形成了，

　　下面要開始的便是優化工作，

　　內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站 (有很多頁面) 的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

　　如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片，Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

　　總體來說，通過這個假期對網頁設計的學習，有收獲也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

　　網頁設計實訓報告 2

　　不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.

　　自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄云外，我會繼續學習網頁設計技術，把它變為自己的一項特長。

　　回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的網站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以盡管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因為我覺得以前那個真的不是太好，盡管實操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。

　　在制作個人網站時我們首先：

　　一、必需進行個人網站前臺功能設計

　　包括個人網站主題的確定，前臺功能設計與管理、個人網站主頁設計、個人網站留言板、注冊、忘記密碼、搜索等網頁設計與管理。

　　二、對個人網站后臺管理功能設計

　　包括個人網站后臺管理功能的設計、后臺管理信息系統功能的'設計、后臺系統權限管理、后臺文件管理、個人網站后臺管理系統主頁設計。

　　三、網站的發布

　　通常我們發布一個網站可能以能過域名注冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。

　　四、個人網站推廣

　　一個網站做好了，就要對個人網站進行推廣，這是一個電子商務網站必需做得的一步，因為如果你不對你的網站進行推廣，就算你發布了也沒有人會知道的。

　　在設計這個網站時真的體會很多東西，從一開始網頁主題的確定，到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。我都一一進行了規劃，因為如果你不規劃好，想做什么就做什么，是不會做得好的。因我為體會到這一句話：“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因為我深深懂得“細微處才見真功夫”。

　　在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數據庫實操做過了，所以今次在做就比較輕松，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫，第二次我用的是sql數據庫加權限管理，第三次我用的是數據源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎?但我想說的就是不是這么多次的練習，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕松教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。

　　網頁設計實訓報告 3

　　1、預期目標

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

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

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

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

　　一、關鍵技術：

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

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

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

　　(4)有框架、有表單;

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

　　(6)Dreamweaver模板技術;

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

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

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

　　二、解決途徑

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

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

　　一、方案設計

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

　　(1)確定網站內容為仙劍奇俠傳4,并制定詳細的策劃報告

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

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

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

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

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

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

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

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

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

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

　　4.自我評價

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

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

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

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

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

　　網頁設計實訓報告 4

　　實驗項目：ASP基礎

　　實驗時間：20xx年3月9日

　　一、實驗基礎知識：

　　1、什么是客戶端腳本，什么服務端腳本？所謂腳本是指嵌入到WEB頁中的程序代碼，在服務器端運行的腳本語言是服務器端腳本，在客戶端運行的腳本是客戶端腳本。客戶端腳本由一個配備了解釋器的WEB瀏覽器處理，當一個瀏覽器的用戶執行了一個操作時，不必通過網絡對其作出響應，客戶端程序就能完成任務，常見的客戶端腳本語言有：javascript，VBScript。服務端腳本則是在WEB服務器上執行生成代碼，然后發送到瀏覽器，在瀏覽器上收到的只是執行后的標準HTML文件，常見的'服務器端腳本語言有：PHP，jsp，asp

　　二、實驗內容：

　　1、掌握用DW創建動態站點的方法：將IIS的網頁發布主目錄設在D盤，名為。利用DW新建一個動態站點，站點的本地信息和測試服務器設置如下：

　　2、新建一個ASP頁面，用VBscript編寫一段服務端腳本，在客戶端瀏覽器中輸出“Hello！World”，將該頁面以index1.asp為名保存在d:中，然后訪問index1.asp頁面，將結果截圖插入下面的空白文檔中：

　　3、新建一個ASP頁面，用VBscript定義變量r，area，PI，然后給變量r，PI賦值，并計算出相對應的圓面積，保存文件為index2.asp，然后訪問index2.asp頁面，將結果截圖插入下面的空白文檔中：

　　4、新建一個ASP頁面，其要求如下:寫一個已知三角形三邊長，求三角形面積的程序。保存文件為index3.asp，然后訪問index3.asp頁面，將結果截圖插入下面的空白文檔中：

　　5、利用DW在當前站點下新建一個文件，index5.asp，其功能如下：用response輸出如下圖片：

　　網頁設計實訓報告 5

　　這是我的第一次實訓，然而當一個大學生第一次踏足這個社會，或許會覺得彷徨，畢竟年輕的我們，有16年都是在學校中度過的，再加上不斷的聽聞實訓、招聘的社會有多殘酷有多現實，但是其實只要我們愿意踏出第一步，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向學的心情，我還是決定闖一闖，畢竟大學這個亞社會和真實的社會真的差太多太多了，在實訓中，得到任何與自己專業相關的知識，規劃自己以后將要實現的目標，學會如何在公司里處理人事關系，協調合作等等。然而實訓后，發現自己仍在在所學的知識上欠缺完整性和技能的熟悉，實訓是一件很有意義的事，是大學生踏入社會前減少在社會上碰壁的好方法。

　　實訓內容與過程

　　回顧這一個月來的實訓生活是一件很值得紀念的事，這是我第一次在外實訓，第一次在網上投簡歷能收到回復。對于我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統，很抽象，很大概，如果可以，我希望這個專業的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。在外實訓前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實訓期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業的創業團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂于這份工作。

　　記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當時對產品了解不熟悉，要從學校的圈子走出來到商業模式去還是有點顧慮，但是當你接觸到這商業化的東西，你會發現，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美--web界面設計如果讓用戶心動》(點擊跳到本人的讀書筆記)一書后，就再也很難抽取一點時間來閱讀了。

　　在接下來的這個月里，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再xx月xx日這個好日子發布。剛開始的兩個星期，因為對產品并不熟悉，一直以來在學校設計的作品都很“學校”但是商業設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客戶給要求按照客戶的想法去做。至于什么叫很學校呢，就是一種填鴨式的，根據參考去模仿設計，然而在社會上涉及很多版權問題，所以商業上的設計基本上都是原創或者參考過后進行大幅度的提高審美設計，其次因為涉及商業利益，在商業的角度上，商業的資金來源是客戶，所以他們的需求來源于客戶，注重用戶感受的設計，是一個好設計。其實設計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設計家門隨心所欲的設計出自己喜歡，人們喜歡，客戶滿意的東西。設計來源與生活，應用于生活，我還需要多多積累。

　　xx月xx日這個內部版本中，我主要的工作就是設計界面，然后photoshop切圖，然后繼續傻傻的使用習慣的notepad2++手寫html和css。經歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關心我，提醒我應該有自己的就業方向，3年5年20xx年的計劃，說長不長說短不短的大學2年已經過去了。我應該有怎樣的人生，我有想過，但卻還沒如此認真的付出著。我想起老板那句，你喜歡設計?你覺得設計適合你嗎?我真的很需要考慮我的以后，但目前設計還是我喜歡的事情，我也愿意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。

　　當xx月xx日一過，為慶祝產品大賣，公司還組織爬山活動，然而平常我們在深山中休養學習的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。

　　產品的初步版本確定之后，就要開始慢慢的改進了。william作為產品經理，不僅要領導著整個團隊，還要協調工作的進度。他會制作出甘特圖，通知每個人需要做什么事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉牛角尖，而這樣會導致拖慢整個進度，然而在這個環節，我學會的最多的事，做事情要分優先級。總體要現出來，大方向，模糊地對，細節的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。

　　從xx月xx日開始到xxxx日，又是另一個版本的小跨越，一個星期里做的事并不多，除了不斷配合小楊完善頁面的重構和美化工作，還要檢查最繁瑣的兼容性問題，心里知道很多房地產經紀人使用的電腦基本上都是深度、雨林木風、電腦公司特別版的ghost系統，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。

　　xxxx日的第二個小版本后，會議總結了3頁的分條建立修改文件，當看見滿是修改意見的一行行文字，寫上我負責的q，心理是有點擔心，是否能在期限內完成工作，然而15日這次的爬山活動并沒有參加，因為我知道我應該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時間設計虎之翼公司的logo和網頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉的很快了，因為沒有創作來源，讓我在上下班的.途中朝思暮想的想著設計，充分利用上下班的塞車時間，不斷的觀看經過車窗的各型各類的廣告來尋來創意來源。最后還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，后來多了好多個人，很羨慕參數組，能有說有笑的工作，但是我這項工作，我不是一個人在戰斗。再后來，開始招聘銷售，因為產品到xxxx號就要正式發布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至xxxx日，才基本完成。

　　希望，我的能力能幫到公司，獻出我自己一份的力量。

　　實訓心得與體會

　　從開始的實訓，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。通過這次的實訓，不僅讓我覺得我應該改變自己的內向，學會轉變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業真的很需要培養與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規劃好自己的未來，才能更好得在崗位上發揮自己的才能。

　　最后感謝，dav給我這么一個機會，留在公司實訓，公司不僅需要各類型的人才，更需要一個有堅定和遠見的老板;感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但后來才知道是pm，不過沒有變的，總是耐心地培養我，給我很多資料和很多網站，提高自己的審美和用戶體驗感受;感謝mk，認真的時候很認真，玩的時候還像個大孩子，喜歡和參數組交流時逗逗我，調劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那么沉悶;感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調，快遞要發票的時候，會為公司的財政斤斤計較，到后來q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學jsp，后來小白走了，你又要一個人辛苦了;感謝adam，強硬的技術支持，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。

　　我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!

　　網頁設計實訓報告 6

　　一、實訓目的

　　① 學會制作新聞發布系統。

　　② 學會制作在線調查系統。

　　③ 熟悉購物網站的主要功能和欄目。

　　④ 學會購物網站數據庫表的創建和數據庫連接的創建。

　　⑤ 學會購物系統前臺頁面制作和后臺管理制作。

　　二、實訓內容

　　1.創建數據庫表

　　① 啟動Microsoft Access ，執行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數據庫”。

　　② 彈出“文件新建數據庫”對話框，在對話框中選擇數據庫保存的路徑，“文件名”文本框中輸入shop。

　　③ 單擊“創建”按鈕，在對話框中雙擊“使用設計器創建表”選項。

　　④ 彈出“表1：表”對話框，在對話框中輸入“字段名稱”和字段所對應的“數據類型”，將shopID字段設置為主鍵。

　　⑤ 執行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。

　　⑥ 單擊“確定”按鈕，保存表。按以上步驟的方法，創建表fen和admin。

　　2.創建數據庫連接

　　新建一個網頁文件夾，打開IIS信息服務，創建IIS虛擬目錄，在文件夾安全性把來賓用戶的權限修改為完全控制，并導入數據庫。

　　3.制作購物網系統頁面

　　① 用index.html創建zhanshi.asp商品分類展示頁，新建站點，導入shop.mdb數據庫文件建立數據庫連接。插入表格并插入圖片、文字，創建記錄集并在表格相應位置綁定數據。在服務器行為里為表格設置重復區域，創建記錄集RS2并在左邊的商品分類表格里綁定

　　數據，在服務器行為里為左側的表格添加重復區域和轉到詳細頁，制作記錄集導航條。

　　② 用index.html創建xiangxi.asp商品詳細信息頁，首先創建記錄集并制作左側的商品分類表格，之后在中間區域插入表格，在表格中插入圖片、文字，創建記錄集RS2并將數據綁定在表格相應位置。

　　③ 用index.html創建denglu.asp商品詳細信息頁,創建記錄集并制作左側的商品分類表格，在中間區域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設置檢查表單。創建記錄集RS2并在服務器行為里添加登錄用戶。

　　④ 用index.html創建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創建記錄集并在服務器行為里添加插入記錄和限制對頁的訪問。再用index.html創建fenleiok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　　⑤ 用index.html創建tianjia.asp添加商品頁，創建記錄集，用插入記錄表單向導創建插入記錄表單，在服務器行為里添加限制對頁的訪問。再用index.html創建tianjiaok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　　⑥ 用index.html創建guanli.asp商品管理頁，創建記錄集并制作左側的商品分類表格，在中間區域插入表格并插入文字，創建記錄集RS2并在表格相應位置綁定數據，為該表格設置服務器行為的重復區域，制作修改和刪除鏈接，制作記錄集導航條。

　　⑦ 用tianjia.asp創建xiugai.asp修改頁面，創建記錄集在對應的文本域中綁定數據，把服務器行為里的插入記錄刪除并添加更新記錄。在服務器行為里添加限制對頁的訪問。再用index.html創建xiugaiok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　　⑧ 用index.html創建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應位置綁定數據，插入表單和表單按鈕，創建服務器行為限制對頁的訪問和刪除記錄。再用index.html創建shanchuok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　　三、疑難解惑

　　① 網頁不能正常打開，電腦用戶權限沒有修改，在文件夾安全性把來賓用戶的權限修改為完全控制。

　　② 創建重復區域時，總顯示相同的'內容，仔細閱讀教材，發現創建重復區域時要選中表格，而不是文字內容。

　　③ 登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。

　　④ 創建添加商品頁面時，無法顯示商品分類。在插入記錄表單時，應將feileiID"顯

　　示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。

　　⑤ 修改頁面點進去初始內容都一樣，“唯一鍵列”下拉列表中應選擇shpID。

　　⑥ 商品分類點進去每個種類都一樣，查找原因，發現記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。

　　四、實訓心得

　　經過一周動態網頁的實訓，使我們對本學期的這門課進行了整體的匯總。在這匯總期間，也算是對自己本學期的一個考核，此次實訓暴露出了許多我自身存在的問題，同時也對自身有了很大的提高。

　　在這次實訓中，我也有許多收獲。首先，我體會到了作為一個計算機專業的人，不會用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作動態網頁，難免會遇到過各種各樣的問題，同時在制作的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷，弄清的以前沒有搞懂的知識點。經過多番的努力和辛酸，我成功地完成了這次過程艱辛的實訓，而且我從中體會到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會的。

　　在實訓過程中，我更體會到了基礎知識的重要性，也許我們正在迷惘，我們是否學到了東西，但事實說明零零散散的知識，在項目開發當中起到了非常關鍵的作用，我們不缺少時間和工具，我們只是缺少經驗和動手能力，如果我們以后能更好的在各方面增長自己的經驗，相信我們能在長長的就業隊伍中脫穎而出的!相信自己，相信未來。今后我將會更加努力的學習，不斷提高自身素質，為我將來的就業打下良好的基礎。

　　網頁設計實訓報告 7

　　本學期的網業設計課程，開展了動態思維訓練，對于我們學生來說，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

　　一、充分發揮動手能力

　　作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變為主動參與教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網絡資源，老師的指導，在不斷發現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

　　二、在設計過程中不斷提高網頁設計水平

　　在本次網頁設計中，我不僅學到了很多關于網頁設計方面的知識，也從中學會了關于網絡、編程等方面的知識。我從最初開始運用FrontPage設計網頁，到后來運用Dreamweaver、Flash、Fireworks等網軟件設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了Dreamweaver、Flash、Fireworks等網頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的制作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

　　三、不足之處

　　由于平時工作比較繁忙，學習時間比較少，對于網頁設計軟件的'強大功能運用得還不夠。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁制作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。

　　總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今后的日子里多指導。

　　網頁設計實訓報告 8

　　一、實訓目的

　　1．進一步熟悉和掌握網站建設的基本流程和技術規范；

　　2．鞏固運用Dreamweaver網頁制作軟件制作網頁、特別是制作動態網頁的知識；

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

　　4．鞏固綜合運用Dreamweaver、Fireworks、flash三個軟件完成網站建設任務的方法，能獨立設計一個內容完整、圖文并茂、技術運用得當的網站；

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

　　6．在網頁設計的實踐中培養分析問題、解決問題的能力，培養協作、交流的能力，培養創新能力和團隊意識。

　　二、實訓任務

　　1．站點規劃，搜集資料。確定網站主題內容，規劃站點結構，從網上搜索相關資料（圖片、文字等）。

　　2．進行主頁設計。構思主頁布局，進行主頁標題圖片的設計（要求原創），進行主頁其余圖片的設計和頁面內容的錄入，最后進行主頁的整體優化設計。

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

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

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

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

　　三、實訓項目網站

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

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

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

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

　　3、插進的音樂撥不起，格式不對。

　　4、按照設置浮動文字的形式插入浮動的圖片。

　　五、實訓體會

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

　　網頁設計實訓報告 9

　　一、開發背景

　　通過教學實習掌握站點制作、站點測試與發布技術。會綜合利用Photoshop、Flash和Dreamweaver三個軟件進行靜態網站的設計。加上ASP技術和CSS+DIV進行昂也布局，實驗頁面的效果。

　　二、設計思路

　　我做的大致算是一個服裝企業推廣的小型網站。網站主頁，一般都會包括首頁，管理，鏈接，公司的產品圖片文加字說明，我的網站主頁也不例外，包括次首頁，圖片（展示照片），關于（關于自己的文字，關于本站的一些說明），鏈接（比較有名的站點）。不同的是，我自己獨立的構思使頁面完整化。

　　三、網站規劃

　　1.頁面大小布局

　　2.網頁logo

　　3.設計網站導航條；

　　4.網頁flash

　　5.搜索框

　　6.產品展示

　　四、技術介紹

　　基于asp動態網頁技術的.學習

　　從建立的數據庫中讀出圖片；圖片存儲為路徑；并按一行5個排列；大于五個自動換行。網頁設計實訓報告

　　css+div的頁面布局

　　多出用到css+div是整個頁面更加美觀。Logo的css樣式：

　　登陸界面的css：網頁設計實訓報告

　　font-family:"黑體";}

　　五、頁面設計（抓圖）圖片1

　　圖片2

　　圖片3

　　六、網站測試

　　應用動態asp技術，用iis或者安裝的小旋風進行本地的測試。

　　第3頁共4頁網頁設計實訓報告

　　七、實訓總結

　　在我看來，設計網頁，應該先策劃，策劃很重要，加上創意，配色很重要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應的英語，見名知意，如圖片文件夾用image。

　　在所有配色當中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

　　通過此次實訓,我覺得平面設計的創意思維、版面設計、色彩配置、圖形創意等方面都有很重要，對于網頁制作來說，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內容的多種影響。網頁設計的技術不算什么困難，真正困難的是網頁的設計創意，文字我覺得也很重要，有些人瀏覽你的網頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調，不可能用一張美女圖做背景，上面卻寫有關于親情的文章。也就是整體的搭配問題。

　　通過此次實訓，使我對于網頁制作的三大軟件有了進一步的了解，各功能都能夠實現。提高了自己的鑒賞能力，綜合搭配能力，也對以前學過的內容進行了綜合的復習。

　　通過此次實訓，我更了解到，生活中有許多色彩，搭配顏色的時候，聯想到生活中的東西會做的更漂亮，給人一種親切感，現在看到什么東西，我就會聯想到做網頁的時候，還有怎么布局。反正此次實訓收獲很多。

　　網頁設計實訓報告 10

　　為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。

　　本次實訓的主要目的是讓我們來做一個網上商城，通過了解ASP的框架以及結構，熟悉ASP.NET應用程序的運行環境及開發平臺和其內置對象的屬性以及其方法，以及其界面的設計代碼讓整個系統能正常的運行，通過寫每個頁面的功能實現代碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠實現網上購物的一系列流程。我們小組主要應用ASP.NET設計一個網上圖書商城，完成對數據庫的基本操作。根據所安排的課題項目，設計出一個結構基本完整，具備一定應用功能的網上圖書商城。要求具有一定的內容，程序界面使用ASP.NET的WEB控件，可以完成會員的圖書瀏覽、數據檢索、登陸、注冊、購書、修改會員的各種信息等。

　　我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現的功能主要有：圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調用。另外，我還設計制作了數據庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀簡潔，工作量是蠻大的。經過此次實訓，使我比較全面、系統的了解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以后的.學習和工作打下了堅實的基礎。以前沒有學懂的一些東西，在這個實習過程中我基本把它們弄懂了，可以說這是對我所學知識的復習和深化。對于難點的克服，我除了請教老師、詢問同學外，課后也找了一些相關書籍看了看，在實訓的過程中真的學了很多知識，受益匪淺。

　　其實，實訓不僅僅是為了讓同學們完成任務而展開的學習計劃，更是要培養學生的學習能力和精神。我也深刻認識到：在學習過程中密切聯系生活和工程實際，激發學習的求知欲，培養我們的科學精神和創新精神;培養學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業習慣等精神和素養是十分重要的。

　　實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支持，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們!

　　天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。

　　加油吧，為我們的理想!

　　網頁設計實訓報告 11

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

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

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

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

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

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

【網頁設計實訓報告】相關文章：