網(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