網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇
在不斷進(jìn)步的時(shí)代，我們都不可避免地要接觸到報(bào)告，要注意報(bào)告在寫(xiě)作時(shí)具有一定的格式。我敢肯定，大部分人都對(duì)寫(xiě)報(bào)告很是頭疼的，下面是小編收集整理的網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇，希望對(duì)大家有所幫助。
網(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è)模塊。】和一組幻燈片【梔子花的文化】構(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)涵和文化。
（三）flash設(shè)計(jì)
此次flash設(shè)計(jì)主要用于美化模塊二中對(duì)大葉梔子以及雀舌梔子的介紹過(guò)程。
四、美化
（一）添加背景音樂(lè)
在主頁(yè)以及各個(gè)模塊中均插入了背景音樂(lè)。
（二）設(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ò)渡效果。
（二）使用Powerpoint制作幻燈片
單擊鼠標(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
實(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的深層。
一.網(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.確定欄目和板塊：
1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫(huà)出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(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.熟悉制作工具軟件：
主頁(yè)制作的基本條件有：
硬件：
一臺(tái)電腦(64mb以上內(nèi)存，當(dāng)然越大越好啦);可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：
html編輯軟件：常用的有frontpage、hotdog等，本文重點(diǎn)介紹 dreamweaver;
圖像處理軟件：常用的有photoshop、flash、fireworks 等;
文件上傳軟件：常用的有cuteftp、wsftp等。
三.網(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)換，比如office 97的照片編輯器。把準(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ǎng)頁(yè)的調(diào)試
之前把作過(guò)的東西放到u盤(pán)里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
總 結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見(jiàn)肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁(yè),你們的地位就是平等的。經(jīng)過(guò)這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè) 計(jì)與制作是一門(mén)龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、 才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用dreamweaver提供的模板和庫(kù)技術(shù),以提高工作效率. 一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶(hù)提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳 遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告 篇3
我第一次步入了社會(huì)，從此開(kāi)始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷(xiāo)售、接待的工作，只有技術(shù)類(lèi)的工作，少說(shuō)多干的活適合我，這個(gè)我很清楚。現(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的工作。現(xiàn)將我在工作中的情況報(bào)告如下。
工作介紹
我工作的這家公司，從事網(wǎng)站開(kāi)發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶(hù)接恰生意的，有專(zhuān)門(mén)做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開(kāi)發(fā)，我在學(xué)校主要做的是后臺(tái)開(kāi)發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開(kāi)發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)網(wǎng)頁(yè)設(shè)計(jì)工作實(shí)習(xí)報(bào)告精選3篇網(wǎng)頁(yè)設(shè)計(jì)工作實(shí)習(xí)報(bào)告精選3篇。但是有個(gè)別的網(wǎng)站開(kāi)發(fā)時(shí)，我們還是需要進(jìn)行一些手寫(xiě)代碼工作的。
開(kāi)發(fā)技術(shù)
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的'工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類(lèi)在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的
通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了
像我這個(gè)組常用的是css+div排版，后臺(tái)使用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采用，linu+apache+mysql+php,這種 lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都開(kāi)始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫(xiě)一些小模塊。或者用javascript寫(xiě)一些特效小代碼。
【網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告04-25
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告（通用5篇）11-17
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告02-16
網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)報(bào)告09-08
網(wǎng)頁(yè)設(shè)計(jì)總結(jié)11-09
網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)（精選11篇）05-29
網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)11-02
網(wǎng)頁(yè)設(shè)計(jì)崗位職責(zé)04-10