第一篇：網(wǎng)頁(yè)制作心得體會(huì)

《文文工作室網(wǎng)站設(shè)計(jì)說(shuō)明書(shū)》

姓名：陳家文學(xué)號(hào)：201*36627204班級(jí)：電商092

一、 網(wǎng)站規(guī)劃

本工作室主要用來(lái)做個(gè)人網(wǎng)站，主題是介紹自我，讓更多的朋友認(rèn)識(shí)我，面向我的同學(xué)和朋友以及想結(jié)交我的朋友。

二、網(wǎng)站總體設(shè)計(jì)

本工作室只要包括我的主頁(yè)、我的簡(jiǎn)介、我的日記、我的相冊(cè)、網(wǎng)站建議等五個(gè)板塊。通過(guò)我的主頁(yè)可以進(jìn)入其他四個(gè)板塊，其他四個(gè)板塊也可以通過(guò)超鏈接回到我的主頁(yè)去。

三、網(wǎng)站設(shè)計(jì)與制作（包括網(wǎng)頁(yè)設(shè)計(jì)、圖形設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)中的主要技術(shù)、方法和設(shè)計(jì)效果）

本網(wǎng)站的布局大多是運(yùn)用css進(jìn)行布局的，這也是老師一直強(qiáng)調(diào)我們的。為了增加視覺(jué)效果，個(gè)別網(wǎng)頁(yè)還特別添加了flash效果（我的相冊(cè)），還用到了視頻和音樂(lè)等素材（如我的主頁(yè)）。個(gè)別網(wǎng)頁(yè)添加了表格，這樣顯得網(wǎng)頁(yè)更齊整。對(duì)于美化這部分，我還特別用photoshop對(duì)一部分圖片進(jìn)行了處理，讓圖片和網(wǎng)頁(yè)更好地搭配。在個(gè)別網(wǎng)頁(yè)添加表單，可以讓瀏覽者和網(wǎng)站更好地互動(dòng)，交流信息。

四、學(xué)習(xí)體會(huì)

不知不覺(jué)，我已經(jīng)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但這一個(gè)學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會(huì)了頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，還讓我學(xué)會(huì)了自己動(dòng)手去制作屬于自己的網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于像我這樣的個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既

可以從圖書(shū)、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。

做好以上三步之后，我們就要選擇合適的制作工具。 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的dreamwww.7334dd.come是插入的gif動(dòng)畫(huà)，左上角顯示日期，右上角顯示你在網(wǎng)頁(yè)呆的時(shí)間，下面是一排子目錄，包括一些鏈接和子頁(yè)面，點(diǎn)開(kāi)就可以看到關(guān)于我的詳細(xì)信息。下面是一個(gè)搜索引擎，采用的是百度是原代碼。再下來(lái)是我的近況，也采用了特效。右邊有一個(gè)滾動(dòng)字幕，是一首詩(shī)，采用了特效，下面是一些常用大型網(wǎng)站的鏈接。最下面是關(guān)于瀏覽器的說(shuō)明，主頁(yè)基本上就是這些了，還有要說(shuō)的就是“給我留言”是到網(wǎng)上去申請(qǐng)的免費(fèi)留言板，然后鏈接上去。

子網(wǎng)頁(yè)中， “spear相冊(cè)”里面全是照片，大部分照片是用數(shù)碼相機(jī)照的，有兩三張是掃描上去的；“家鄉(xiāng)風(fēng)情”里則是圖片與文字并存，這兩個(gè)頁(yè)面也是我精心設(shè)計(jì)制作的。其他的頁(yè)面就大部分以文字為主對(duì)自己進(jìn)行詳細(xì)的介紹，背景圖片是我都是我精心挑選的，多數(shù)頁(yè)面都插上了midi音樂(lè)作為背景，有個(gè)別頁(yè)面還使用了特效。

