第一篇：網(wǎng)頁制作的方式對比及心得體會(huì)

網(wǎng)頁制作的方式對比及心得體會(huì)

HTML是目前網(wǎng)頁設(shè)計(jì)語言的基礎(chǔ)，至今仍然是網(wǎng)站設(shè)計(jì)語言的主流。自從2000年國際W3C組織(World Wide Web Consortium)公布了XHTML 1.0版本之后，關(guān)于網(wǎng)站建設(shè)標(biāo)準(zhǔn)的討論日益增多，網(wǎng)站是不是應(yīng)該立即采用XHTML方式（即網(wǎng)站設(shè)計(jì)人員通常說的“CSS＋DIV”）也引發(fā)了一些爭議。那么，基于XHTML的CSS＋DIV網(wǎng)站標(biāo)準(zhǔn)制作網(wǎng)站有什么特點(diǎn)呢？綜合網(wǎng)站技術(shù)和設(shè)計(jì)人員的體會(huì)，CSS+DIV網(wǎng)站建設(shè)具有以下優(yōu)勢和不足：

CSS網(wǎng)頁布局的優(yōu)點(diǎn)體現(xiàn)在如下方面：

一、使頁面載入得更快

由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小。相對于表格嵌套的方式，DIV+CSS將頁面獨(dú)立成更多的區(qū)域，在打開頁面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁面圈在一個(gè)大表格里，使得加載速度很慢。

二、降低流量費(fèi)用

頁面體積變小，瀏覽速度變快，這就使得對于某些控制主機(jī)流量的網(wǎng)站來說是最大的優(yōu)勢了。

三、修改設(shè)計(jì)時(shí)更有效率

由于使用了DIV+CSS制作方法，在修改頁面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁面的時(shí)候更加方便，也不會(huì)破壞頁面其他部分的布局樣式。

四、保持視覺的一致性

DIV+CSS最重要的優(yōu)勢之一：保持視覺的一致性；以往表格嵌套的制作方法，會(huì)使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。

五、更好地被搜索引擎收錄

由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁中正文部分更為突出明顯，便于被搜索引擎采集收錄。

六、對瀏覽者和瀏覽器更具親和力

我們都知道網(wǎng)站做出來是給瀏覽者使用的，對瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢。由于CSS富含豐富的樣式，使頁面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。

說了這么多CSS網(wǎng)頁布局的優(yōu)點(diǎn)，同時(shí)也不能輕視CSS網(wǎng)頁布局的副作用：

一、DIV+CSS盡管不是高不可及，但至少要比表格定位復(fù)雜的多，即使對于網(wǎng)站設(shè)計(jì)高手也很容易出現(xiàn)問題，更不要說初學(xué)者了。

二、CSS網(wǎng)站制作的設(shè)計(jì)元素通常放在1個(gè)外部文件中，或幾個(gè)文件，有可能相當(dāng)復(fù)雜，甚至比較龐大，如果CSS文件調(diào)用出現(xiàn)異常，那么整個(gè)網(wǎng)站將變得慘不忍睹。

三、雖然說DIV+CSS解決了大部分瀏覽器兼容問題，但是也有在部分瀏覽器中使用出現(xiàn)異常，比如火狐瀏覽器，在IE中顯示正常的頁面，到了火狐瀏覽器中可能會(huì)面目全非。當(dāng)然這應(yīng)該是瀏覽器的問題，但是可以說在目前來看，DIV+CSS還沒有實(shí)現(xiàn)所有瀏覽器的統(tǒng)一兼容。

四、DIV+CSS對搜索引擎優(yōu)化與否,取決于網(wǎng)頁設(shè)計(jì)的專業(yè)水平,而不是DIV+CSS本身。DIV+CSS網(wǎng)頁設(shè)計(jì)并不能保證網(wǎng)頁對搜索引擎的優(yōu)化，甚至不能

保證一定比HTML網(wǎng)站有更簡潔的代碼設(shè)計(jì)，何況搜索引擎對于網(wǎng)頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量，這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結(jié)果中的排序靠前，而很多使用CSS及web標(biāo)準(zhǔn)制作的網(wǎng)頁排名依然靠后的原因。因?yàn)閷τ谒阉饕娑?，網(wǎng)站結(jié)構(gòu)、內(nèi)容、相關(guān)網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化最重要的指標(biāo)。

綜合以上討論的DIV+CSS優(yōu)勢和略勢，我認(rèn)為不可盲目跟風(fēng)，如何更有效、更合理的運(yùn)用WEB2.0設(shè)計(jì)標(biāo)準(zhǔn)，這需要很長時(shí)間的學(xué)習(xí)和鍛煉。而如何將DIV+CSS運(yùn)用的更好，我覺得這需要通過不斷的實(shí)踐和體檢，積累豐富的設(shè)計(jì)經(jīng)驗(yàn)，才能很好的掌握這門技術(shù)。

