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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

frontpage很多功能和word相似，于是很快掌握了其許多基本的功能。接著我又熬了一個通宵，決定把前面的損失彌補(bǔ)過來。前面的工作也不能算完全白做，因為至少我在重新制作的時候不必話太多的時間去重新設(shè)計版面。還是按照原來的設(shè)計，只是改動了一些，大體的框架還是沒有改變。

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

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

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

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

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

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

我在制作主頁中的心得體會:

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

1.標(biāo)題

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

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

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

3.圖片

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

4.網(wǎng)頁排版

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

5.背景

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

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

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

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

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