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