網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告
在人們?cè)絹?lái)越注重自身素養(yǎng)的今天，需要使用報(bào)告的情況越來(lái)越多，我們?cè)趯?xiě)報(bào)告的時(shí)候要避免篇幅過(guò)長(zhǎng)。那么，報(bào)告到底怎么寫(xiě)才合適呢？以下是小編幫大家整理的網(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)容。主要分為一、梔子花的文化，二、梔子花的種類(lè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ì)梔子花的種類(lèi)進(jìn)行簡(jiǎn)單的介紹；其次，對(duì)梔子花的文化內(nèi)涵進(jìn)行簡(jiǎn)要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁(yè)【一、主頁(yè)、二、梔子花的種類(lèi)和生長(zhǎng)特性、以及三、自己種植的梔子花的圖片三個(gè)模塊�！亢鸵唤M幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類(lèi)和生長(zhǎng)特性】采用網(wǎng)頁(yè)模版組成，主要介紹了兩類(lèi)梔子花——大葉梔子和雀舌梔子，更加便于了解。
二、取材
主要從網(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)行概述和分類(lèi)描述。插入圖片，便于直觀的了解各個(gè)種類(lèi)的梔子花。其中，各個(gè)種類(lèi)的梔子花展示位于網(wǎng)頁(yè)模板的右方，在左方進(jìn)行總說(shuō)，并通過(guò)超鏈接與梔子花的分類(lèi)說(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)畫(huà)即可添加自定義動(dòng)畫(huà)。 選定幻燈片，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫(huà)即可添加自定義動(dòng)畫(huà)。 選定藝術(shù)字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫(huà)即可添加自定義動(dòng)畫(huà)。、
（三）使用Flash制作動(dòng)畫(huà)
單擊插入新建元件，即可進(jìn)行元件的編輯。
單擊15幀或30幀，單擊鼠標(biāo)右鍵，選擇插入空白關(guān)鍵幀。 單擊第一幀或第15幀，選擇補(bǔ)間，選擇形狀或動(dòng)畫(huà)即可。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告2
為此學(xué)校為我們進(jìn)入社會(huì)實(shí)習(xí)前為我們組織一次為期兩個(gè)月的校內(nèi)實(shí)習(xí)。在學(xué)校組織的這次校內(nèi)實(shí)習(xí)，讓我們?cè)谶M(jìn)入社會(huì)之前，提前體驗(yàn)了一下將來(lái)在社會(huì)上的工作情況，給我們提前積累一些社會(huì)經(jīng)驗(yàn)，通過(guò)本次的實(shí)習(xí)讓我們更加熟練網(wǎng)頁(yè)的制作，并創(chuàng)新的以網(wǎng)絡(luò)作為平臺(tái)，結(jié)合網(wǎng)絡(luò)運(yùn)用制作了各類(lèi)網(wǎng)頁(yè)。這包括了我們專(zhuān)業(yè)所學(xué)習(xí)的所有內(nèi)容，這次實(shí)習(xí)不緊是對(duì)我們過(guò)去學(xué)習(xí)成果的總結(jié)驗(yàn)證，更是一次學(xué)習(xí)上的創(chuàng)新與進(jìn)步。在這次校內(nèi)實(shí)習(xí)過(guò)程中，不管在知識(shí)掌握上，還是知識(shí)運(yùn)用實(shí)踐體驗(yàn)方面我都得到了很大的收獲。
網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)習(xí)是鍛煉我們實(shí)踐能力的重要環(huán)節(jié),是對(duì)我們實(shí)際工作能力的具體習(xí)練和考察過(guò)程。隨著科學(xué)技術(shù)發(fā)展的日新月異，網(wǎng)頁(yè)設(shè)計(jì)制作已經(jīng)成為當(dāng)今計(jì)算機(jī)應(yīng)用中空前活躍的領(lǐng)域，在生活中可以說(shuō)得是無(wú)處不在。因此作為二十一世紀(jì)的大學(xué)來(lái)說(shuō)掌握網(wǎng)頁(yè)設(shè)計(jì)制作的技術(shù)和能力是十分重要的。
這次實(shí)習(xí)，我為自己家鄉(xiāng)的一個(gè)概況做一個(gè)網(wǎng)頁(yè)。我是來(lái)自大理，大理作為一座旅游城市，擁有眾多的旅游風(fēng)景點(diǎn)，所以我選擇了為我家鄉(xiāng)的旅游做一個(gè)網(wǎng)頁(yè)。
首先我要做的就是要選擇好題目和網(wǎng)頁(yè)的風(fēng)格，之后我就分步驟準(zhǔn)備在制作網(wǎng)頁(yè)前所要做好的準(zhǔn)備工作。我瀏覽了大理旅游網(wǎng)的一些
特點(diǎn)，借鑒這些網(wǎng)頁(yè)的優(yōu)秀之處，不好的`地方在自己的網(wǎng)頁(yè)上加以改良，從而使自己的網(wǎng)頁(yè)更加美觀。
做好這些準(zhǔn)備工作之后我希望能在最短的時(shí)間內(nèi)做到最好的效果。接下來(lái)的步驟就是準(zhǔn)備素材，搜集與主題相關(guān)的文字、圖像、動(dòng)畫(huà)、音樂(lè)等資料。在準(zhǔn)備素材的過(guò)程中我用到了dreamweaver、photoshop等工具。再是設(shè)計(jì)網(wǎng)頁(yè)的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計(jì)首頁(yè)及其頁(yè)面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)頁(yè)，建立網(wǎng)頁(yè)的目錄結(jié)構(gòu)。制作首頁(yè)、二級(jí)子頁(yè)、內(nèi)容頁(yè)，創(chuàng)建超級(jí)鏈接。最后就是測(cè)試與瀏覽網(wǎng)頁(yè)，如果還有什么不理想的地方再改進(jìn)，改進(jìn)后再預(yù)覽，如此反復(fù)，最后達(dá)到預(yù)期的效果!
在設(shè)計(jì)的過(guò)程中遇到的問(wèn)題，可以說(shuō)是困難重重，這畢竟是第一次獨(dú)自設(shè)計(jì)網(wǎng)頁(yè)、制作網(wǎng)頁(yè)，難免會(huì)遇到過(guò)各種各樣的問(wèn)題，同時(shí)在設(shè)計(jì)的過(guò)程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過(guò)的知識(shí)理解得不夠深刻，掌握得不夠牢固，比如說(shuō)拖動(dòng)層的設(shè)置，時(shí)間軸與層的顯示與隱藏的綜合應(yīng)用，浮動(dòng)導(dǎo)航欄的定位等。在CSS的具體應(yīng)用還不是和很熟練，沒(méi)有能完全達(dá)到自己預(yù)期的效果，還好通過(guò)老師的細(xì)心指導(dǎo)才能達(dá)到最終效果??通過(guò)這次網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)習(xí)，把以前所學(xué)過(guò)的知識(shí)重新溫
回顧這次課程設(shè)計(jì)，至今我仍感慨頗多。的確，從選題到開(kāi)始制作，從理論到實(shí)踐，在實(shí)習(xí)兩個(gè)月的日子里，可以說(shuō)得是苦多于甜，但是可以學(xué)到很多很多的東西，同時(shí)不僅可以鞏固了以前所學(xué)過(guò)的知識(shí)，而且學(xué)到了很多在書(shū)本上所沒(méi)有學(xué)到過(guò)的知識(shí)。通過(guò)這次課程設(shè)
計(jì)使我懂得了理論與實(shí)際相結(jié)合是很重要的，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來(lái)，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。
這次實(shí)習(xí)為我提供了與眾不同的學(xué)習(xí)方法和學(xué)習(xí)體會(huì)，從書(shū)本中面對(duì)現(xiàn)實(shí)，為我將來(lái)走上社會(huì)打下了扎實(shí)的基礎(chǔ)。從實(shí)踐操作中，我總結(jié)出一些屬于自己的實(shí)踐經(jīng)驗(yàn)，社會(huì)是不會(huì)要一個(gè)一無(wú)是處的人的。作為信息與計(jì)算科學(xué)專(zhuān)業(yè)的學(xué)生，現(xiàn)在我能做的就是吸取知識(shí)，提高自身的綜合素質(zhì)，提高自己的創(chuàng)新能力和合作能力等，自己有了能力，到時(shí)候才會(huì)是“車(chē)到山前必有路”。我相信在不久的未來(lái)，會(huì)有屬于我自己的一片天空!
這次課程設(shè)計(jì)在驗(yàn)收之后終于順利完成了，在設(shè)計(jì)中遇到了很多的技術(shù)問(wèn)題，最后在老師的辛勤指導(dǎo)下，終于游刃而解。同時(shí)，在老師的身上我學(xué)得到很多實(shí)用的知識(shí)，在這我再次我表示深深地感謝!同時(shí)，對(duì)給過(guò)我?guī)椭乃型瑢W(xué)表示忠心的感謝!
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告3
這次實(shí)習(xí)內(nèi)容包括網(wǎng)站原型設(shè)計(jì)及Photoshop切片技術(shù)在網(wǎng)頁(yè)整體設(shè)計(jì)時(shí)的應(yīng)用； “DIV+CSS”頁(yè)面布局技術(shù);設(shè)計(jì)電子購(gòu)物商城主頁(yè)。我深深體會(huì)到，做好主頁(yè)，并不是一件容易的事，網(wǎng)頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。不過(guò)能懂得基本的框架和思路，這一點(diǎn)在以后的工作過(guò)程中是非常有幫助的。
通過(guò)這次實(shí)習(xí)，我也總結(jié)出來(lái)一些網(wǎng)站建設(shè)的基本流程。
制作網(wǎng)頁(yè)，首先是確定主題。
網(wǎng)上購(gòu)物系統(tǒng)發(fā)布平臺(tái)為顧客提供了各種商品、供求信息瀏覽、查詢，購(gòu)買(mǎi)等功能，全面的為顧客提供服務(wù)，幫助顧客更多的了解本網(wǎng)站的動(dòng)態(tài)信息，提供最新動(dòng)態(tài)通知。要求系統(tǒng)具有以下功能：
�。�1）用戶登錄注冊(cè)。
（2）提供類(lèi)別導(dǎo)航，購(gòu)物推薦，熱銷(xiāo)商品，加入購(gòu)物車(chē)等
�。�3）提供會(huì)員注冊(cè)
�。�4）提供管理員后臺(tái)管理入口。管理員通過(guò)本頁(yè)面登錄后臺(tái)管理程序。
�。�5）通過(guò)后臺(tái)對(duì)各類(lèi)信息進(jìn)行管理和審核。
（6）對(duì)網(wǎng)站會(huì)員信息進(jìn)行管理和審核。審核注冊(cè)本網(wǎng)站的會(huì)員，對(duì)其進(jìn)行管理。
�。�7）友情鏈接。設(shè)置相關(guān)的友情鏈接頁(yè)面。
主頁(yè)的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類(lèi)，然后是整體規(guī)劃，每一個(gè)版塊都有其個(gè)性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁(yè)，小店簡(jiǎn)介，產(chǎn)品展示，售后服務(wù)，友情鏈接這幾個(gè)板塊，再加入個(gè)別網(wǎng)站等，每一部分又分為幾個(gè)小部分，內(nèi)容比較充分，多樣。確定導(dǎo)航欄的各個(gè)分了標(biāo)題之后對(duì)于建立二級(jí)子網(wǎng)頁(yè)尤為重要。
主頁(yè)的導(dǎo)航設(shè)計(jì)好后，接下來(lái)就是對(duì)主頁(yè)導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)，作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標(biāo)等等。你可以在硬盤(pán)上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤(pán)相應(yīng)文件夾的習(xí)慣，時(shí)間一長(zhǎng)你就有擁有了一個(gè)可觀的圖庫(kù)，等做主頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。我們?cè)賹?duì)大量收集的資料進(jìn)行篩選，得到最合適的導(dǎo)航內(nèi)容的資料。
網(wǎng)站建設(shè)中如果大量運(yùn)用模板，對(duì)于建立網(wǎng)站提供便利同時(shí)也減少了大量的`工序。主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)該令人一目了然，勿堆砌太多不必要的細(xì)節(jié)，或使畫(huà)面過(guò)于復(fù)雜。頁(yè)面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開(kāi)發(fā)的設(shè)計(jì)思想，我們對(duì)整個(gè)系統(tǒng)主要分成了2個(gè)大模塊，即前臺(tái)交易模塊和后臺(tái)管理模塊。而其中各個(gè)模塊我們又進(jìn)行了進(jìn)一步的細(xì)分，如前臺(tái)交易模塊又分為注冊(cè)會(huì)員、商品瀏覽、查詢商品、購(gòu)買(mǎi)商品等；后臺(tái)管理模塊則包括對(duì)用戶的管理、商品管理和銷(xiāo)售管理。使得整個(gè)系統(tǒng)具有易用性、個(gè)性化、跨平臺(tái)等特點(diǎn)，同時(shí)又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整，使其運(yùn)行得高速、安全、穩(wěn)定。
商品管理模塊，管理員對(duì)商品信息的管理主要包括商品以及對(duì)商品類(lèi)別的查詢、添加、刪除、修改等操作。
訂單管理模塊，用戶選擇滿意的商品會(huì)進(jìn)行下訂單操作，同時(shí)會(huì)進(jìn)行確認(rèn)訂單、付款等操作，但同時(shí)也會(huì)存在未確定訂單、未付款等操作。
網(wǎng)頁(yè)的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)，都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁(yè)采用的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來(lái)仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。
通過(guò)這次實(shí)習(xí)，我學(xué)到了很多有價(jià)值的東西。雖然我不能完成網(wǎng)站設(shè)計(jì)的過(guò)程，把設(shè)計(jì)中散亂的網(wǎng)頁(yè)鏈接成框架體系，但至少使平時(shí)學(xué)到的知識(shí)點(diǎn)有了提高。我感受最深的是：想要最好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書(shū)、網(wǎng)站和新聞上查找的。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁(yè)。
【網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告(14篇)03-07
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告7篇03-07
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告（通用17篇）04-01
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)總結(jié)06-12
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告錦集5篇02-21
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告匯編十篇02-20
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)總結(jié)9篇07-15