網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告
隨著社會(huì)一步步向前發(fā)展，報(bào)告對(duì)我們來說并不陌生，報(bào)告中提到的所有信息應(yīng)該是準(zhǔn)確無誤的。那么，報(bào)告到底怎么寫才合適呢？以下是小編整理的網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告，歡迎閱讀與收藏。
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告1
一、實(shí)習(xí)目的
熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的基本思路和應(yīng)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。網(wǎng)頁是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對(duì)公司的影響比簡單的電子商務(wù)增收方法大得多；網(wǎng)頁也是公司對(duì)外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過主頁而進(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)頁設(shè)計(jì)上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3、確定欄目和板塊：首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)），在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4、網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
（二）網(wǎng)頁制作的前期策劃與準(zhǔn)備
1、資料的搜集：由于個(gè)人的'愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。
2、熟悉制作工具軟件：xx、xx、xx。
3、主頁制作的基本條件有：xx、xx、xx。
4、硬件：xx、xx、xx。
（三）網(wǎng)頁制作
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的FLASH不能產(chǎn)生效果。總之問題一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。
然后是主頁和二級(jí)頁面的設(shè)置。要注意，網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上，因?yàn)樗鼈兲罅耍梢杂脠D象軟件進(jìn)行轉(zhuǎn)換，比如xx的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
（四）網(wǎng)頁的調(diào)試
之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會(huì)影響頁面的效果。
五、實(shí)習(xí)收獲
實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會(huì)就是，如果一個(gè)人在社會(huì)上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告2
一、任務(wù)內(nèi)容
原計(jì)劃打算以“植物”為主題，在設(shè)計(jì)過程中發(fā)現(xiàn)范圍過于寬泛，無法完成主題的設(shè)計(jì)。因自己十分喜愛梔子花且有所種植經(jīng)歷，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁設(shè)計(jì)內(nèi)容。主要分為一、梔子花的文化，二、梔子花的種類和生長特性以及三、我的梔子花三個(gè)模塊。
其中，模塊一使用幻燈片進(jìn)行演示，主要分為關(guān)于梔子花的詩句、梔子花的傳說以及梔子花的蘊(yùn)涵三個(gè)部分。模塊二采用網(wǎng)頁模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的`梔子花圖片。希望通過我的展示，讓他人對(duì)梔子花有所了解。
二、設(shè)計(jì)步驟
一、構(gòu)思
首先，對(duì)梔子花的種類進(jìn)行簡單的介紹；其次，對(duì)梔子花的文化內(nèi)涵進(jìn)行簡要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁【一、主頁、二、梔子花的種類和生長特性、以及三、自己種植的梔子花的圖片三個(gè)模塊。】和一組幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類和生長特性】采用網(wǎng)頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。
二、取材
主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊(cè)中獲取。
三、設(shè)計(jì)
（一）網(wǎng)頁設(shè)計(jì)
模塊一、梔子花的文化以及模塊三、我的梔子花采用網(wǎng)頁設(shè)計(jì)。
在首頁添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術(shù)字對(duì)首頁進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接，與三個(gè)模塊進(jìn)行連接，便于翻閱。
在模塊二中采用網(wǎng)頁模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內(nèi)采用表格對(duì)網(wǎng)頁進(jìn)行劃分，對(duì)梔子花進(jìn)行概述和分類描述。插入圖片，便于直觀的了解各個(gè)種類的梔子花。其中，各個(gè)種類的梔子花展示位于網(wǎng)頁模板的右方，在左方進(jìn)行總說，并通過超鏈接與梔子花的分類說明建立聯(lián)系。
在模塊三中，通過繪制表格對(duì)網(wǎng)頁進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁。
（二）幻燈片設(shè)計(jì)
此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說明，未對(duì)幻燈片進(jìn)行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。
（三）flash設(shè)計(jì)
此次flash設(shè)計(jì)主要用于美化模塊二中對(duì)大葉梔子以及雀舌梔子的介紹過程。
四、美化
（一）添加背景音樂
在主頁以及各個(gè)模塊中均插入了背景音樂。
（二）設(shè)計(jì)網(wǎng)頁過渡
（三）添加超鏈接
三、采用的方法與手段
（一）使用Frontpage制作網(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)頁過渡效果。
（二）使用Powerpoint制作幻燈片
單擊鼠標(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)頁設(shè)計(jì)實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告11-25
網(wǎng)頁設(shè)計(jì)工作的實(shí)習(xí)報(bào)告11-17
網(wǎng)頁設(shè)計(jì)報(bào)告04-25
網(wǎng)頁設(shè)計(jì)述職報(bào)告01-12
網(wǎng)頁設(shè)計(jì)與制作報(bào)告02-20
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告匯編七篇02-08