接下來(lái)再介紹介紹網(wǎng)頁(yè)的功能吧。本網(wǎng)頁(yè)可以說(shuō)具備了多項(xiàng)功能：各頁(yè)面可以讓你對(duì)我有一個(gè)比較詳細(xì)的了解；強(qiáng)大的搜索功能令你在網(wǎng)絡(luò)世界中暢通無(wú)阻，網(wǎng)站、mp3、flash、信息快遞應(yīng)有盡有；各大型網(wǎng)站的鏈接讓你輕松登陸以便看消息、發(fā)郵件；想聽(tīng)歌嗎？“我的音樂(lè)”將讓你聽(tīng)歌變得如此方便；超級(jí)留言板可以讓你暢所欲言……

相信你雖然還沒(méi)有看到我的網(wǎng)頁(yè)就已經(jīng)對(duì)它有了一個(gè)大致的了解了吧！現(xiàn)在重點(diǎn)介紹一下我的網(wǎng)頁(yè)的制作過(guò)程以及其間遇到的種種困難。

開(kāi)始時(shí)我選擇了dreamweaver8作為制作軟件，看書(shū)學(xué)習(xí)了一些基礎(chǔ)的東西之后就著手開(kāi)始了我的網(wǎng)頁(yè)制作，我先初步對(duì)網(wǎng)頁(yè)作了一些頁(yè)面規(guī)劃，然后建立了

站點(diǎn)，用軟件中的一些基本的功能制作，首先是封面，由于dreamweaver mx沒(méi)有插入藝術(shù)字的功能，所以封面上的藝術(shù)字是我先在word文檔里制作好了之后用圖片的方式插入的。接著有開(kāi)始設(shè)計(jì)主頁(yè)，我主要用層來(lái)設(shè)計(jì)版面，再適當(dāng)配合表格，經(jīng)過(guò)兩個(gè)白天和一個(gè)通宵，網(wǎng)頁(yè)基本的框架就出來(lái)了，但這時(shí)卻遇到了一個(gè)很令人頭疼的問(wèn)題：突然所有插上去的圖片都不能顯示了�。�！我用盡了所有能想出來(lái)的方法，請(qǐng)教了很多的電腦高手都不能把這個(gè)無(wú)法解釋的問(wèn)題解決，就連重新安裝dreamweavermx也毫無(wú)作用，由于是借別人的電腦，時(shí)間緊迫，沒(méi)有等到去向老師請(qǐng)教，我就一氣之下把那些東西都刪光了，連

dreamweaer也不例外，當(dāng)時(shí)我真的很失望，想到這兩天廢寢忘食地做的東西一下全沒(méi)了就很是接受不了，我曾經(jīng)一度想放棄，不過(guò)冷靜了之后我決定從頭開(kāi)始。我換了frontpage，由于對(duì)frontpage一無(wú)所知，也沒(méi)有相關(guān)的書(shū)籍，所以剛開(kāi)始建站點(diǎn)和網(wǎng)頁(yè)的方法只能向別人請(qǐng)教。不過(guò)在開(kāi)始制作了之后我發(fā)現(xiàn)

frontpage很多功能和word相似，于是很快掌握了其許多基本的功能。接著我又熬了一個(gè)通宵，決定把前面的損失彌補(bǔ)過(guò)來(lái)。前面的工作也不能算完全白做，因?yàn)橹辽傥以谥匦轮谱鞯臅r(shí)候不必話太多的時(shí)間去重新設(shè)計(jì)版面。還是按照原來(lái)的設(shè)計(jì)，只是改動(dòng)了一些，大體的框架還是沒(méi)有改變。

總結(jié) 通過(guò)這次制作網(wǎng)頁(yè)，我學(xué)到了不少東西，而且學(xué)到了不少思考問(wèn)題的方法。計(jì)算機(jī)會(huì)在以后的學(xué)習(xí)生活中充當(dāng)越來(lái)越重要的角色，相信我也會(huì)學(xué)習(xí)到更多關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)。這次制作網(wǎng)頁(yè)收獲確實(shí)不�。。�！

第五篇：學(xué)習(xí)網(wǎng)頁(yè)制作心得體會(huì)