制作網(wǎng)頁是一件很復(fù)雜的事，要做好一套網(wǎng)頁需要考慮很多方面。下面就以個(gè)人主頁的制作來簡述一下個(gè)人對網(wǎng)頁制作的心得與體會(huì)。

在制作一套網(wǎng)頁之前，首先必須先定位網(wǎng)頁的方向，及確定所制作網(wǎng)站的標(biāo)題。標(biāo)題在個(gè)人主頁中起了很重要的作用，他很大部分的決定了你整套個(gè)人主頁的定位是否正確，一個(gè)好的名字必須有概括性的、簡短的、有特色的、容易記得還要符合自己主頁的主題和風(fēng)格，決不要取什么名實(shí)不符或則夸大夸大其詞的“好名字”，別人第一次上你的當(dāng)下次恐怕再也不會(huì)光顧了。

選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須緊隨著標(biāo)題，在采集內(nèi)容過程中，很重要的一個(gè)“特”色，所謂特色應(yīng)該是有一些自己的東西，不能跟平常中所看到的企事業(yè)單位的網(wǎng)頁相比，個(gè)人主頁中的特色，應(yīng)該突出自己獨(dú)特的個(gè)性，把自己的興趣、愛好盡情的發(fā)揮，因?yàn)樵诰W(wǎng)絡(luò)上不受限制，沒有人在你的創(chuàng)作內(nèi)容上指手劃腳，品頭論足、你的主頁就是你在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里你可以放上你自 己喜歡的任何東西（當(dāng)然不是違法的內(nèi)容、不涉及到版權(quán)的），包括你自己平時(shí)寫的一些文章，一些好聽的歌，一段幽默的文章，收集一些好的作品，把這些內(nèi)容按類別進(jìn)行分類設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層，而你的拳頭欄目最好能直接從首頁到達(dá)，保證主頁用各 種瀏覽器的都能看到最好的效果。

如果想自己的網(wǎng)頁更有特色一些，可適當(dāng)?shù)募右恍┚W(wǎng)頁制作得技術(shù)，諸如聲音、動(dòng)態(tài)網(wǎng)頁、java、applet等技術(shù)，當(dāng)然這種技術(shù)最好不要加太多，他會(huì)影 響網(wǎng)頁的下載速度，另外可考慮一下你主頁的定居點(diǎn)速度和穩(wěn)定性，不妨考慮建一兩個(gè)鏡象站點(diǎn)，不僅能照顧到不同地區(qū)網(wǎng)友對速度的要求，還能作好備份，以防萬一。

從古至今，很多藝術(shù)家和學(xué)者提出了各種關(guān)于形式美的規(guī)律，很多經(jīng)得起推敲的作品都是遵循這些規(guī)律去創(chuàng)作，以期完成其審美價(jià)值的。因此，在網(wǎng)站設(shè)計(jì)過程中，設(shè)計(jì)者必須去研究，掌握并主動(dòng)地、有意識的運(yùn)用這些規(guī)律，才能創(chuàng)作出好的作品。當(dāng)然，不同時(shí)代有不同的設(shè)計(jì)審美觀念，也有不同的美學(xué)特征。在信息特別發(fā)達(dá)的今天，競爭日趨激烈，給人們帶來了新的審美需求，對于網(wǎng)頁設(shè)計(jì)，客觀上將其推向了更高層的表現(xiàn)境界，這是網(wǎng)頁設(shè)計(jì)的必然趨勢。去追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，我們應(yīng)該把美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計(jì)的具體問題相結(jié)合起來。先談?wù)勛兓徒y(tǒng)一。變化是各個(gè)組成部分之間的區(qū)別，統(tǒng)一是個(gè)部分之間的內(nèi)在關(guān)聯(lián)。再看條理與反復(fù)，其中反復(fù)是有規(guī)律的連續(xù)與延伸，有組織的變化與擴(kuò)展并加以歸納，概括而富于條理化。對比和調(diào)和，對比是為了使主題畫面具有變化和生氣而運(yùn)用的方法。而調(diào)和是構(gòu)成美的對象在部分與部分之間的相互關(guān)系。只有做到對比和調(diào)和的相輔相成，才能使網(wǎng)頁頁面鮮明、突出，更好的傳達(dá)出設(shè)計(jì)者的意圖。均齊與平衡，這是動(dòng)力

