網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告
隨著社會(huì)一步步向前發(fā)展，報(bào)告對(duì)我們來(lái)說(shuō)并不陌生，報(bào)告中提到的所有信息應(yīng)該是準(zhǔn)確無(wú)誤的。那么，報(bào)告到底怎么寫(xiě)才合適呢？以下是小編整理的網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告，歡迎閱讀與收藏。
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告1
一、實(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)用開(kāi)發(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è)窗口都可以看成一扇門(mén)，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(jìn)入WEB的深層。
二、實(shí)習(xí)時(shí)間
20xx年xx月xx日——20xx年xx月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é)合自己的想法，我先在草紙上畫(huà)出了大體的欄目和板塊。
4、網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
�。ǘ┚W(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備
1、資料的搜集：由于個(gè)人的'愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫(huà)等。
2、熟悉制作工具軟件：xx、xx、xx。
3、主頁(yè)制作的基本條件有：xx、xx、xx。
4、硬件：xx、xx、xx。
�。ㄈ┚W(wǎng)頁(yè)制作
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的FLASH不能產(chǎn)生效果。總之問(wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(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)換，比如xx的照片編輯器。把準(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(wǎng)頁(yè)的調(diào)試
之前把作過(guò)的東西放到U盤(pán)里，發(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)自身專(zhuān)業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專(zhuān)業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告2
一、任務(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è)模塊。】和一組幻燈片【梔子花的文化】構(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è)。
（二）幻燈片設(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ò)渡
（三）添加超鏈接
三、采用的方法與手段
�。ㄒ唬┦褂肍rontpage制作網(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à)。、
�。ㄈ┦褂肍lash制作動(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)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告11-25
網(wǎng)頁(yè)設(shè)計(jì)工作的實(shí)習(xí)報(bào)告11-17
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告04-25
網(wǎng)頁(yè)設(shè)計(jì)述職報(bào)告01-12
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告02-20
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告匯編七篇02-08
網(wǎng)頁(yè)設(shè)計(jì)心得12-24
asp動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告11-26