網頁設計實習報告

第一篇：網頁設計實習報告

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

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

一．網站的整體規劃

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

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

3.確定欄目和板塊：

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

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

3]正文的框架設置 （橫向因素和縱向因素交錯）

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

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

二．網頁製作的前期策劃與準備

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

2.熟悉製作工具軟件：

主頁製作的基本條件有：

硬件：

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

軟件：

html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver；

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

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

三．網頁製作

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

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

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

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

四．網頁的調試

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

總結：在www上,不論你是資產上億的大公司,還是捉襟見肘的窮學生,只要你建立了自己的網頁,你們的地位就是平等的。經過這周的相關學習，我瞭解到網頁設計與製作是一門龐大的工程。網站的反饋與評價網站要注意經常維護更新內容、保持內容的新鮮,不要做好就放到服務器永遠不變了,只有不斷地補充、更新內容、才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術,以提高工作效率. 一個真正的網站,不僅應該實現傳統媒體的電子化,給用戶提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數據傳遞,數據存儲以及系統維護等.自己還有許多要學習的地方。

第二篇：網頁設計實習報告

一、確定網站主題

網站主題就是要建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題，網頁設計實習報告。特別是對於個人網站，不可能像綜合網站那樣做得內容大而全，包羅萬象。我們沒有這個能力，也沒這個精力，所以必須要找準一個內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是客戶感興趣的，任何內容都可以，但主題要鮮明，在一定的主題範圍內，內容做到大而全、精而深。

二、蒐集材料

明確了網站的主題以後，就要圍繞主題開始蒐集材料了。常言道：“巧婦難爲無米之炊”。要想讓客戶的網站有血有肉，能夠吸引住用戶，就要儘量蒐集材料，蒐集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然後把蒐集的材料去粗取精，去僞存真，作爲自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面佈局、文字圖片的運用等，而只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁纔能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我在以後會有詳細介紹。

四、選擇合適的製作工具

儘管選擇什麼樣的工具並不會影響設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是dreamweaver和frontpage了，如果是初學者，frontpage2014是首選。除此之外，還有圖片編輯工具，如photoshop、photoimpact等；動畫製作工具，如flash、cool 3d、gif animator等；還有網頁特效工具，如需要有聲有色的效果，網上有許多這方面的軟件，可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個複雜而細緻的過程，一定要按照先大後小、先簡單後複雜來進行製作，實習報告《網頁設計實習報告》。 所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後複雜，就是先設計出簡單的內容，然後再設計複雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發佈到web服務器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有ftp功能，利用這些ftp工具，可以很方便地把網站發佈到自己申請的主頁存放服務器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的人認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上註冊、與別的網站交換鏈接、加入廣告鏈等。還有個是我們公司的特色，在網上推排名，這個宣傳效果也很顯著，人們只要輸入關鍵字最先看到的鏈接，則就是我們公司推上去的鏈接，很好用，訪問量大大提升。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

通過目前的實習，在設計方面我感覺自己有了一定的收穫，也爲了我今後在工作及業務上能力的提高起到了促進的作用，增強了今後的競爭力，爲能在以後立足增添了一塊基石。

但我也認識到，要想做好這方面的工作單靠目前幾月的實習是不行的，還需要我在平時的學習和工作中一點一點的積累，不斷豐富自己的經驗才行。我面前的路還是很漫長的，需要不斷的努力和奮鬥才能真正地走好。

第三篇：網頁設計實習報告範文

利用asp設計網的實習報告

今年11月,我在超想電腦公司實習,本次實習主要是參加超想電腦公司給一個地稅的辦公自動化系統的軟件設計,此軟件採用asp開發。本人在此過程中主要參與了用asp進行網設計,包括新聞欄的創建和自動更新，以及公告欄的創建、使用和維護。通過本次設計，使我更加深入掌握了asp網設計的技巧。下面就是本人在本次實習後的心得。

asp是microsoft公司推出的一種用以取代通用網關接口的技術，英文全稱active server pages。它是一個web服務器端的運行環境。asp本身包含了vbscript和javascript引擎，使得腳本可以直接嵌入html中。現將我們在asp運用過程中的幾個小技巧與大家分享。

一、新聞欄

大多數網上有新聞欄，用以顯示最近新聞的主題，點擊此主題即可查看詳細報道。倘若每天都一條條寫在網上，再依次建立鏈接太過麻煩。如何讓其可以根據文件自動更新呢？

1．預備工作：

1）建一個文件夾，起名爲

第四篇：網頁設計實習報告

一實驗目的

1．學習html語言和dreamweaver，frontpage等工具

2．掌握在本地環境下運用asp技術實現一個簡單的電子商務網站

二實驗的方法和原理

三實驗過程

1.資料的蒐集。

組長分配任務，大家從網站上搜集各種關於手機的資料。

2.熟悉製作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因爲在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

3.構建站點框架。

打開dremweaver後第一步便是新建站點

4設計主頁及二級頁面。

5實現網頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。

6向靜太網頁插入動態效果

四實驗心得

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

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

第五篇：網頁設計實習報告

姓名：王明霞

學號：40

班級：10市場營銷

實習時間：第十三週

實習地點：s-b205機房、句容部分鄉鎮店鋪

網頁製作實習一週心得

一個星期的網頁實訓課結束了，可以說學到很多以前沒有學到的東西。 每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌dreamweaver、photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

實訓第一天，老師選了代表出去採集店鋪的資料作爲網頁的基本素材，並收集各個店鋪的基本資料。如店鋪名稱、商品名稱、服務項目、聯繫電話等。

首先我自己要做的就是要選擇好題目和網站的風格，之後我就分步驟準備在製作網站前所要做好的準備工作。我瀏覽了茗苑茶葉網站的一些特點，借監網站的優秀之處，不好的地方在自己的網站上加以改良，從而使自己的網站更加美觀。

在選擇好題目和網站的風格之後，我就開始了實訓項目的進程，按照實訓方案的規定，先是將網站的總體策劃在腦子裏有個大概的描繪，在相應的時間段找相關的素材，蒐集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構，設計首頁及其頁面的版式結構。在這期間，每一天老師都會指點我們，首先是網頁素材的準備，在網上查看一些網頁背景和背景顏色搭配，讓我瞭解到網頁的顏色不能多過3種色彩。接下來的幾天再結合自己的網頁來進行策劃，在做首頁之前，先用利用photoshop把網頁的結構畫出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。在此次網站的設計與製作過程中，難免會遇到過各種各樣的問題，這畢竟是第一次獨自設計網站、製作網站。但值得高興的是：在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果。

一週網頁設計與製作的實訓課程結束了，回顧這次課程設計實訓，至今我仍感慨頗多。的確，從選材到開始製作，從理論到實踐，在一週的實訓日子裏，可以說得是苦多於甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真爲掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

2014年11月24日星期四