網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告范文
隨著個(gè)人素質(zhì)的提升，需要使用報(bào)告的情況越來(lái)越多，報(bào)告具有成文事后性的特點(diǎn)。我們應(yīng)當(dāng)如何寫報(bào)告呢？下面是小編精心整理的網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告范文，僅供參考，大家一起來(lái)看看吧。
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告范文 篇1
一、任務(wù)內(nèi)容
原計(jì)劃打算以“植物”為主題，在設(shè)計(jì)過(guò)程中發(fā)現(xiàn)范圍過(guò)于寬泛，無(wú)法完成主題的設(shè)計(jì)。因自己十分喜愛(ài)梔子花且有所種植經(jīng)歷，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容。主要分為一、梔子花的文化，二、梔子花的種類和生長(zhǎng)特性以及三、我的梔子花三個(gè)模塊。
其中，模塊一使用幻燈片進(jìn)行演示，主要分為關(guān)于梔子花的詩(shī)句、梔子花的傳說(shuō)以及梔子花的蘊(yùn)涵三個(gè)部分。模塊二采用網(wǎng)頁(yè)模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過(guò)我的展示，讓他人對(duì)梔子花有所了解。
二、設(shè)計(jì)步驟
一、構(gòu)思
首先，對(duì)梔子花的種類進(jìn)行簡(jiǎn)單的介紹；其次，對(duì)梔子花的文化內(nèi)涵進(jìn)行簡(jiǎn)要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁(yè)【一、主頁(yè)、二、梔子花的種類和生長(zhǎng)特性、以及三、自己種植的梔子花的圖片三個(gè)模塊。】和一組幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的.種類和生長(zhǎng)特性】采用網(wǎng)頁(yè)模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。
二、取材
主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂(lè)等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊(cè)中獲取。
三、設(shè)計(jì) （一）網(wǎng)頁(yè)設(shè)計(jì)
模塊一、梔子花的文化以及模塊三、我的梔子花采用網(wǎng)頁(yè)設(shè)計(jì)。
在首頁(yè)添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂(lè)、文字、藝術(shù)字對(duì)首頁(yè)進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接，與三個(gè)模塊進(jìn)行連接，便于翻閱。
在模塊二中采用網(wǎng)頁(yè)模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內(nèi)采用表格對(duì)網(wǎng)頁(yè)進(jìn)行劃分，對(duì)梔子花進(jìn)行概述和分類描述。插入圖片，便于直觀的了解各個(gè)種類的梔子花。其中，各個(gè)種類的梔子花展示位于網(wǎng)頁(yè)模板的右方，在左方進(jìn)行總說(shuō)，并通過(guò)超鏈接與梔子花的分類說(shuō)明建立聯(lián)系。
在模塊三中，通過(guò)繪制表格對(duì)網(wǎng)頁(yè)進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁(yè)。
�。ǘ┗脽羝O(shè)計(jì)
此組幻燈片主要用來(lái)介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂(lè)以及大量的文字說(shuō)明，未對(duì)幻燈片進(jìn)行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。
�。ㄈゝlash設(shè)計(jì)
此次flash設(shè)計(jì)主要用于美化模塊二中對(duì)大葉梔子以及雀舌梔子的介紹過(guò)程。
四、美化
�。ㄒ唬┨砑颖尘耙魳�(lè)
在主頁(yè)以及各個(gè)模塊中均插入了背景音樂(lè)。
�。ǘ┰O(shè)計(jì)網(wǎng)頁(yè)過(guò)渡 （三）添加超鏈接
三、采用的方法與手段
（一）使用Frontpage制作網(wǎng)頁(yè)
單擊新建網(wǎng)頁(yè)可選擇新建空白網(wǎng)頁(yè)或其他網(wǎng)頁(yè)模版。
單擊表格，選定繪制表格或布局表格或單元格即可繪制單元格。 選定單元格，單擊鼠標(biāo)右鍵選定背景即可插入背景圖片。
選定網(wǎng)頁(yè)，單擊鼠標(biāo)右鍵，選定網(wǎng)頁(yè)屬性，瀏覽格式即可添加網(wǎng)頁(yè)背景。 選定單元格，即可輸入文字。
選定插入，選擇插入圖片或藝術(shù)字即可插入圖片或藝術(shù)字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網(wǎng)頁(yè)過(guò)渡，即可設(shè)計(jì)網(wǎng)頁(yè)過(guò)渡效果。
�。ǘ┦褂肞owerpoint制作幻燈片
單擊鼠標(biāo)右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。
單擊插入，選擇圖片，即可添加圖片或者藝術(shù)字。
選定文字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。 選定幻燈片，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。 選定藝術(shù)字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。、
（三）使用Flash制作動(dòng)畫
單擊插入新建元件，即可進(jìn)行元件的編輯。
單擊15幀或30幀，單擊鼠標(biāo)右鍵，選擇插入空白關(guān)鍵幀。 單擊第一幀或第15幀，選擇補(bǔ)間，選擇形狀或動(dòng)畫即可。
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告范文 篇2
一、實(shí)習(xí)目的
熟悉和掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的基本技巧及網(wǎng)頁(yè)制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁(yè)設(shè)計(jì)的基本思路和應(yīng)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬(wàn)美元。網(wǎng)頁(yè)對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多;網(wǎng)頁(yè)也是公司對(duì)外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(jìn)入WEB的深層。
二、實(shí)習(xí)時(shí)間
xx
三、實(shí)習(xí)地點(diǎn)
xx
四、實(shí)習(xí)內(nèi)容
(一)網(wǎng)站的整體規(guī)劃
1、討論網(wǎng)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。
2、定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3、確定欄目和板塊：首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。正文的框架設(shè)置(橫向因素和縱向因素交錯(cuò))，在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4、網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的`務(wù)必使瀏覽者留下映像。
(二)網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備
1、資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。
2、熟悉制作工具軟件：
3、主頁(yè)制作的基本條件有：
4、硬件：
(三)網(wǎng)頁(yè)制作
真的是萬(wàn)事開頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果。總之問(wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁(yè)制作方面的書籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意，網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上，因?yàn)樗鼈兲罅�，但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如_的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
(四)網(wǎng)頁(yè)的調(diào)試
之前把作過(guò)的東西放到U盤里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和WEB頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
五、實(shí)習(xí)收獲
實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的體會(huì)就是，如果一個(gè)人在社會(huì)上沒(méi)有一技之長(zhǎng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告范文 篇3
網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開拓國(guó)際市場(chǎng)，開展24小時(shí)網(wǎng)上營(yíng)銷及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打開新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。
出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無(wú)價(jià)值的。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來(lái)設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。
整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過(guò)詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見(jiàn)，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的.客戶、服務(wù)群體等多方面來(lái)確定的。
本站是一個(gè)用Dreamweaver、Flash、PHP、SQL server20xx設(shè)計(jì)編寫的美食網(wǎng)站，主要包括6個(gè)模塊：首頁(yè)，菜譜，廚房，食材，飲食健康，飲食資訊等。通過(guò)本網(wǎng)站系統(tǒng)能提供各種與美食相關(guān)的信息以及各種美食信息的交流。與其他企業(yè)網(wǎng)站一樣，也應(yīng)通過(guò)Internet來(lái)對(duì)外宣傳網(wǎng)站。
建立以Dreamweaver，F(xiàn)lash等技術(shù)編寫的前臺(tái)表現(xiàn)模塊，為用戶提供方便快捷的信息服務(wù)與交流。隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，互聯(lián)網(wǎng)的快速發(fā)展使越來(lái)越多的人選擇從互聯(lián)網(wǎng)上獲取信息，因此，互聯(lián)網(wǎng)逐漸成為一個(gè)寬廣的信息發(fā)布平臺(tái)和獲取信息的平臺(tái)。本網(wǎng)站系統(tǒng)就要有用戶注冊(cè)和新聞發(fā)布兩大動(dòng)態(tài)功能。通過(guò)以PHP編寫，以SQL 20xx作為后臺(tái)數(shù)據(jù)庫(kù)的網(wǎng)站后臺(tái)管理系統(tǒng)，制作了一個(gè)簡(jiǎn)單的美食網(wǎng)站系統(tǒng)，實(shí)現(xiàn)了美食網(wǎng)站用戶登陸、注冊(cè)以及新聞發(fā)布等功能。
第一章 項(xiàng)目需求分析
1.1需求分析
互聯(lián)網(wǎng)豐富多彩，這些信息大多通過(guò)網(wǎng)頁(yè)與用戶進(jìn)行交互。網(wǎng)頁(yè)的實(shí)現(xiàn)形式多種多樣，無(wú)論是短小精悍的個(gè)人主頁(yè)，還是結(jié)構(gòu)清晰、豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設(shè)計(jì)都要放在第一步，因?yàn)樗苯雨P(guān)系到網(wǎng)站的功能是否完善，質(zhì)量是否能夠達(dá)到保證。
1.2實(shí)訓(xùn)目的
網(wǎng)站的建設(shè)不僅僅是制作主頁(yè)的問(wèn)題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問(wèn)題，寫出詳盡的建站計(jì)劃，可以說(shuō)這是網(wǎng)站建設(shè)的根源和核心所在。作為一個(gè)美食網(wǎng)站，我們的服務(wù)群體及訪問(wèn)者都定位在愛(ài)好和熱愛(ài)美食的大眾，為為大家服務(wù)就是我們這個(gè)網(wǎng)站的目的和方向。從整個(gè)頁(yè)面上可以看出，我們的這個(gè)整個(gè)網(wǎng)站涉及所有熱愛(ài)美食的人。整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過(guò)詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣，企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見(jiàn)，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來(lái)確定的。
通過(guò)綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和拓展學(xué)生的理論知識(shí)與專業(yè)技能。
訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動(dòng)手能力,學(xué)會(huì)通過(guò)網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖象資料、flash動(dòng)畫和網(wǎng)頁(yè)特效等。
培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過(guò)程中所遇到的實(shí)際問(wèn)題的能力及其基本工作素質(zhì)。
培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力,樹立自信心。
【網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告02-13
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得03-14
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)04-04
網(wǎng)頁(yè)設(shè)計(jì)心得03-01
網(wǎng)頁(yè)設(shè)計(jì)布局心得03-03
網(wǎng)頁(yè)html設(shè)計(jì)心得12-22
設(shè)計(jì)網(wǎng)頁(yè)的心得01-14