與中心兩者矛盾的統(tǒng)一所產(chǎn)生的形態(tài)，是設(shè)計(jì)中求得中心穩(wěn)定的兩種組織形式，均齊的組織方法是無論在哪一個(gè)中軸和中心支點(diǎn)各方面配置同形同量的圖形，都要求圖形整體結(jié)構(gòu)嚴(yán)謹(jǐn)，形態(tài)安定整齊，平衡。實(shí)際上也是一句中軸和支點(diǎn)保持平衡，所不同的是配置的形為等量不等形，它沒有一定的組織原則，只要能在形式結(jié)構(gòu)上掌握好中心即可，它要求在形式上自然合理。如何看待網(wǎng)頁上的留空？并非要把整個(gè)頁面塞滿了才不覺得空，我想只要合理的安排，使頁面達(dá)到平衡，既使在一邊的部分大面積留空，同樣不會(huì)讓人感到空，相反這樣會(huì)給人留下廣闊的思考空間，給人回味。

上面僅僅探討了幾個(gè)非常貼近網(wǎng)頁制作的形式美的規(guī)則，以及在網(wǎng)頁中的運(yùn)用。如何解決網(wǎng)頁中的獨(dú)特性的問題呢?我想這不僅僅是審美的形式問題,主要要站在網(wǎng)站本身的高點(diǎn)上來考慮，綜合自身的整體形象，如網(wǎng)站的標(biāo)志、標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色等等，因?yàn)檫@些方面就是自己與眾不同之處，如果將這些經(jīng)獨(dú)特設(shè)計(jì)的關(guān)于自身經(jīng)營理念的東西融合到網(wǎng)頁設(shè)計(jì)中去，怎會(huì)與人雷同呢？隨便打個(gè)比方，假如運(yùn)用自己的網(wǎng)站的標(biāo)準(zhǔn)色作為網(wǎng)頁的基調(diào)，不光是能做到獨(dú)特，而且對于網(wǎng)站本身的形象是很有好處的，就如我們經(jīng)常見到的IBM的藍(lán)，可口可樂的紅白兩色。這都是苦心的營造的企業(yè)形象的重要組成部分。網(wǎng)站要想樹立自己的獨(dú)特的形象，必須從這些方面入手，把網(wǎng)頁上的各種信息的表達(dá)統(tǒng)一到網(wǎng)站綜合形象的整體里面來考慮。就會(huì)給人留下深刻的獨(dú)特的形象。

等個(gè)人主頁作了差不多了，也別忘了在網(wǎng)頁上放一個(gè)留言板、一個(gè)計(jì)數(shù)器是必要的，前者能讓你即使的獲得參觀者意見和建議，即使的得到網(wǎng)友的反饋信息，你最好能做到有問必答，用行動(dòng)去贏的更多的訪問者，后者能讓你知道主頁參觀者的統(tǒng)計(jì)數(shù)據(jù)，你可以即使調(diào)整你的設(shè)計(jì)，適應(yīng)不同的瀏覽器和參觀者的要求。最后一步就是宣傳你的個(gè)人主頁，首先你先在各個(gè)搜索引擎登陸，這點(diǎn)你可以交給一些網(wǎng)上專門免費(fèi)提供這類服務(wù)的站點(diǎn)替你做。此外你也不妨同訪問量大的一些站點(diǎn)作一下友情鏈接。通過他們網(wǎng)站來訪問你的個(gè)人主頁。擴(kuò)大你網(wǎng)站的知名度。

網(wǎng)頁制作不只是簡單的掌握好制作軟件就可以的，還要考慮到網(wǎng)頁布局等一系列因素，所以說要想制作好一套網(wǎng)頁不是一個(gè)人的事，需要與伙伴很好的交流溝通，集合眾人之力才能做出出色的網(wǎng)頁。

08級計(jì)算機(jī)應(yīng)用技術(shù)

逄淑勝

2010年10月25日

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

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

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

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

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

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

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

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

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

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

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

建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。

首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對于像我這樣的個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(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)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們在下面會(huì)有詳細(xì)介紹。

做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個(gè)人覺得Photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它。這里推薦二個(gè)有免費(fèi)空間和域名的網(wǎng)址給大家：http://www.3v.cm/member/index.html http://5944.net

以上就是我對于網(wǎng)頁制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過各種方式繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門的徐兵老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁的知識，謝謝！

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

網(wǎng)頁制作心得體會(huì)

在制作一套網(wǎng)頁之前，首先必須先定位網(wǎng)頁的方向，及確定所制作網(wǎng)站的標(biāo)題。標(biāo)題在個(gè)人主頁中起了很重要的作用，他很大部分的決定了你整套個(gè)人主頁的定位是否正確，一個(gè)好的名字必須有概括性的、簡短的、有特色的、容易記得還要符合自己主頁的主題和風(fēng)格，決不要取什么名實(shí)不符或則夸大夸大其詞的“好名字”，別人第一次上你的當(dāng)下次恐怕再也不會(huì)光顧了。

