網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇
在不斷進(jìn)步的時(shí)代，我們都不可避免地要接觸到報(bào)告，要注意報(bào)告在寫作時(shí)具有一定的格式。我敢肯定，大部分人都對(duì)寫報(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ì)過程中發(fā)現(xiàn)范圍過于寬泛，無法完成主題的設(shè)計(jì)。因自己十分喜愛梔子花且有所種植經(jīng)歷，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容。主要分為一、梔子花的文化，二、梔子花的種類和生長(zhǎng)特性以及三、我的梔子花三個(gè)模塊。
其中，模塊一使用幻燈片進(jìn)行演示，主要分為關(guān)于梔子花的詩(shī)句、梔子花的傳說以及梔子花的蘊(yùn)涵三個(gè)部分。模塊二采用網(wǎng)頁(yè)模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過我的展示，讓他人對(duì)梔子花有所了解。
二、設(shè)計(jì)步驟
一、構(gòu)思
首先，對(duì)梔子花的種類進(jìn)行簡(jiǎn)單的介紹；其次，對(duì)梔子花的文化內(nèi)涵進(jìn)行簡(jiǎn)要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁(yè)【一、主頁(yè)、二、梔子花的種類和生長(zhǎng)特性、以及三、自己種植的梔子花的圖片三個(gè)模塊�！亢鸵唤M幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類和生長(zhǎng)特性】采用網(wǎng)頁(yè)模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。
二、取材
主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊(cè)中獲取。
三、設(shè)計(jì) （一）網(wǎng)頁(yè)設(shè)計(jì)
模塊一、梔子花的文化以及模塊三、我的梔子花采用網(wǎng)頁(yè)設(shè)計(jì)。
在首頁(yè)添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術(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)行概述和分類描述。插入圖片，便于直觀的了解各個(gè)種類的梔子花。其中，各個(gè)種類的梔子花展示位于網(wǎng)頁(yè)模板的.右方，在左方進(jìn)行總說，并通過超鏈接與梔子花的分類說明建立聯(lián)系。
在模塊三中，通過繪制表格對(duì)網(wǎng)頁(yè)進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁(yè)。
（二）幻燈片設(shè)計(jì)
此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說明，未對(duì)幻燈片進(jìn)行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。
�。ㄈゝlash設(shè)計(jì)
此次flash設(shè)計(jì)主要用于美化模塊二中對(duì)大葉梔子以及雀舌梔子的介紹過程。
四、美化
�。ㄒ唬┨砑颖尘耙魳�
在主頁(yè)以及各個(gè)模塊中均插入了背景音樂。
�。ǘ┰O(shè)計(jì)網(wǎng)頁(yè)過渡 （三）添加超鏈接
三、采用的方法與手段
（一）使用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è)過渡，即可設(shè)計(jì)網(wǎng)頁(yè)過渡效果。
�。ǘ┦褂肞owerpoint制作幻燈片
單擊鼠標(biāo)右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。
單擊插入，選擇圖片，即可添加圖片或者藝術(shù)字。
選定文字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。 選定幻燈片，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。 選定藝術(shù)字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。、
�。ㄈ┦褂肍lash制作動(dòng)畫
單擊插入新建元件，即可進(jìn)行元件的編輯。
單擊15幀或30幀，單擊鼠標(biāo)右鍵，選擇插入空白關(guān)鍵幀。 單擊第一幀或第15幀，選擇補(bǔ)間，選擇形狀或動(dòng)畫即可。
網(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)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁(yè)對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多;網(wǎng)頁(yè)也是公司對(duì)外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過主頁(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é)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備
1.資料的搜集：由于個(gè)人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。
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è)制作
真 的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的 flash不能產(chǎn)生效果�？傊畣栴}一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借 了幾本網(wǎng)頁(yè)制作方面的書籍來參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過加映像之后，我決定為我的網(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é)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的`遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁(yè)的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
總 結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁(yè),你們的地位就是平等的。經(jīng)過這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè) 計(jì)與制作是一門龐大的工程。網(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)媒體的電子化,給用戶提供需要的內(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ì)，從此開始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個(gè)我很清楚。現(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的工作。現(xiàn)將我在工作中的情況報(bào)告如下。
工作介紹
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開發(fā)，我在學(xué)校主要做的是后臺(tái)開發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的`網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過cms軟件就可以進(jìn)行開發(fā)網(wǎng)頁(yè)設(shè)計(jì)工作實(shí)習(xí)報(bào)告精選3篇網(wǎng)頁(yè)設(shè)計(jì)工作實(shí)習(xí)報(bào)告精選3篇。但是有個(gè)別的網(wǎng)站開發(fā)時(shí)，我們還是需要進(jìn)行一些手寫代碼工作的。
開發(fā)技術(shù)
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來說什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過二個(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í)候就接觸過，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的
通過這種實(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)行開發(fā)，服務(wù)器平臺(tái)采用，linu+apache+mysql+php,這種 lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過時(shí)了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開發(fā)部分，我們使用php來進(jìn)行開發(fā)，我的工作是手寫一些小模塊�；蛘哂胘avascript寫一些特效小代碼。
【網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告09-16
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告09-01
網(wǎng)頁(yè)設(shè)計(jì)總結(jié)07-13
網(wǎng)頁(yè)設(shè)計(jì)崗位職責(zé)05-21
網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告萬能模板（精選13篇）09-08
設(shè)計(jì)類實(shí)習(xí)報(bào)告10-21
關(guān)于設(shè)計(jì)的實(shí)習(xí)報(bào)告07-24
有關(guān)設(shè)計(jì)的實(shí)習(xí)報(bào)告08-29