有關網頁設計的實習報告4篇

　　在現在社會，需要使用報告的情況越來越多，通常情況下，報告的內容含量大、篇幅較長。其實寫報告并沒有想象中那么難，下面是小編為大家整理的網頁設計的實習報告4篇，歡迎大家分享。

　　網頁設計的實習報告 篇1

　　網絡發展到今天，建立網站已經成為一個很普遍的問題了，對于一個企業來說，建設好自己的網站可以搶占新世紀發展的戰略要點。建立新的企業形象，直接開拓國際市場，開展24小時網上營銷及高效廉價的定向宣傳；與客戶建立最直接的交流機制，縮短推出新產品和打開新市場的周期，與富有吸引力的客戶群發展客戶關系網；與自己的銷售人員保持聯系，進一步面向本地市場。

　　出色的網站吸引人的地方不僅僅在于其內容，鮮明的結構和獨特的風格往往能起到畫龍點睛的作用。一個網站即使內容再豐富，如果網站的結構和風格不能吸引人，那也是毫無價值的。往往整個網站的風格是一個網站吸引瀏覽者的魅力所在，因此應當根據網站的主題、內容和瀏覽者的要求來設計自己獨特的網站風格。

　　整個網站的結構和內容都是在開始設計之前就已經經過詳細的計劃的。其實任何網站都一樣：企業網站的宗旨就是對外宣傳企業形象，發布企業最新的企業產品，其服務群體就是為對其產品感興趣的客戶或者正在使用企業產品的用戶服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客戶、服務群體等多方面來確定的。

　　本站是一個用Dreamweaver、Flash、PHP、SQL server20xx設計編寫的美食網站，主要包括6個模塊：首頁，菜譜，廚房，食材，飲食健康，飲食資訊等。通過本網站系統能提供各種與美食相關的信息以及各種美食信息的交流。與其他企業網站一樣，也應通過Internet來對外宣傳網站。

　　建立以Dreamweaver，Flash等技術編寫的前臺表現模塊，為用戶提供方便快捷的信息服務與交流。隨著網絡技術的迅猛發展，互聯網的快速發展使越來越多的人選擇從互聯網上獲取信息，因此，互聯網逐漸成為一個寬廣的信息發布平臺和獲取信息的平臺。本網站系統就要有用戶注冊和新聞發布兩大動態功能。通過以PHP編寫，以SQL 20xx作為后臺數據庫的'網站后臺管理系統，制作了一個簡單的美食網站系統，實現了美食網站用戶登陸、注冊以及新聞發布等功能。

　　第一章 項目需求分析

　　1.1需求分析

　　互聯網豐富多彩，這些信息大多通過網頁與用戶進行交互。網頁的實現形式多種多樣，無論是短小精悍的個人主頁，還是結構清晰、豐富的大型網站，網站的需求分析和規劃設計都要放在第一步，因為它直接關系到網站的功能是否完善，質量是否能夠達到保證。

　　1.2實訓目的

　　網站的建設不僅僅是制作主頁的問題，還需要考慮網站的定位、目標用戶、網站內容、服務事項、空間方案、安全性、藝術設計、數據庫技術等等。任何網站在建設之前就必須明確方向、用途和服務群體等一系列的問題，寫出詳盡的建站計劃，可以說這是網站建設的根源和核心所在。作為一個美食網站，我們的服務群體及訪問者都定位在愛好和熱愛美食的大眾，為為大家服務就是我們這個網站的目的和方向。從整個頁面上可以看出，我們的這個整個網站涉及所有熱愛美食的人。整個網站的結構和內容都是在開始設計之前就已經經過詳細的計劃的。其實任何網站都一樣，企業網站的宗旨就是對外宣傳企業形象，發布企業最新的企業產品，其服務群體就是為對其產品感興趣的客戶或者正在使用企業產品的用戶服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客戶、服務群體等多方面來確定的。

　　通過綜合實訓進一步鞏固，深化和拓展學生的理論知識與專業技能。

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

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

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

　　網頁設計的實習報告 篇2

　　時間過得很快，我即將畢業來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。

　　一、實習工作介紹

　　我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有u88、28招商網等。

　　我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

　　二、初來公司的時候

　　（一）初級考試

　　初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了**公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

　　（二）三天的培訓工作

　　三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。

　　（三）最后的考核

　　三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題，最優秀的人會轉正，得到很優厚的待遇。

　　考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的.。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

　　三、正式工作

　　我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他（她）們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3——4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

　　網頁設計的實習報告 篇3

　　一、任務內容

　　原計劃打算以“植物”為主題，在設計過程中發現范圍過于寬泛，無法完成主題的設計。因自己十分喜愛梔子花且有所種植經歷，經考慮后重新確定了以“梔子花”為主題的網頁設計內容。主要分為一、梔子花的文化，二、梔子花的種類和生長特性以及三、我的梔子花三個模塊。