選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須緊隨著標(biāo)題，在采集內(nèi)容過程中，很重要的一個(gè)“特”色，所謂特色應(yīng)該是有一些自己的東西，不能跟平常中所看到的企事業(yè)單位的網(wǎng)頁相比，個(gè)人主頁中的特色，應(yīng)該突出自己獨(dú)特的個(gè)性，把自己的興趣、愛好盡情的發(fā)揮，因?yàn)樵诰W(wǎng)絡(luò)上不受限制，沒有人在你的創(chuàng)作內(nèi)容上指手劃腳，品頭論足、你的主頁就是你在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里你可以放上你自 己喜歡的任何東西（當(dāng)然不是違法的內(nèi)容、不涉及到版權(quán)的），包括你自己平時(shí)寫的一些文章，一些好聽的歌，一段幽默的文章，收集一些好的作品，把這些內(nèi)容按類別進(jìn)行分類設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層，而你的拳頭欄目最好能直接從首頁到達(dá)，保證主頁用各 種瀏覽器的都能看到最好的效果。

做個(gè)人主頁我覺得不能光光用文字，必須在主頁上適當(dāng)?shù)募右恍﹫D片，增加可看性，俗語有一句話“一圖甚千言”我想不無道理，一張好處理看的圖片不須要你多做任何解釋，就能讓人流連忘懷，浮想聯(lián)翩，總能讓人去思考，情不至竟的去了解他，當(dāng)然處理不好的以及那些無關(guān)緊要的圖片最好不要放上去，讓人覺得是累贅，影響了網(wǎng)頁傳輸速度，圖片不關(guān)要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小即字節(jié)數(shù)，在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小很大程度上影響了網(wǎng)頁的傳輸速度，那么如何精簡圖片的大小呢，一般來說，圖片的顏色較少的及在256色以內(nèi)的最好把它處理成gif圖象格式，如果是一些彩色照片、色彩比較豐富的圖片最好把它處理成jpg圖象格式，因?yàn)間if和jpg各有各的壓縮優(yōu)勢，應(yīng)跟據(jù)具體的圖片來選擇壓縮比。

網(wǎng)頁頁面設(shè)計(jì)整體的排版設(shè)計(jì)也是不可忽略得，要使用戶在狹窄的電腦屏幕上閱讀，很重要的一個(gè)原則是合理的運(yùn)用空間，讓自己的網(wǎng)頁疏密有致，僅僅有條，不要把一整個(gè)網(wǎng)頁都填的實(shí)實(shí)的，沒有一點(diǎn)空隙，給人一種急迫感，看一套網(wǎng)頁應(yīng)該讓人覺得很輕松，留下必要得空白，網(wǎng)頁的背景并不一定非要運(yùn)用白色，但選用的背景應(yīng)該跟整套頁面的色調(diào)相協(xié)調(diào)，應(yīng)該有特色，合理的應(yīng)用色彩是非常關(guān)鍵的，據(jù)心理學(xué)家的研究“色彩最能引起人們 奇特的想象，他最能撥動(dòng)感情的琴弦”比如說你做的個(gè)人主頁是屬于感情類的，那最好選用一些玫瑰色、紫色之類的比較淡雅的色彩，而不要用黑色、深藍(lán)色這類比較灰暗的色彩，黑色他是所有色彩的集合體，黑色比較深沉，他能壓抑其他色彩，在圖案設(shè)計(jì)中黑色經(jīng)常用來繪紋樣、勾邊或點(diǎn)綴最深沉的部位，黑色不是靈丹妙藥，用時(shí)必須苦心經(jīng)營，否則會(huì)時(shí)圖案“黑色太重”或顯得沉悶陰暗。

如果想自己的網(wǎng)頁更有特色一些，可適當(dāng)?shù)募右恍┚W(wǎng)頁制作得技術(shù)，諸如聲音、動(dòng)態(tài)網(wǎng)頁、java、applet等技術(shù)，當(dāng)然這種技術(shù)最好不要加太多，他會(huì)影 響網(wǎng)頁的下載速度，另外可考慮一下你主頁的定居點(diǎn)速度和穩(wěn)定性，不妨考慮建一兩個(gè)鏡象站點(diǎn)，不僅能照顧到不同地區(qū)網(wǎng)友對速度的要求，還能作好備份，以防萬一。等個(gè)人主頁作了差不多了，可別忘了在您的個(gè)人主頁上放一個(gè)留言板、一個(gè)計(jì)數(shù)器是必要的，前者能讓你即使的獲得參觀者意見和建議，即使的得到網(wǎng)友的反饋信息，你最好能做到有問必答，用行動(dòng)去贏的更多的訪問者，后者能讓你知道主頁參觀者的統(tǒng)計(jì)數(shù)據(jù)，你可以即使調(diào)整你的設(shè)計(jì)，適應(yīng)不同的瀏覽器和參觀者的要求。最后一步就是宣傳你的個(gè)人主頁，首先你先在各個(gè)搜索引擎登陸，這點(diǎn)你可以交給一些網(wǎng)上專門免費(fèi)提供這類服務(wù)的站點(diǎn)替你做。此外你也不妨同訪問量大的一些站點(diǎn)作一下友情鏈接。通過他們網(wǎng)站來訪問你的個(gè)人主頁。擴(kuò)大你網(wǎng)站的知名度。

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

