網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇

Word第第頁網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告篇1

一、任務(wù)內(nèi)容

原打算準(zhǔn)備以“植物”為主題，在設(shè)計(jì)過程中發(fā)覺范圍過于寬泛，無法完成主題的設(shè)計(jì)。因自己非常寵愛梔子花且有所種植經(jīng)受，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁設(shè)計(jì)內(nèi)容。主要分為一、梔子花的文化，二、梔子花的種類和生長特性以及三、我的梔子花三個(gè)模塊。

其中，模塊一使用幻燈片進(jìn)行演示，主要分為關(guān)于梔子花的詩句、梔子花的傳奇以及梔子花的蘊(yùn)涵三個(gè)部分。模塊二采納網(wǎng)頁模板進(jìn)行展現(xiàn)，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展現(xiàn)了自己拍攝的梔子花圖片。盼望通過我的展現(xiàn)，讓他人對梔子花有所了解。

二、設(shè)計(jì)步驟

一、構(gòu)思

首先，對梔子花的種類進(jìn)行簡潔的介紹；其次，對梔子花的文化內(nèi)涵進(jìn)行簡要描述；最終，展現(xiàn)自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁【一、主頁、二、梔子花的種類和生長特性、以及三、自己種植的梔子花的圖片三個(gè)模塊?！亢鸵唤M幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類和生長特性】采納網(wǎng)頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。

二、取材

主要從網(wǎng)絡(luò)上獵取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊中獵取。

三、設(shè)計(jì)〔一〕網(wǎng)頁設(shè)計(jì)

模塊一、梔子花的文化以及模塊三、我的梔子花采納網(wǎng)頁設(shè)計(jì)。

在首頁添加表格，在表格內(nèi)增加標(biāo)題欄以及字幕，增加了圖片、背景圖片、背景音樂、文字、藝術(shù)字對首頁進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接，與三個(gè)模塊進(jìn)行連接，便于翻閱。

在模塊二中采納網(wǎng)頁模板進(jìn)行展現(xiàn)，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內(nèi)采納表格對網(wǎng)頁進(jìn)行劃分，對梔子花進(jìn)行概述和分類描述。插入圖片，便于直觀的了解各個(gè)種類的梔子花。其中，各個(gè)種類的梔子花展現(xiàn)位于網(wǎng)頁模板的右方，在左方進(jìn)行總說，并通過超鏈接與梔子花的分類說明建立聯(lián)系。

在模塊三中，通過繪制表格對網(wǎng)頁進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁。

〔二〕幻燈片設(shè)計(jì)

此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增加了背景圖片、背景音樂以及大量的文字說明，未對幻燈片進(jìn)行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。

〔三〕flash設(shè)計(jì)

此次flash設(shè)計(jì)主要用于美化模塊二中對大葉梔子以及雀舌梔子的介紹過程。

四、美化

〔一〕添加背景音樂

在主頁以及各個(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)告篇2

實(shí)習(xí)目的：熟識和把握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培育我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的基本思路和應(yīng)用開發(fā)力量，提高我們的計(jì)算機(jī)文化素養(yǎng)。

網(wǎng)頁是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們在這個(gè)缺乏0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對公司的影響比簡潔的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜尋引擎其他WEB站點(diǎn)的鏈接，繞過主頁而進(jìn)入WEB的深層。

一.網(wǎng)站的整體規(guī)劃

1.商量網(wǎng)站主題：由于自己對普羅旺斯很感愛好，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。

2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是掃瞄者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁設(shè)計(jì)上面，依據(jù)普羅旺斯夢幻般的意境，我采納的是清爽雋永的CI形象。使掃瞄者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2]其次就應(yīng)當(dāng)考慮導(dǎo)航條的設(shè)置了。

3]正文的框架設(shè)置(橫向因素和縱向因素交叉)

在掃瞄了許多精致的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使掃瞄者留下映像。

二.網(wǎng)頁制作的前期策劃與預(yù)備

1.資料的搜集：由于個(gè)人的愛好，我很早以前就收集了很多普羅旺斯的美圖，這次就便利多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。

2.熟識制作工具軟件：

主頁制作的基本條件有：