學(xué)習(xí)網(wǎng)頁(yè)制作心得體會(huì)

轉(zhuǎn)瞬之間，半個(gè)學(xué)期又接近尾聲，在李導(dǎo)師的精心輔導(dǎo)下，度過(guò)了這個(gè)富有生機(jī)，富有朝氣的學(xué)期。學(xué)到了很多做夢(mèng)也不會(huì)遇到的如此奇特的有趣知識(shí)，對(duì)于我來(lái)講是一個(gè)很好的鍛煉和充實(shí)的機(jī)會(huì)。

俗話說(shuō)的好“書(shū)山有路勤為徑，學(xué)海無(wú)涯苦作舟”。在這一絕世佳句的鼓動(dòng)下，我把握了工作之余的一切可利用的剩余時(shí)間，全心全意投入到網(wǎng)頁(yè)世界，去不斷的學(xué)習(xí)，去不斷的收索；同時(shí)去不斷的充實(shí)，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！

在學(xué)習(xí)網(wǎng)頁(yè)制作的過(guò)程中，我深深體會(huì)到一點(diǎn)“有付出，就終有回報(bào)”，你的付出與你的回報(bào)終究是成正比的。經(jīng)過(guò)了多少漫漫長(zhǎng)路，經(jīng)過(guò)了多少忘我的投入，經(jīng)過(guò)了多少波折，我的網(wǎng)頁(yè)與眾人見(jiàn)面了。當(dāng)我第一眼在網(wǎng)絡(luò)下一覽我的個(gè)人主頁(yè)，我是多么的激動(dòng)，多么的興奮，就像多年未見(jiàn)的老同學(xué)，一種講不出道不明的感覺(jué)。

我在制作主頁(yè)中的心得體會(huì):

做好主頁(yè)，并不是一件容易的事，它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。

1.標(biāo)題

在個(gè)人主頁(yè)中標(biāo)題起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短，有特色、容易記，還要符合自己主頁(yè)的主題和風(fēng)格，決不要取一個(gè)名不符實(shí)的"好名字"，別人第一次上了當(dāng)，下次再也不會(huì)光顧了。

2.內(nèi)容的采集

選好標(biāo)題后，開(kāi)始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過(guò)程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛(ài)好盡情地發(fā)揮出來(lái)，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁(yè)就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽(tīng)的歌，一些好的動(dòng)畫(huà)作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過(guò)十個(gè)，層次上最好少于五層。

3.圖片

做個(gè)人主頁(yè)不能只用文字，必須在主頁(yè)上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說(shuō)"一圖勝千言"，我想不無(wú)道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當(dāng)然處理得不好的以及無(wú)關(guān)緊要的圖片最好不要放上去，否則讓人覺(jué)得是累贅，同時(shí)也影響網(wǎng)頁(yè)的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大�。�即字節(jié)數(shù)），在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁(yè)的傳輸速度。那么如何精簡(jiǎn)圖片的大小呢，一般來(lái)說(shuō)，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因?yàn)間if和jpg各有各的壓縮優(yōu)勢(shì)，應(yīng)根據(jù)具體的圖片來(lái)選擇壓縮比。

4.網(wǎng)頁(yè)排版

網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個(gè)原則是合理地運(yùn)用空間，讓自己的網(wǎng)頁(yè)井井有條，留下必要的空白，人覺(jué)得很輕松。不要把整個(gè)網(wǎng)頁(yè)都填得密密實(shí)實(shí)的，沒(méi)有一點(diǎn)空隙，這樣會(huì)給人一種壓抑感。

5.背景

網(wǎng)頁(yè)的背景并不一定非要用白色，選用的背景應(yīng)該和整套頁(yè)面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色

彩是非常關(guān)鍵的。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《網(wǎng)頁(yè)制作的心得體會(huì)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/285220.html

• 上一篇：老師廉潔從教心得體會(huì)
• 下一篇：美術(shù)課聽(tīng)課心得