網(wǎng)頁制作與心得

這個(gè)學(xué)期選了網(wǎng)頁制作，感覺這門課很有意思，雖然網(wǎng)頁制作有點(diǎn)難，但是我對此還是滿感興趣的，通過這門課的學(xué)習(xí)我了解了一些網(wǎng)頁制作的基本知識，比如我們?nèi)绾稳ユ溄?，如何處理圖片，怎樣將信息更好更優(yōu)美的展現(xiàn)在人們的面前，在以后我們還是能夠用這些基礎(chǔ)知識制作一些網(wǎng)頁的，但是為了更好地制作網(wǎng)頁，還應(yīng)該在了解一些網(wǎng)頁制作的知識，讓我們更好地去制作出色的網(wǎng)頁。

對網(wǎng)頁制作的興趣始于大一，記得我與幾個(gè)舍友從圖書館里借來相關(guān)書籍，然后死記硬背過幾個(gè)簡單卻并不知所以然的HTML代碼情形，當(dāng)時(shí)是通過記事本實(shí)現(xiàn)代碼到文字的轉(zhuǎn)換，以此來向舍友炫耀自己的偉大。但因那時(shí)所具備的計(jì)算機(jī)基礎(chǔ)知識有限，因此，興趣便夭折了。而如今，C語言等相關(guān)計(jì)算機(jī)基礎(chǔ)知識已經(jīng)具備，老師那淵博的知識及精彩的講解，理解起來已不再打折扣。理論課，老師通過多媒體來演示網(wǎng)頁制作的過程及原理，遇到較復(fù)雜較難理解的過程，還要詳細(xì)地多重復(fù)幾遍，直到同學(xué)滿意為止。

每當(dāng)你打開IE，令人眼花繚亂五彩繽紛的網(wǎng)頁便會(huì)鋪天蓋地的呈現(xiàn)在眼前，但你知道它們是怎么來的嗎？只要你學(xué)習(xí)了dreamweaver,flash,Fireworks

制作軟件，還要了解看懂HTML.Javascript代碼，然后會(huì)用Fireworks處理編輯一些圖象，會(huì)用css設(shè)置統(tǒng)一樣式﹑Javascript加特效，會(huì)用flash等，你就可以根據(jù)自己的意愿制作出豐富多彩的網(wǎng)頁。做網(wǎng)頁其實(shí)并不難，首先設(shè)計(jì)出整體柜架模板，然后生成個(gè)html靜態(tài)頁面，再對其進(jìn)行修改，充分理解怎么用表格來定位，然后再用Dreamweaver，理解怎么用表格和層來定位，主要還是用表格定位，還有其它很多知識，像Fireworks和Flash都是起輔助作用的，另外根據(jù)自己的喜好或是網(wǎng)頁頁面的要求，附加一些適當(dāng)?shù)奶匦袨榈?，這樣應(yīng)該就能完成一般的網(wǎng)頁制作了。連接數(shù)據(jù)庫，制作動(dòng)態(tài)網(wǎng)頁幾乎涉及到所有的WEB網(wǎng)頁制作，是非常重要的；還有，像服務(wù)器的網(wǎng)站后臺建立與管理也是網(wǎng)頁制作員所必須掌握的內(nèi)容?，F(xiàn)在已是接近暑期課堂的尾聲了，網(wǎng)頁制作的相關(guān)神秘方法原理，都已柳暗花明。

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

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

做好主頁，并不是一件容易的事，它包括個(gè)人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。他要你用心去收集一些圖片，資料，然后將他們組合在一起，達(dá)到一種很好的效果，然后用你的知識在去慢慢的修改，最后用上課的知識制作一個(gè)網(wǎng)頁?？偟膩碚f，網(wǎng)頁制作的路上充滿了種種艱辛與痛苦，但當(dāng)你把它完成時(shí)你就會(huì)有一種很自豪的感覺，有一種說不出來的興奮，那種滿滿的成就感讓你有更大的興趣去制作另外的網(wǎng)頁。制作網(wǎng)頁是很有意義的一件事雖然充滿汗水，但感到很高興。

第五篇：網(wǎng)頁制作的心得體會(huì)

網(wǎng)頁制作的心得體會(huì)

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

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

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

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

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

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

三、網(wǎng)站設(shè)計(jì)與制作

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

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

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

建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部

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

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

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

找到材料后，我們還要規(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)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們在下面會(huì)有詳細(xì)介紹。

做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的dreamweaver、fireworks、flash來制作網(wǎng)頁，對于圖片部分的處

理，個(gè)人覺得photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它。這里推薦二個(gè)有免費(fèi)空間和域名的網(wǎng)址給大家：http://5944.net

