在當下社會，接觸並使用報告的人越來越多，通常情況下，報告的內容含量大、篇幅較長。你知道怎樣寫報告才能寫的好嗎？下面是小編精心整理的網頁設計的實習報告4篇，歡迎閲讀，希望大家能夠喜歡。
一、任務內容
原計劃打算以“植物”為主題，在設計過程中發現範圍過於寬泛，無法完成主題的設計。因自己十分喜愛梔子花且有所種植經歷，經考慮後重新確定了以“梔子花”為主題的網頁設計內容。主要分為一、梔子花的文化，二、梔子花的種類和生長特性以及三、我的梔子花三個模塊。
其中，模塊一使用幻燈片進行演示，主要分為關於梔子花的詩句、梔子花的傳説以及梔子花的藴涵三個部分。模塊二採用網頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過我的展示，讓他人對梔子花有所瞭解。
二、設計步驟
一、構思
首先，對梔子花的種類進行簡單的介紹；其次，對梔子花的文化內涵進行簡要描述；最後，展示自己種植的梔子花成果。因此，此次作業共由三部分網頁【一、主頁、二、梔子花的種類和生長特性、以及三、自己種植的梔子花的圖片三個模塊。】和一組幻燈片【梔子花的文化】構成。其中模塊二【梔子花的種類和生長特性】採用網頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便於瞭解。
二、取材
主要從網絡上獲取所需的圖片、音樂等關於梔子花的素材，其中部分照片從個人相冊中獲取。
三、設計 （一）網頁設計
模塊一、梔子花的文化以及模塊三、我的梔子花采用網頁設計。
在首頁添加表格，在表格內增添標題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術字對首頁進行豐富和充實。在部分文字以及圖片上增加超鏈接，與三個模塊進行連接，便於翻閲。
在模塊二中採用網頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內採用表格對網頁進行劃分，對梔子花進行概述和分類描述。插入圖片，便於直觀的瞭解各個種類的梔子花。其中，各個種類的梔子花展示位於網頁模板的右方，在左方進行總説，並通過超鏈接與梔子花的分類説明建立聯繫。
在模塊三中，通過繪製表格對網頁進行大小不同的劃分，插入梔子花的圖片拼接成整個網頁。
（二）幻燈片設計
此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字説明，未對幻燈片進行大量的美化和修飾，主要目的是為了讓他人關注瞭解梔子花的豐富的內涵和文化。
（三）flash設計
此次flash設計主要用於美化模塊二中對大葉梔子以及雀舌梔子的介紹過程。
四、美化
（一）添加背景音樂
在主頁以及各個模塊中均插入了背景音樂。
（二）設計網頁過渡 （三）添加超鏈接
三、採用的方法與手段
（一）使用Frontpage製作網頁
單擊新建網頁可選擇新建空白網頁或其他網頁模版。
單擊表格，選定繪製表格或佈局表格或單元格即可繪製單元格。 選定單元格，單擊鼠標右鍵選定背景即可插入背景圖片。
選定網頁，單擊鼠標右鍵，選定網頁屬性，瀏覽格式即可添加網頁背景。 選定單元格，即可輸入文字。
選定插入，選擇插入圖片或藝術字即可插入圖片或藝術字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網頁過渡，即可設計網頁過渡效果。
（二）使用Powerpoint製作幻燈片
單擊鼠標右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。
單擊插入，選擇圖片，即可添加圖片或者藝術字。
選定文字，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。 選定幻燈片，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。 選定藝術字，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。、
（三）使用Flash製作動畫
單擊插入新建元件，即可進行元件的編輯。
單擊15幀或30幀，單擊鼠標右鍵，選擇插入空白關鍵幀。 單擊第一幀或第15幀，選擇補間，選擇形狀或動畫即可。
網頁設計的實習報告 篇2網絡發展到今天，建立網站已經成為一個很普遍的問題了，對於一個企業來説，建設好自己的網站可以搶佔新世紀發展的戰略要點。建立新的企業形象，直接開拓國際市場，開展24小時網上營銷及高效廉價的定向宣傳；與客户建立最直接的交流機制，縮短推出新產品和打開新市場的週期，與富有吸引力的客户羣發展客户關係網；與自己的銷售人員保持聯繫，進一步面向本地市場。
出色的網站吸引人的地方不僅僅在於其內容，鮮明的結構和獨特的風格往往能起到畫龍點睛的作用。一個網站即使內容再豐富，如果網站的結構和風格不能吸引人，那也是毫無價值的。往往整個網站的風格是一個網站吸引瀏覽者的魅力所在，因此應當根據網站的主題、內容和瀏覽者的要求來設計自己獨特的網站風格。
整個網站的結構和內容都是在開始設計之前就已經經過詳細的計劃的。其實任何網站都一樣：企業網站的宗旨就是對外宣傳企業形象，發佈企業最新的企業產品，其服務羣體就是為對其產品感興趣的客户或者正在使用企業產品的用户服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客户、服務羣體等多方面來確定的。
本站是一個用Dreamweaver、Flash、PHP、SQL server20xx設計編寫的美食網站，主要包括6個模塊：首頁，菜譜，廚房，食材，飲食健康，飲食資訊等。通過本網站系統能提供各種與美食相關的信息以及各種美食信息的交流。與其他企業網站一樣，也應通過Internet來對外宣傳網站。
建立以Dreamweaver，Flash等技術編寫的前台表現模塊，為用户提供方便快捷的信息服務與交流。隨着網絡技術的迅猛發展，互聯網的快速發展使越來越多的人選擇從互聯網上獲取信息，因此，互聯網逐漸成為一個寬廣的.信息發佈平台和獲取信息的平台。本網站系統就要有用户註冊和新聞發佈兩大動態功能。通過以PHP編寫，以SQL 20xx作為後台數據庫的網站後台管理系統，製作了一個簡單的美食網站系統，實現了美食網站用户登陸、註冊以及新聞發佈等功能。
第一章 項目需求分析
1.1需求分析
互聯網豐富多彩，這些信息大多通過網頁與用户進行交互。網頁的實現形式多種多樣，無論是短小精悍的個人主頁，還是結構清晰、豐富的大型網站，網站的需求分析和規劃設計都要放在第一步，因為它直接關係到網站的功能是否完善，質量是否能夠達到保證。
1.2實訓目的
網站的建設不僅僅是製作主頁的問題，還需要考慮網站的定位、目標用户、網站內容、服務事項、空間方案、安全性、藝術設計、數據庫技術等等。任何網站在建設之前就必須明確方向、用途和服務羣體等一系列的問題，寫出詳盡的建站計劃，可以説這是網站建設的根源和核心所在。作為一個美食網站，我們的服務羣體及訪問者都定位在愛好和熱愛美食的大眾，為為大家服務就是我們這個網站的目的和方向。從整個頁面上可以看出，我們的這個整個網站涉及所有熱愛美食的人。整個網站的結構和內容都是在開始設計之前就已經經過詳細的計劃的。其實任何網站都一樣，企業網站的宗旨就是對外宣傳企業形象，發佈企業最新的企業產品，其服務羣體就是為對其產品感興趣的客户或者正在使用企業產品的用户服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客户、服務羣體等多方面來確定的。
通過綜合實訓進一步鞏固，深化和拓展學生的理論知識與專業技能。
訓練和培養學生獲取信息和處理信息的能力,充分培養和提高學生的動手能力,學會通過網站、書籍、素材光盤等方式收集所需的文字資料、圖象資料、flash動畫和網頁特效等。
培養學生運用所學的理論知識和技能解決網站開發過程中所遇到的實際問題的能力及其基本工作素質。
培養學生理論聯繫實際的工作作風,嚴肅認真的科學態度以及獨立工作的能力,樹立自信心。
網頁設計的實習報告 篇3一、 實習目的
(一) 檢驗自己是不是真的適合這個職業
鑑於自己對未來的職業生涯的規劃更傾向於設計，這和自己所學的專業不是
十分有聯繫，所以我希望在實習的過程裏思考自己未來是否適合從事這方面的工作，為以後求職之路少走彎路做一定的嘗試。
(二) 在實踐中查漏補缺
在學校學習的網站建設知識僅僅停留在平時的作業裏，並沒有得到充分的運
用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發現問題，解決問題對知識進行查漏補缺。
(三) 在工作中打磨自己
由於學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以
像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習裏，和同事上司的相處中獲得這方面的成長。
二、 實習內容
(一) 實習主要內容
廣州xxxx有限公司是一個研發和銷售智能寄存櫃的公司。它的產品在展示和
銷售這兩個環節很需宣傳冊、企業網站等作為一個推廣媒介。我實習的主要內容就是配合網絡部去完成網站建設的工作，涉及前台的外觀設計和後台的代碼編寫，以及宣傳冊的設計。
1、負責設計公司整個企業網站的頁面部分,根據網頁設計師或客户所提供的主題要求和思路框架來設計出整個網站。
1）使用Photoshop、AI等圖片處理軟件設計、處理和製作網站上需要的圖片
2）使用DIV+CSS樣式及基礎的HTML語言做頁面佈局的排版
3）使用Photoshop對網頁進行配色及排版設計
4）編寫CSS代碼使網站頁面無論是在IE瀏覽器裏還是在FF瀏覽器上正常顯示
2、負責網站的幾個主體模塊的文案撰寫和後台編輯
1）在已有的文案上配合網站架構進行提煉和歸納整理
2）使用Photoshop對文案進行概念配圖
3）在後台將文案部分合理配色排版
4）按照網站架構在後台錄入所有產品資料
(二)工作過程
在公司的2個多月裏，我的工作都是由負責整個網站文案架構的曹經理分配
監督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他並沒有過多的考察我在網站製作上的技術問題。更多的從我對網站設計方面的配色排版的現有審美以及做事的認真細緻程度去考察的。從一開始我就以踏實認真的態度對待每一項他交付給我的任務。下面我挑選一些讓我收穫很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點説一下。
1、 經理讓我按照網頁設計師提供的jpg稿變成div和css 。
1）這個任務簡單來説就是架構網頁框架和完善裏面的文本主體。裏面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以諮詢了經理是否有必要花這部分時間去打文本。經理的回覆是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產品和網站的主要內容，對我後面的工作有幫助。頓時知道，一個實習生想到的東四是多麼的膚淺，對經理工作上的態度更是肅然起敬。
2）因為經理沒想要讓實習生負責過於複雜的事情，在這部分工作中設計的div 和css的內容並沒有很複雜，需要的就是要注重細節。但實際上自己做事遠沒有自已一開始想象的那麼能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至於最後通過多次檢查，發現這個排版有瑕疵的時候又要重頭再來。這些經歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。
2、經理讓我設計幾個欄目對應的banner圖片
1）由於自己並沒有專門學過banner規範和設計方面的專業知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節奏和需要邊學邊做。
從整體瞭解主題：自己找了多個類似的企業網站作參考，通過總結企業網站
中，幾個主要的欄目在網站上具體意義，體會這對應的幾個欄目banner的設計意義。
思考配色與構圖：對整個內容有了一瞭解後，便要思考作品的色彩和具體的
構圖，先用筆畫出草圖，有時候也會直接在腦海裏構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用户的角度出發，怎樣才可以更吸引人。總體來説就是除了審美上的設計，也考慮很多目的性。
查找素材：素材這個問題我總結了一種思路，電腦裏下載一些專業的“科技
信息”圖庫。另外配合專業在線圖庫網站(通常是國外站點)+Google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最後就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網站。
2）最終banner圖片並沒有全都採用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經理就是感覺可以給我試一下，才給我這個機會去讓我發揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪裏，不浪費這次嘗試性地努力。
3、經理讓我參考舊網站單獨做一個公司簡介的頁面
1）我知道經理的意思是重新排版成符合網站的配色。這樣對我來説其實很簡單。但是我從舊網站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網站的用户肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產品，更有衝動訂個公司的寄存櫃就要在文案的內容上下功夫，就要在表現上更生動，讓人看着不會覺得文字流水賬，很煩躁。
於是在經理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，
把多餘的文字刪掉，根據公司的優勢修改出精簡的幾點，變得更有條理更有重點。
這只是對文案的初步處理，接着根據幾個要點用Photoshop處理幾張概念配
圖出來，將公司寄存櫃的技術水平之領先，應用領域之眾多，銷售範圍之巨大等等用更生動形象的方式表現。從設想到思考中間的問題到最後的完成，花的時間雖然多，但是最終的效果得到了經理的肯定，對網站的宣傳作用起到了很好的幫助，這都是值得的。
三、 實習體會
做了2個月的網頁設計和編輯的實習生，終於體會到網頁設計並非只是圖文混排的那點事。當你真正的去努力的創造了之後，經常被別人一眼就否定了。這才真正明白一個好的網頁不只是效果華麗還要多從用户的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。 工作是人生活的重要部分，是我們畢業生必須面對的。就算是遇到困難，我也會用平常的心態實際看待問題，不説“不可能”，而是冷靜下來思考如何處理並付諸於實踐。
在實習的日子，我學習到了很多如果沒有這次經歷，就不會有的細膩體會。
(一) 深刻感受到什麼是真正的細心
其實在高中甚至到大學，老師都總是強調“細心”,對於細心什麼的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態。包括經理對我強調細緻的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己説細心點就好了。但是在這個實習的過程裏，因為無意和粗心犯下的錯誤，才讓我明白老師反覆説的話到底意義在哪裏。往往一些不好的後果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為後出現的。這才是我們為什麼要養成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養成習慣，以細心認真的態度對待。
(二) 主動思考的重要性
從學校走向社會，首要面臨的問題便是角色轉換的問題。從一個學生轉化為一個單位人，一個單位人工作要考慮的問題就是如何發揮自己最大的價值為單位創造效益。做事要主動一點，這不是指一直主動問上司有什麼事做，而是在別人交付你任務的時候自己主動想一下怎麼做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經理看的時候，經理説“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。
網頁設計的實習報告 篇4實習目的：熟悉和掌握計算機網頁設計的基本技巧及網頁製作相關工具軟件等內容。培養我們利用計算機進行商務網頁設計的 基本思路和應用開發能力，提高我們的計算機文化素質。
網頁是世界上最有價值的不動產之一。人們在這個不足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提供的模板和庫技術,以提高工作效率. 一個真正的網站,不僅應該實現傳統媒體的電子化,給用户提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數據傳 遞,數據存儲以及系統維護等.自己還有許多要學習的地方。