硬件：

一臺電腦(64mb以上內(nèi)存，當(dāng)然越大越好啦);可以撥號上網(wǎng);假如你有條件的話,建議:配置掃描儀,這將大大便利圖像和文字的輸入;

軟件：

html編輯軟件：常用的有frontpage、hotdog等，本文重點(diǎn)介紹dreamweaver;

圖像處理軟件：常用的有photoshop、flash、fireworks等;

文件上傳軟件：常用的有cuteftp、wsftp等。

三.網(wǎng)頁制作

真的是萬事開頭難啊，遇到了許多問題，比方：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的'給掩蓋掉了;插入的flash不能產(chǎn)生效果?？傊畣栴}一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的學(xué)問。于是回來根源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本學(xué)問有了具體的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我確定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。

然后是主頁和二級頁面的設(shè)置。要留意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,由于它們太大了,但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比方office97的照片編輯器。把預(yù)備在主頁上消失的圖象放進(jìn)相應(yīng)的名目里后.

在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了許多的東西。

四.網(wǎng)頁的調(diào)試

之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑轉(zhuǎn)變的話也不會影響頁面的效果。

總結(jié)：在上,不管你是資產(chǎn)上億的大公司,還是捉襟見肘的窮同學(xué),只要你建立了自己的網(wǎng)頁,你們的地位就是公平的。經(jīng)過這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁設(shè)計(jì)與制作是一門浩大的工程。網(wǎng)站的反饋與評價(jià)網(wǎng)站要留意常常維護(hù)更新內(nèi)容、保持內(nèi)容的新奇,不要做好就放到服務(wù)器永久不變了,只有不斷地補(bǔ)充、更新內(nèi)容、才能夠吸引掃瞄者.維護(hù)更新時(shí)可以充分利用dreamweaver供應(yīng)的模板和庫技術(shù),以提高工作效率.一個(gè)真正的網(wǎng)站,不僅應(yīng)當(dāng)實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶供應(yīng)需要的內(nèi)容、而且還應(yīng)當(dāng)做更多的事情、完成比頁面掃瞄更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲以及系統(tǒng)維護(hù)等.自己還有很多要學(xué)習(xí)的地方。

網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告篇3

我第一次步入了社會，從今開頭了面對社會、工作的生活。剛剛走入社會的我是一獨(dú)特格有些內(nèi)向的人，面對生疏的人，我不善言辭，不會給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個(gè)我很清晰。如今，中國每年都有許多畢業(yè)的高校生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作確定不會太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁設(shè)計(jì)的工作?，F(xiàn)將我在工作中的狀況報(bào)告如下。

工作介紹

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有特地做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學(xué)校主要做的是后臺開發(fā)，當(dāng)然前臺設(shè)計(jì)工作也還算嫻熟，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過cms軟件就可以進(jìn)行開發(fā)網(wǎng)頁設(shè)計(jì)工作實(shí)習(xí)報(bào)告精選3篇網(wǎng)頁設(shè)計(jì)工作實(shí)習(xí)報(bào)告精選3篇。但是有個(gè)別的網(wǎng)站開發(fā)時(shí)，我們還是需要進(jìn)行一些手寫代碼工作的。

開發(fā)技術(shù)

做為一個(gè)剛畢業(yè)的高校生，我的學(xué)問儲備確定有缺乏的地方，究竟學(xué)校教的東西確定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)嫻熟的把握相關(guān)技術(shù)，干好本職工作。

在高校里對一個(gè)同學(xué)來說什么是最重要的，那就是學(xué)習(xí)力量。要知道，這個(gè)世界上，學(xué)問在進(jìn)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的改變，我們的學(xué)問儲備總會有不夠的地方，但是肯定要有學(xué)習(xí)力量，將不會學(xué)問快速把握，只有這樣才能占據(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)當(dāng)多學(xué)點(diǎn)，但好在我都有學(xué)過，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比方說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時(shí)候常常玩的，可是后來在分析就業(yè)狀況時(shí)，分析錯(cuò)了方向，以為這東西沒有什么用途，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)時(shí)記了許多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學(xué)過，只是實(shí)踐力量稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的

通過這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我最終可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的