以上就是我對于網(wǎng)頁制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過各種方

式繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門的徐兵老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁的知識，謝謝！

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

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

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

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

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

1.標(biāo)題

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

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

選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛好盡

情地發(fā)揮出來，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽的歌，一些好的動(dòng)畫作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層。

3.圖片

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

4.網(wǎng)頁排版

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

5.背景

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

6.其它

如果想自己的網(wǎng)頁更有特色一些，可適當(dāng)?shù)丶右恍┚W(wǎng)頁制作的技巧，諸如聲音、動(dòng)態(tài)網(wǎng)頁、java、applet等，當(dāng)然

這些小技巧最好不要加太多，它會(huì)影響網(wǎng)頁的下載速度。

等個(gè)人主頁做得差不多了，可別忘了在個(gè)人主頁上放一個(gè)留言板、一個(gè)計(jì)數(shù)器。前者能及時(shí)獲得參觀者的意見和建議，及時(shí)得到網(wǎng)友反饋的信息，最好能做到有問必答，用行動(dòng)去贏得更多的訪問者；后者能讓知道主頁參觀者的統(tǒng)計(jì)數(shù)據(jù)，可以及時(shí)調(diào)整設(shè)計(jì)，適應(yīng)不同的瀏覽器和參觀者的要求。

7.宣傳

昨天，網(wǎng)頁與我無緣，那是因?yàn)樯咸觳唤o我們一個(gè)見面的機(jī)會(huì)！

今天，網(wǎng)頁與我相識，與我相知，成為我的一個(gè)最真誠的朋友，那時(shí)因?yàn)槔顚?dǎo)師的辛勤栽培！

明天，網(wǎng)頁與我一生相伴，終身相隨，那是因?yàn)槲翌I(lǐng)悟了什么是“一個(gè)網(wǎng)絡(luò)，整個(gè)世界”。

總而言之，我將用畢生的精力，心血去換取網(wǎng)絡(luò)中最燦爛的那顆夜明珠，在網(wǎng)頁的藍(lán)圖里，我將記下人生不朽的

個(gè)人詩篇！

網(wǎng)頁制作心得體會(huì)

在制作一套網(wǎng)頁之前，首先必須先定位網(wǎng)頁的方向，及確定所制作網(wǎng)站的標(biāo)題。標(biāo)題在個(gè)人主頁中起了很重要的作用，他很大部分的決定了你整套個(gè)人主頁的定位是否正確，一個(gè)好的名字必須有概括性的、簡短的、有特色的、容易記得還要符合自己主頁的主題和風(fēng)格，決不要取什么名實(shí)不符或則夸大夸大其詞的“好名字”，別人第一次上你的當(dāng)下次恐怕再也不會(huì)光顧了。

選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須緊隨著標(biāo)題，在采集內(nèi)容過程中，很重要的一個(gè)“特”色，所謂特色應(yīng)該是有一些自己的東西，不能跟平常中所看到的企事業(yè)單位的網(wǎng)頁相比，個(gè)人主頁中的特色，應(yīng)該突出自己獨(dú)特的個(gè)性，把自己的興趣、愛好盡情的發(fā)揮，因?yàn)樵诰W(wǎng)絡(luò)上不受限制，沒有人在你的創(chuàng)作內(nèi)容上指手劃腳，品頭論足、你的主頁就是你在網(wǎng)絡(luò)上的一個(gè)小小家園，在那

里你可以放上你自 己喜歡的任何東西，包括你自己平時(shí)寫的一些文章，一些好聽的歌，一段幽默的文章，收集一些好的作品，把這些內(nèi)容按類別進(jìn)行分類設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層，而你的拳頭欄目最好能直接從首頁到達(dá)，保證主頁用各 種瀏覽器的都能看到最好的效果。

做個(gè)人主頁我覺得不能光光用文字，必須在主頁上適當(dāng)?shù)募右恍﹫D片，增加可看性，俗語有一句話“一圖甚千言”我想不無道理，一張好處理看的圖片不須要你多做任何解釋，就能讓人流連忘懷，浮想聯(lián)翩，總能讓人去思考，情不至竟的去了解他，當(dāng)然處理不好的以及那些無關(guān)緊要的

圖片最好不要放上去，讓人覺得是累贅，影響了網(wǎng)頁傳輸速度，圖片不關(guān)要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小即字節(jié)數(shù)，在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片 的大小很大程度上影響了網(wǎng)頁的傳輸速度，那么如何精簡圖片的大小呢，一般來說，圖片的顏色較少的及在256色以內(nèi)的最好把它處理成gif圖象格式，如果是一些彩色照片、色彩比較豐富的圖片最好把它處理成jpg圖象格式，因?yàn)間if和jpg各有各的壓縮優(yōu)勢，應(yīng)跟據(jù)具體的圖片來選擇壓縮比。