　　其中，模塊一使用幻燈片進行演示，主要分為關于梔子花的詩句、梔子花的傳說以及梔子花的蘊涵三個部分。模塊二采用網頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過我的展示，讓他人對梔子花有所了解。

　　二、設計步驟

　　一、構思

　　首先，對梔子花的種類進行簡單的介紹；其次，對梔子花的文化內涵進行簡要描述；最后，展示自己種植的梔子花成果。因此，此次作業共由三部分網頁【一、主頁、二、梔子花的種類和生長特性、以及三、自己種植的梔子花的圖片三個模塊。】和一組幻燈片【梔子花的文化】構成。其中模塊二【梔子花的種類和生長特性】采用網頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。

　　二、取材

　　主要從網絡上獲取所需的圖片、音樂等關于梔子花的素材，其中部分照片從個人相冊中獲取。

　　三、設計 （一）網頁設計

　　模塊一、梔子花的文化以及模塊三、我的梔子花采用網頁設計。

　　在首頁添加表格，在表格內增添標題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術字對首頁進行豐富和充實。在部分文字以及圖片上增加超鏈接，與三個模塊進行連接，便于翻閱。

　　在模塊二中采用網頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內采用表格對網頁進行劃分，對梔子花進行概述和分類描述。插入圖片，便于直觀的了解各個種類的梔子花。其中，各個種類的梔子花展示位于網頁模板的'右方，在左方進行總說，并通過超鏈接與梔子花的分類說明建立聯系。

　　在模塊三中，通過繪制表格對網頁進行大小不同的劃分，插入梔子花的圖片拼接成整個網頁。

　　（二）幻燈片設計

　　此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說明，未對幻燈片進行大量的美化和修飾，主要目的是為了讓他人關注了解梔子花的豐富的內涵和文化。

　　（三）flash設計

　　此次flash設計主要用于美化模塊二中對大葉梔子以及雀舌梔子的介紹過程。

　　四、美化

　　（一）添加背景音樂

　　在主頁以及各個模塊中均插入了背景音樂。

　　（二）設計網頁過渡 （三）添加超鏈接

　　三、采用的方法與手段

　　（一）使用Frontpage制作網頁

　　單擊新建網頁可選擇新建空白網頁或其他網頁模版。

　　單擊表格，選定繪制表格或布局表格或單元格即可繪制單元格。 選定單元格，單擊鼠標右鍵選定背景即可插入背景圖片。

　　選定網頁，單擊鼠標右鍵，選定網頁屬性，瀏覽格式即可添加網頁背景。 選定單元格，即可輸入文字。

　　選定插入，選擇插入圖片或藝術字即可插入圖片或藝術字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網頁過渡，即可設計網頁過渡效果。

　　（二）使用Powerpoint制作幻燈片

　　單擊鼠標右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。

　　單擊插入，選擇圖片，即可添加圖片或者藝術字。

　　選定文字，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。 選定幻燈片，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。 選定藝術字，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。、

　　（三）使用Flash制作動畫

　　單擊插入新建元件，即可進行元件的編輯。

　　單擊15幀或30幀，單擊鼠標右鍵，選擇插入空白關鍵幀。 單擊第一幀或第15幀，選擇補間，選擇形狀或動畫即可。

　　網頁設計的實習報告 篇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頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

　　總結：在公司里實習的這段時間里，我真正體會到了團隊的力量。剛得到公司通知說我面試通過，真的很開心。在沒進公司的時候，有很多的憧憬。希望自己可以大干一場，當時感覺自己有太多可發現的潛力可以挖掘，就等著有那么一個人可以發現自己這么一塊金子。進去之后才發現其實自己是那么的渺小，千萬不要自以為是，比你好的多的多，你沒有什么了不起的。做人一定要塌實。沒有同事們一起的努力，就單靠自己一個人的力量肯定是做不好事情。特別是在銷售部這樣一個部門，更加需要大家的一起努力。

　　實習是每一個大學畢業生必須擁有的一段經歷，他使我們在實踐中了解社會，讓我們學到了很多在課堂上根本就學不到的知識,也打開了視野，長了見識，為我們以后進一步走向社會打下堅實的基礎，實習是我們把學到的理論知識應用在實踐中的一次嘗試。我想，作為一名即將畢業的大學生，建立自身的十年發展計劃已迫在眉睫，不是嗎?

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

網頁設計實習報告04-06

網頁設計制作實習報告05-11

網頁設計實習報告通用02-13

網頁設計實習報告范文06-20

網頁設計工作實習報告02-23

網頁設計報告04-25

網頁設計報告04-25

網頁設計實習報告范文（精選8篇）07-02

網頁設計與制作報告02-13

網頁設計與制作報告02-13