網(wǎng)頁頁面設(shè)計(jì)整體的排版設(shè)計(jì)也是不可忽略得，要使用戶在狹窄的電腦屏幕上閱讀，很重要的一個(gè)原則是合理的運(yùn)用空間，讓自己的網(wǎng)頁疏密有致，僅僅有條，不要把一整個(gè)網(wǎng)頁都填的實(shí)實(shí)的，沒有一點(diǎn)空隙，給人一種急迫感，看一套網(wǎng)頁應(yīng)該讓人覺得很輕松，留下必要得空白，網(wǎng)頁的背景并不一定非要運(yùn)用白色，但選用的背景應(yīng)該跟整套頁面的色調(diào)相協(xié)調(diào)，應(yīng)該有特色，合理的應(yīng)用色彩是非常關(guān)鍵的，據(jù)心理學(xué)家的研究“色彩最能引起人們 奇特的想象，他最能撥動(dòng)感情的琴弦”比如說你做的個(gè)人主頁

是屬于感情類的，那最好選用一些玫瑰色、紫色之類的比較淡雅的色彩，而不要用黑色、深藍(lán)色這類比較灰暗的色彩，黑色他是所有色彩的集合體，黑色比較深沉，他能壓抑其他色彩，在圖案設(shè)計(jì)中黑色經(jīng)常用來繪紋樣、勾邊或點(diǎn)綴最深沉的部位，黑色不是靈丹妙藥，用時(shí)必須苦心經(jīng)營，否則會(huì)時(shí)圖案“黑色太重”或顯得沉悶陰暗。

如果想自己的網(wǎng)頁更有特色一些，可適當(dāng)?shù)募右恍┚W(wǎng)頁制作得技術(shù)，諸如聲音、動(dòng)態(tài)網(wǎng)頁、java、applet等技術(shù)，當(dāng)然這種技術(shù)最好不要加太多，他會(huì)影 響網(wǎng)頁的下載速度，另外可考慮一下你主頁的定居點(diǎn)速度

和穩(wěn)定性，不妨考慮建一兩個(gè)鏡象站點(diǎn)，不僅能照顧到不同地區(qū)網(wǎng)友對速度的要求，還能作好備份，以防萬一。

等個(gè)人主頁作了差不多了，可別忘了在您的個(gè)人主頁上放一個(gè)留言板、一個(gè)計(jì)數(shù)器是必要的，前者能讓你即使的獲得參觀者意見和建議，即使的得到網(wǎng)

友的反饋信息，你最好能做到有問必答，用行動(dòng)去贏的更多的訪問者，后者能讓你知道主頁參觀者的統(tǒng)計(jì)數(shù)據(jù)，你可以即使調(diào)整你的設(shè)計(jì)，適應(yīng)不同的瀏覽器和參觀者的要求。最后一步就是宣傳你的個(gè)人主頁，首先你先在各個(gè)搜索引擎登陸，這點(diǎn)你可以交給一些網(wǎng)上專門免費(fèi)提供這類服務(wù)的站點(diǎn)替你做。此外你也不妨同訪問量大的一些站點(diǎn)作一下友情鏈接。通過他們網(wǎng)站來訪問你的個(gè)人主頁。擴(kuò)大你網(wǎng)站的知名度。

靜態(tài)網(wǎng)頁制作心得體會(huì)

姓名：張繼宏第三組8.18

20世紀(jì)40年代科學(xué)字發(fā)明了計(jì)算機(jī)之后，人們的工作效率大大提高，但是單個(gè)計(jì)算機(jī)能夠存儲(chǔ)和處理的信息是非常有限的，為了便于信息的傳遞和處理，人們就把眾多的計(jì)算機(jī)連接起來。

網(wǎng)頁制作的心得體會(huì)----網(wǎng)頁制作論文摘要 通過這次個(gè)人網(wǎng)頁的制作，我對計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作 的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網(wǎng)上的第一個(gè)作品，那種成就感是無法用語言形容的。所以我覺得這次制作網(wǎng)頁我已經(jīng)達(dá)到了自己的目的，而不是單單為了完成作業(yè)而已。這是一個(gè)完全關(guān)于自己的個(gè)人網(wǎng)頁，既然是介紹自己，就應(yīng)該讓觀者在瀏覽了之后了解自己其人，我覺得這點(diǎn)我已經(jīng)基本上做到了。

關(guān)鍵字 頁面設(shè)計(jì) asp和數(shù)據(jù)庫

1.一般來說，個(gè)人主頁的選材要小而精。如果你想制作一個(gè)包羅萬象的站點(diǎn)，把所有您認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。注意：網(wǎng)頁的最大特點(diǎn)就是更新快。目前最受歡迎的個(gè)人主頁都

是天天更新甚至幾小時(shí)更新一次。

2.題材最好是你自己擅長或者喜愛的內(nèi)容。比如：您對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報(bào)道最新的球場戰(zhàn)況等等。這樣在制作時(shí)，才不會(huì)覺得無聊或者力不從心。

3.不要太濫或者目標(biāo)太高?！疤珵E”是指到處可見，人人都有的題材；“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過它是很困難的。選定了一個(gè)好的題材，是不是可以立刻動(dòng)手制作了？不，經(jīng)驗(yàn)告訴我們，必須要先規(guī)劃框架。這是很重要的一步！每個(gè)網(wǎng)站都是一項(xiàng)龐大的工程。好比造高樓，沒有設(shè)計(jì)圖紙，規(guī)劃好結(jié)構(gòu)，盲目的建造，結(jié)果往往是倒塌；也好比寫文章，構(gòu)思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站，不要急于求成。

規(guī)劃一個(gè)網(wǎng)站，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其當(dāng)你要制作一個(gè)很大的網(wǎng)站的時(shí)候，特

別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，十分累人，也十分費(fèi)錢。

大綱列出來后，你還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。

為了提高瀏覽效率，方便資料的尋找，本站的框架基本采用“蒲公英”式，即所有的主要鏈接都在首頁上，鏈接的層次不多，深度淺。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也為你的主頁將來發(fā)展打下良好的基礎(chǔ)。

下一步，你可以動(dòng)手制作具體內(nèi)容了，我將告訴你一些收集資料的竅門。題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集就個(gè)人主頁而言，很少有人有能力完全靠

自己來創(chuàng)作所有的內(nèi)容。

大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。

另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到雅虎，搜狐等搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

如果您是英語高手，您可以到國外站點(diǎn)上把最新的信息，資料翻譯成中文，提供給大家，這叫“洋為中用”。

網(wǎng)絡(luò)上的資料呈爆炸性的增長，只要注意收集某一非常細(xì)小的題材，隨時(shí)供大家方便的查找，您的主頁就已經(jīng)有做不完的活了。

到這里我們已經(jīng)完成了制作主頁的準(zhǔn)備工作。下面開始正式制作主頁。

先來介紹一下我這個(gè)網(wǎng)頁吧。我的網(wǎng)頁主要由三大部分組成：主頁、各子網(wǎng)頁以及各互聯(lián)網(wǎng)鏈接。

首先是主頁，采用的是index格式，是第一個(gè)顯示的頁面，其實(shí)原來第一個(gè)

顯示的頁面是一個(gè)封面，但在網(wǎng)上用了一段時(shí)間之后我覺得有封面比較麻煩，花哨但不實(shí)用，顯得有些多余，所以我就把它給去掉了，直接顯示主頁會(huì)讓別人有一種開門見山的感覺。主頁是我花費(fèi)精力和時(shí)間最多的一個(gè)頁面，尤其是在它的視覺設(shè)計(jì)上包括結(jié)構(gòu)，字體，背景以及色彩方面都花了很多工夫。頁面包括自己的一幅小照片以及個(gè)人的簡要介紹，以便讓觀者對自己有一個(gè)初步的了解。網(wǎng)頁最上面是用藝術(shù)字編輯的文字，旁邊的welcome是插入的gif動(dòng)畫，左上角顯示日期，右上角顯示你在網(wǎng)頁呆的時(shí)間，下面是一排子目錄，包括一些鏈接和子頁面，點(diǎn)開就可以看到關(guān)于我的詳細(xì)信息。下面是一個(gè)搜索引擎，采用的是百度是原代碼。再下來是我的近況，也采用了特效。右邊有一個(gè)滾動(dòng)字幕，是一首詩，采用了特效，下面是一些常用大型網(wǎng)站的鏈接。最下面是關(guān)于瀏覽器的說明，主頁基本上就是這些了，還有要說的就是“給我留言”是到網(wǎng)

上去申請的免費(fèi)留言板，然后鏈接上去。

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

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

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

以及其間遇到的種種困難。

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

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

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

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

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

次制作網(wǎng)頁收獲確實(shí)不小?。?/p>

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

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

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

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

興奮，就像多年未見的老同學(xué)，一種講不出道不明的感覺。

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

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

1.標(biāo)題

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

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

選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛好盡情地發(fā)揮出來，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。

主頁就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽的歌，一些好的動(dòng)畫作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層。

3.圖片

做個(gè)人主頁不能只用文字，必須在主頁上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說”一圖勝千言”，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當(dāng)然處理得不好的以及無關(guān)緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時(shí)也影響網(wǎng)頁的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小，在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色

~ 26 ~

以內(nèi)的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因?yàn)間if和jpg各有各的壓縮優(yōu)勢，應(yīng)根據(jù)具體的圖片來選擇壓縮比。

4.網(wǎng)頁排版

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

5.背景

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

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

~ 27 ~

~ 28 ~