網(wǎng)頁制作心得體會（精選10篇）
某些事情讓我們心里有了一些心得后，將其記錄在心得體會里，讓自己銘記于心，如此就可以提升我們寫作能力了。但是心得體會有什么要求呢？以下是小編收集整理的網(wǎng)頁制作心得體會，歡迎閱讀與收藏。
網(wǎng)頁制作心得體會 篇1
楊老師下午講解的是網(wǎng)頁制作，他從網(wǎng)頁布局（三段式）講解，接著展示新浪、師院首頁給我們看，在這過程中，始終都以實例講解為主。接著講網(wǎng)頁布局的方法：
1、紙上布局法
許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖，而是直接在網(wǎng)頁設(shè)計器里邊設(shè)計布局邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計出優(yōu)秀的網(wǎng)頁來。所以在開始制作網(wǎng)頁時，要先在紙上畫出你頁面的布局草圖來。
2、軟件布局法
如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設(shè)計網(wǎng)頁布局上更顯得心應(yīng)手。不像用紙來設(shè)計布局，利用Photoshop可以方便的.使用顏色，使用圖形，并且可以利用層的功能設(shè)計出用紙張無法實現(xiàn)的布局意念。
最后重點講了布局的技術(shù)
1、層疊樣式表的應(yīng)用
2、表格布局
3、框架布局
最后，楊老師就DIV+CSS給我們進行詳細介紹，我們按照他的進度，創(chuàng)建網(wǎng)站站點、創(chuàng)建文件夾、創(chuàng)建文件。然后在DIV容器中插入動畫，創(chuàng)建CSS文件，對不同的塊元素進行排版，主要是浮動—float。由于時間實在是太短了，很多知識都沒的講，比如我們常遇到的外邊距，內(nèi)邊距，線條，以及一些基本的代碼知識。
哈哈，我就不多說了，對于網(wǎng)頁我也研究了好幾年了，問題還真多，學(xué)過網(wǎng)頁布局（table、DIV+CSS），學(xué)過平面設(shè)計（PS、CDR），學(xué)過編程（ASP、ASP。NET），學(xué)過數(shù)據(jù)庫（AC、SQL）�？梢哉f我現(xiàn)在完全可以獨當(dāng)一面，接過學(xué)校、企業(yè)、武警等的網(wǎng)頁制作，評價都還不錯！目前就是缺一個團隊，從鄭小軍老師他們的成果看，不是一個人的努力能完成的，更多的是要一個志同道合的團隊，回去我也該好好想想這個問題了。
網(wǎng)頁制作心得體會 篇2
轉(zhuǎn)瞬之間，半個學(xué)期又接近尾聲，在李導(dǎo)師的精心輔導(dǎo)下，度過了這個富有生機，富有朝氣的學(xué)期。學(xué)到了很多做夢也不會遇到的如此奇特的有趣知識，對于我來講是一個很好的鍛煉和充實的機會。
俗話說的好“書山有路勤為徑，學(xué)海無涯苦作舟”。在這一絕世佳句的鼓動下，我把握了工作之余的一切可利用的剩余時間，全心全意投入到網(wǎng)頁世界，去不斷的學(xué)習(xí)，去不斷的收索；同時去不斷的充實，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！
在頁制作的過程中，我深深體會到一點“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經(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)容按類別進行分類，設(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)頁制作心得體會 篇3
目前，互聯(lián)網(wǎng)是最快捷的信息傳播渠道之一，學(xué)習(xí)網(wǎng)頁制作成了學(xué)生必須掌握的一項技能。在幾年的教學(xué)實踐之中，我總結(jié)了《制作簡單網(wǎng)頁》教學(xué)中值得注意的幾個問題：
一、激發(fā)學(xué)生的學(xué)習(xí)興趣，喚醒求知欲望
現(xiàn)階段信息技術(shù)課程的主要任務(wù)之一是培養(yǎng)學(xué)生對信息技術(shù)的興趣和意識。興趣是學(xué)生基于自己的學(xué)習(xí)需要而表現(xiàn)出來的一種認識行為，它在學(xué)生的學(xué)習(xí)中具有重要的作用。我認為，教師激發(fā)學(xué)習(xí)興趣，挖掘?qū)W習(xí)需求是授課前必須解決的問題。從知識結(jié)構(gòu)看，網(wǎng)頁制作是在學(xué)生掌握了一定的理論基礎(chǔ)和操作技能之后，對互聯(lián)網(wǎng)有了一定的了解、瀏覽過相當(dāng)數(shù)量的網(wǎng)頁和站點之后引入的。在準(zhǔn)備期中教師應(yīng)該適當(dāng)?shù)匾龑?dǎo)學(xué)生，可以采取展示法、教學(xué)對話法等，也可以融合多種方法進行。
例如，在學(xué)習(xí)瀏覽網(wǎng)頁時，我有計劃地挑選一些專題網(wǎng)站和個人站點推薦給學(xué)生，他們在看過之后一定會有自己的想法，老師再給他們提些問題。我經(jīng)常推薦給學(xué)生我校的學(xué)生及班級制作的站點與網(wǎng)頁。學(xué)生會把他們自己的見解說得頭頭是道。接下來就提出問題：如果由你來做這個站點，哪些地方需要修改？如果把你做一個站點該如何設(shè)計？在學(xué)生的頭腦中先有了一些模糊的認識，產(chǎn)生了做個站點的想法，再在老師的幫助下梳理成一個比較成型的站點框架，接下來就是：怎么做網(wǎng)頁？用什么工具？有了興趣，帶著這些問題，進入這一階段的學(xué)習(xí)，就比較主動，學(xué)習(xí)效果也會比較好。
二、合理調(diào)整教學(xué)順序和重點，理順理論與操作的關(guān)系
學(xué)習(xí)網(wǎng)頁制作，首先接觸的是概念和理論性的知識。回顧學(xué)習(xí)一些應(yīng)用軟件的過程，肯定不是先把理論背熟，而是從操作使用開始的。我并不是說理論不重要，而是切入的時機要掌握好。對于這一部分的教學(xué)，可以根據(jù)教學(xué)實際，合理調(diào)整教學(xué)順序和重點。對涉及到的理論知識，可以盡量在教操作的時候滲透。一些純理論的知識，不妨一帶而過，教學(xué)取得階段成果后，再單獨強調(diào)。
三、注重培養(yǎng)學(xué)生知識遷移的能力
正在進行的新課程改革，提倡的是教給學(xué)生可遷移的知識。我體會，遷移是理論到實踐。很多應(yīng)用軟件，模式基本上是統(tǒng)一的，在窗口組成、菜單內(nèi)容和操作方法等方面是相通的。對這類內(nèi)容，我認為可以采用比較法、示范法、啟發(fā)法等教學(xué)方法。例如，制作網(wǎng)頁和保存網(wǎng)頁兩個知識點：可以在介紹了工具軟件（如frontpage）窗口組成之后，就布置學(xué)生輸入并編輯一段文字，然后把該文件保存在指定位置。這些操作都是前面學(xué)過的，對學(xué)生來講既是學(xué)習(xí)也是復(fù)習(xí)。作為老師，我們在糾正學(xué)生錯誤的同時，還可以幫助學(xué)生比較這幾個軟件在使用中的異同。比如，輸入文字，在word和frontpage中可在編輯區(qū)中直接寫，而在powerpoint中必須寫在文本框里。通過比較，加深印象，達到學(xué)習(xí)和提高的目的。在這部分中，除文字處理外，像修飾網(wǎng)頁、插入表格等內(nèi)容都可以這樣比較著講。
四、認識螺旋式上升的學(xué)習(xí)模式和探究式學(xué)習(xí)的方式，重視課前準(zhǔn)備
學(xué)習(xí)是一個循序漸進、螺旋式提高的過程。在這個過程中，作為教學(xué)組織者和指導(dǎo)者，教師的教學(xué)設(shè)計和準(zhǔn)備工作非常重要。例如，在學(xué)習(xí)網(wǎng)頁修飾時，可采用了示范法和演示法結(jié)合的教學(xué)方法，先設(shè)計幾個頁面，都是在上一節(jié)課作的、樣例頁面的基礎(chǔ)上改的。上課時，讓學(xué)生打開上節(jié)課制作的網(wǎng)頁，他一看，老師的頁面上比他多了個圖片，馬上問怎么做的，我演示給他看，他也加上圖了……每次我演示出的頁面總比學(xué)生們做出來的多一點小修飾，他們就不斷地提問，不斷地學(xué)習(xí)新技巧，再不斷地付諸實踐。用這種示范加演示的方法教學(xué)，效果還不錯。但對老師來講，備課的工作量比較大，課堂上的輔導(dǎo)任務(wù)也重一些。
五、組織協(xié)作學(xué)習(xí)，培養(yǎng)學(xué)生自學(xué)能力和合作精神
信息技術(shù)劃分為精英技術(shù)和大眾技術(shù)。目前，信息技術(shù)基礎(chǔ)模塊中講授的均屬大眾技術(shù)，要求學(xué)生掌握的是可以廣泛遷移的知識。但是，大眾技術(shù)太簡單了，有些學(xué)生不用我們教，自己玩電腦就玩會了。這類學(xué)生，上課時通常不愿再聽，還經(jīng)常搞些小動作，或者做些小軟件來炫耀一下。小孩多半有這種心理，我們不妨給他創(chuàng)造這個條件，讓他充分發(fā)揮特長。有一次，剛開課不久，有個學(xué)生把他的個人主頁演給我看，當(dāng)時我考慮了一下，讓他在全班同學(xué)面前作了演示，解說他的創(chuàng)作思想，并指出了他作品中的亮點。這個學(xué)生當(dāng)然很自豪了，別的同學(xué)也都很佩服他的能力。在其他同學(xué)眼中，他就是高手了，以后的學(xué)習(xí)過程中有了問題，不問老師，先問他去，逐漸地他就成了我課堂上的一名小助教了。學(xué)生中的榜樣作用和傳、幫、帶作用不可低估，如果你班里有幾個這樣有一定特長的學(xué)生，不妨考慮采取任務(wù)驅(qū)動、分組合作等方法進行教學(xué)，讓他們帶動全班的同學(xué)學(xué)習(xí)提高。學(xué)生之間相互學(xué)習(xí)、相互幫助、相互帶動比單純的老師教效果更好。
六、適當(dāng)引入分層次教學(xué)，體現(xiàn)教學(xué)目標(biāo)的差異性
學(xué)生的基礎(chǔ)差別很大和心智發(fā)展水平很大不同。在這種情況下，分層次教學(xué)是一種行之有效的`辦法。一般的，我把學(xué)生分成三個a、b、c三個層次。a層次的學(xué)生是基礎(chǔ)好，特長明顯，自學(xué)能力強的一部分，對這部分學(xué)生，倡導(dǎo)自主學(xué)習(xí)，給他們布置任務(wù)或課題，學(xué)生獨立完成，只是在需要的時候向他們提供幫助；b層次的學(xué)生是基礎(chǔ)一般，能在老師的講解、示范和引導(dǎo)下學(xué)習(xí)，對這部分學(xué)生可采用靈活多樣的教學(xué)方法按步就班地學(xué)習(xí)，b層次的學(xué)生是學(xué)生群體中的大多數(shù)；c層次的學(xué)生是學(xué)習(xí)有一定困難的學(xué)生，我對他們的要求是掌握基礎(chǔ)，除了給他們進行特別輔導(dǎo)之外，還采取結(jié)對子的辦法，給每人配一個a層次的學(xué)生作為助理，幫助他們學(xué)習(xí)。但在分層次教學(xué)中要格外注意保護c層次學(xué)生的自尊心和學(xué)習(xí)積極性。
七、加強聯(lián)系實際，培養(yǎng)學(xué)生的創(chuàng)新能力
創(chuàng)新是素質(zhì)教育的核心內(nèi)容。鼓勵、指導(dǎo)學(xué)生大膽、靈活地運用已學(xué)知識，解決實際問題是培養(yǎng)學(xué)生創(chuàng)新精神和能力的有效方法。我認為在網(wǎng)頁制作這一部分的小結(jié)或復(fù)習(xí)階段可以適當(dāng)采用主題型課或任務(wù)驅(qū)動式的方法，設(shè)計引導(dǎo)學(xué)生從頭至尾制作一個專題站點。當(dāng)然，復(fù)習(xí)中也可以適當(dāng)采取教學(xué)對話、教學(xué)討論、示范等教學(xué)方法。
網(wǎng)頁制作心得體會 篇4
一、網(wǎng)站規(guī)劃
本工作室主要用來做個人網(wǎng)站，主題是介紹自我，讓更多的朋友認識我，面向我的同學(xué)和朋友以及想結(jié)交我的朋友。
二、網(wǎng)站總體設(shè)計
本工作室只要包括我的主頁、我的簡介、我的日記、我的相冊、網(wǎng)站建議等五個板塊。通過我的主頁可以進入其他四個板塊，其他四個板塊也可以通過超鏈接回到我的主頁去。
三、網(wǎng)站設(shè)計與制作（包括網(wǎng)頁設(shè)計、圖形設(shè)計、動畫設(shè)計中的主要技術(shù)、方法和設(shè)計效果）
本網(wǎng)站的布局大多是運用CSS進行布局的，這也是老師一直強調(diào)我們的。為了增加視覺效果，個別網(wǎng)頁還特別添加了flash效果（我的相冊），還用到了視頻和音樂等素材（如我的主頁）。個別網(wǎng)頁添加了表格，這樣顯得網(wǎng)頁更齊整。對于美化這部分，我還特別用Photoshop對一部分圖片進行了處理，讓圖片和網(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)容，我們在下面會有詳細介紹。
做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。
最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。這里推薦二個有免費空間和域名的網(wǎng)址給大家！
以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學(xué)習(xí)有關(guān)網(wǎng)頁的知識，謝謝！
網(wǎng)頁制作心得體會 篇5
在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網(wǎng)站建設(shè)的實習(xí)。在這實習(xí)期間，有太多的話想說，都是苦不堪言。但事后又想想，苦過了，才知道有甜。
在這實習(xí)當(dāng)中，我知道了div是html（超文本語言）中的一個元素，div+cs是一種網(wǎng)頁的布局方法，div+css包括行內(nèi)樣式、內(nèi)嵌式、鏈接式、導(dǎo)入式、css選擇器、標(biāo)記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別：id不允許重復(fù)使用，只能用一次，css規(guī)范和其他規(guī)范javascript控制方法一樣。
說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網(wǎng)頁的布局格式，總比不知道強。有句話說，不懂就要學(xué)。是的，既然學(xué)了了這個專業(yè)，就不能對這個專業(yè)模糊。所以，就要學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗。
我們經(jīng)過兩周的實訓(xùn)，通過前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過網(wǎng)絡(luò)洽談商務(wù)的禮儀和細節(jié)，也讓我的網(wǎng)站制作知識及技能有了很大提高。
前期我們通過發(fā)送電子郵件，進行網(wǎng)上商務(wù)的接洽。由于沒有做好工作。了解商務(wù)郵件的格式，導(dǎo)致郵件發(fā)了很長一段時間，雙方還僅僅停留在認識階段，確實說來很失敗。
在擬定合同時，由于不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反復(fù)的修改合同。這主要是因為我們不能正確解讀客戶的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。
在網(wǎng)站制作的起初階段，由于不曾制作過網(wǎng)頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風(fēng)格和大體的布局，并且搜集資料是一個漫長而又復(fù)雜的過程。通過瀏覽各類禮品網(wǎng)站，心里大概有了一定的想法和設(shè)計。
我的主要任務(wù)有“誠聘英才”、“產(chǎn)品導(dǎo)航”、“展會禮品”、“廣告促銷禮品”。我最先做的是“誠聘英才”，我是參照中國電信誠聘英才首頁做的，它看似制作簡單，其實布局十分復(fù)雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實也是一個圖層，它是可以移動的。盡管我為誠聘英才網(wǎng)頁付出了很多，但并沒有被采納，并且此時我也設(shè)計了logo，也沒有被采納。
“產(chǎn)品導(dǎo)航”是一個困擾我一上午的問題（此刻公司首頁已經(jīng)制作完畢，而它與合同上的.“產(chǎn)品導(dǎo)航”頁面布局類似，于是這讓我一時間很難抉擇。我就一邊設(shè)計一邊思考，此時我為公司定的色彩風(fēng)格是紅色，我為導(dǎo)航欄設(shè)計的是交互式按鈕，并且設(shè)計了初始字體、懸停、按下時字體顏色。可是這一切都是白費，由于后來我們將風(fēng)格確定為藍色，并且導(dǎo)航欄確定都采用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設(shè)置超鏈接的字體顏色，這是很不專業(yè)的體現(xiàn)。團隊由于缺乏及時的溝通，導(dǎo)致其他組員一些好的想法得不到實施，確實是我們團隊合作的一個問題所在。
展會禮品、廣告促銷禮品由于套用相同的布局，設(shè)計上沒有什么難點，只是在這基礎(chǔ)上進行產(chǎn)品的進一步分類和圖片的搜集有些費神和花時間。我在制作這一系列網(wǎng)頁時，都特別注意修改網(wǎng)頁標(biāo)題。網(wǎng)頁標(biāo)題是十分重要的，它是每打開一張網(wǎng)頁的頭標(biāo)。
前面這一階段的工作我還有一個小收獲，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。
后期我們進行每個人作的網(wǎng)頁整合時遇到了不少問題，原先我們認為超鏈接是可以整合的，其實不然，只能在一個文件內(nèi)作。當(dāng)時已經(jīng)花了一天的工時，可后來在晚上才發(fā)現(xiàn)，不只這個問題，還有每個人做的網(wǎng)頁都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個網(wǎng)站文件夾。所以后來我們組有三個人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當(dāng)我們把網(wǎng)站通過windowsxxiis默認web站點上傳進行本地調(diào)試時發(fā)現(xiàn)所有網(wǎng)頁導(dǎo)航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師了解，知道可能是圖片命名的問題，web服務(wù)器無法識別中文命名的圖片，此外網(wǎng)頁也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁的名稱。我的所制作的展會禮品將網(wǎng)頁都放在private文件夾下，導(dǎo)致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網(wǎng)頁全部剪切出來，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網(wǎng)頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁”，反復(fù)的進行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁路徑進行修改超鏈接。
經(jīng)過這翻調(diào)試、測試，網(wǎng)站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。
在互聯(lián)網(wǎng)越來越深入到生活中每一個角落的年代，網(wǎng)頁的表現(xiàn)形式就如同以前書本上的文字，傳達著的是網(wǎng)絡(luò)語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網(wǎng)頁的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。
網(wǎng)頁制作心得體會 篇6
是我的第一次實習(xí)，然而當(dāng)一個大學(xué)生第一次踏足這個社會，或許會覺得彷徨，畢竟年輕的我們，有16年都是在學(xué)校中度過的，再加上不斷的聽聞實習(xí)、招聘的社會有多殘酷有多現(xiàn)實，但是其實只要我們愿意踏出第一步，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向?qū)W的心情，我還是決定闖一闖，畢竟大學(xué)這個亞社會和真實的社會真的差太多太多了，在實習(xí)中，得到任何與自己專業(yè)相關(guān)的知識，規(guī)劃自己以后將要實現(xiàn)的目標(biāo)，學(xué)會如何在公司里處理人事關(guān)系，協(xié)調(diào)合作等等。然而實習(xí)后，發(fā)現(xiàn)自己仍在在所學(xué)的知識上欠缺完整性和技能的熟悉，實習(xí)是一件很有意義的事，是大學(xué)生踏入社會前減少在社會上碰壁的好方法。關(guān)于實習(xí)單位致力于提供基于互聯(lián)網(wǎng)信息發(fā)布，垂直搜索，信息集合和推薦算法的解決方案，公司合伙人有7年的相關(guān)技術(shù)積累和成功案例。
數(shù)據(jù)抽取引擎
在雜亂無序的網(wǎng)頁中抽取特定的信息，虎之翼的抽取引擎可以高效地實現(xiàn)自由文本的抽取，我們有自有的數(shù)據(jù)抽取設(shè)計器，低成本地完成特定信息的抽取。
網(wǎng)絡(luò)爬蟲
虎之翼科技網(wǎng)絡(luò)爬蟲不僅僅可以實現(xiàn)分布式部署和統(tǒng)一管理，還能執(zhí)行js，配合我們的抽取引擎實現(xiàn)實時的數(shù)據(jù)抽取。
信息發(fā)布
將特定的信息通過http協(xié)議層自動推送到成千上萬個ugc網(wǎng)站是虎之翼科技的核心技術(shù)，在電子商務(wù)領(lǐng)域?qū)崿F(xiàn)商品在多個網(wǎng)店的自動上下架已經(jīng)是互聯(lián)網(wǎng)發(fā)展的必然趨勢，我們的信息發(fā)布引擎已經(jīng)有上萬人次的使用和上億次的產(chǎn)品發(fā)布。
搜索引擎
虎之翼的核心技術(shù)團隊是國內(nèi)最早從事垂直搜索引擎的團隊之一，我們有超過7年的垂直搜索引擎研發(fā)經(jīng)驗。在信息抽取，信息索引，分布式管理上有成熟的解決方案。
公司開展了安全消防知識培訓(xùn)，講師們以生動的方式講敘了多種情況下的火災(zāi)現(xiàn)場及其滅火方法等，不但掌握了一些消防安全工作的基本理論知識，還給我們的生活習(xí)慣帶來了一點提醒�；馂�(zāi)的危害，在日常工作中往往被人民忽視，總是存在僥幸心理，往往要等到發(fā)生了事故，造成了損失，才會回過頭來警醒。“隱患險于明火，防范勝于救災(zāi)，責(zé)任重于泰山。”這十八個字也是同志十多年前提出的，至今仍是消防工作的主旨所在。而要不使火災(zāi)造成危害，做好預(yù)防工作是最重要的，“預(yù)防為主，防消結(jié)合”才是消防工作的主要方針。消除火災(zāi)隱患、提高防火意識，不作口頭文章，以實際行動和措施來切實做好消防安全工作。東鵬是一個文化氛圍較濃厚的企業(yè)，員工多，廠區(qū)密集，一旦發(fā)生火災(zāi)，經(jīng)濟損失和名譽損失將非常的嚴(yán)重，消防工作容不得半點疏忽。通過這次培訓(xùn)，我們還是發(fā)現(xiàn)大部分員工的防火意識比較薄弱。不論是一線工作的車間人員還是公司管理人員，都應(yīng)對崗位和部門可能涉及到的消防器材和消防通道等消防相關(guān)設(shè)施有充分的了解，都應(yīng)該定期接受相關(guān)專家的消防安全教育培訓(xùn)，內(nèi)容包括：有關(guān)消防法規(guī)、消防安全制度、保障消防安全的操作規(guī)程；各崗位的火災(zāi)危險性和防火措施；各種消防設(shè)施的性能、滅火器材的使用方法；報火警、撲救初起火災(zāi)和自救逃生的知識和技能等。除了定期的培訓(xùn)之外，還要經(jīng)常組織進行防火檢查，發(fā)現(xiàn)火災(zāi)隱患，要記錄在案并及時研究整改。消防安全工作要做到，不為隱患留空隙。千里之堤，毀于蟻穴�；馂�(zāi)的防范要從大處著眼，但應(yīng)該從小處做起。細節(jié)不輕易引人注重，如老化的絕緣材料、放錯了位置的設(shè)備，隨手爛扔得煙頭等。但幾乎所有的重大事故都是由于起初的不注重、不小心引起的，這些輕易被忽略的細節(jié)很輕易成為小事故的放大器，使得小火釀成大禍。消防工作是一項復(fù)雜的系統(tǒng)工程，它廣泛涉及到社會的各個領(lǐng)域，與社會進步，經(jīng)濟發(fā)展和人民群眾生活緊密相關(guān)，一旦發(fā)生火災(zāi)，不僅造成財產(chǎn)的損失，而且易造成人員傷亡，影響社會的安定，因此，做好消防工作，是直接關(guān)系到國家和人民生命財產(chǎn)的一件大事。在以后的生活中，我們要把學(xué)到的消防知識充分運用到生活中去，更加努力的提高消防知識水平，為保證別人生命的安全運作貢獻自己一份力量。正式上市，這是我們在房地產(chǎn)行業(yè)的研發(fā)成果。這是房地產(chǎn)電子商務(wù)領(lǐng)域第一個綜合性的一站式營銷解決方案。
實習(xí)內(nèi)容與過程
回顧這一個月來的實習(xí)生活是一件很值得紀(jì)念的事，這是我第一次在外實習(xí)，第一次在網(wǎng)上投簡歷能收到回復(fù)。對于我們這樣的藝術(shù)設(shè)計學(xué)生，我深刻的體會到單單是學(xué)校教的遠遠不夠，學(xué)校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個專業(yè)的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學(xué)。在外實習(xí)前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務(wù)必屬實，因為你有多少兩重，閱人無數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當(dāng)然要穿正裝，其實我也想的只是大二實習(xí)期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業(yè)的創(chuàng)業(yè)團隊，真的是一件了不起的事，而且這個崗位與我學(xué)習(xí)的和自己喜愛的科目對的很準(zhǔn)，我自己也十分樂于這份工作。
記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當(dāng)時對產(chǎn)品了解不熟悉，要從學(xué)校的圈子走出來到商業(yè)模式去還是有點顧慮，但是當(dāng)你接觸到這商業(yè)化的東西，你會發(fā)現(xiàn)，學(xué)校的東西遠遠不足。所以一般公司會進行些培訓(xùn)，很感激william楊，他提供了很多設(shè)計的書籍給我自學(xué)閱讀，可惜在我深刻讀完《瞬間之美——web界面設(shè)計如果讓用戶心動》（點擊跳到本人的讀書筆記）一書后，就再也很難抽取一點時間來閱讀了。
在接下來的這個月里，除了必要的'培訓(xùn)以熟悉公司及其產(chǎn)品知識外，我也開始忙碌起來，因為產(chǎn)品的第一個內(nèi)部版本需要再8月8日這個好日子發(fā)布。剛開始的兩個星期，因為對產(chǎn)品并不熟悉，一直以來在學(xué)校設(shè)計的作品都很“學(xué)校”但是商業(yè)設(shè)計比較少，出頭設(shè)計的時候真的抓破頭腦，因為習(xí)慣了學(xué)校的生活，習(xí)慣了客戶給要求按照客戶的想法去做。至于什么叫很學(xué)校呢，就是一種填鴨式的，根據(jù)參考去模仿設(shè)計，然而在社會上涉及很多版權(quán)問題，所以商業(yè)上的設(shè)計基本上都是原創(chuàng)或者參考過后進行大幅度的提高審美設(shè)計，其次因為涉及商業(yè)利益，在商業(yè)的角度上，商業(yè)的資金來源是客戶，所以他們的需求來源于客戶，注重用戶感受的設(shè)計，是一個好設(shè)計。其實設(shè)計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節(jié)自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設(shè)計家門隨心所欲的設(shè)計出自己喜歡，人們喜歡，客戶滿意的東西。設(shè)計來源與生活，應(yīng)用于生活，我還需要多多積累。
8月8日這個內(nèi)部版本中，我主要的工作就是設(shè)計界面，然后photoshop切圖，然后繼續(xù)傻傻的使用習(xí)慣的notepad2++手寫html和css。經(jīng)歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關(guān)心我，提醒我應(yīng)該有自己的就業(yè)方向，3年5年xx年的計劃，說長不長說短不短的大學(xué)2年已經(jīng)過去了。我應(yīng)該有怎樣的人生，我有想過，但卻還沒如此認真的付出著。我想起老板那句，你喜歡設(shè)計？你覺得設(shè)計適合你嗎？我真的很需要考慮我的以后，但目前設(shè)計還是我喜歡的事情，我也愿意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。
當(dāng)8月8日一過，為慶祝產(chǎn)品大賣，公司還組織爬山活動，然而平常我們在深山中休養(yǎng)學(xué)習(xí)的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經(jīng)歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業(yè)知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關(guān)心我，因為畢竟他們都是過來人，謝謝他們的指導(dǎo)。
產(chǎn)品的初步版本確定之后，就要開始慢慢的改進了。william作為產(chǎn)品經(jīng)理，不僅要領(lǐng)導(dǎo)著整個團隊，還要協(xié)調(diào)工作的進度。他會制作出甘特圖，通知每個人需要做什么事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導(dǎo)致我去轉(zhuǎn)牛角尖，而這樣會導(dǎo)致拖慢整個進度，然而在這個環(huán)節(jié)，我學(xué)會的最多的事，做事情要分優(yōu)先級�？傮w要現(xiàn)出來，大方向，模糊地對，細節(jié)的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。
從8月8日開始到15日，又是另一個版本的小跨越，一個星期里做的事并不多，除了不斷配合小楊完善頁面的重構(gòu)和美化工作，還要檢查最繁瑣的兼容性問題，心里知道很多房地產(chǎn)經(jīng)紀(jì)人使用的電腦基本上都是深度、雨林木風(fēng)、電腦公司特別版的ghost系統(tǒng)，所以基本上都是ie6ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。
15日的第二個小版本后，會議總結(jié)了3頁的分條建立修改文件，當(dāng)看見滿是修改意見的一行行文字，寫上我負責(zé)的q，心理是有點擔(dān)心，是否能在期限內(nèi)完成工作，然而15日這次的爬山活動并沒有參加，因為我知道我應(yīng)該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導(dǎo)航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時間設(shè)計虎之翼公司的logo和網(wǎng)頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉(zhuǎn)的很快了，因為沒有創(chuàng)作來源，讓我在上下班的途中朝思暮想的想著設(shè)計，充分利用上下班的塞車時間，不斷的觀看經(jīng)過車窗的各型各類的廣告來尋來創(chuàng)意來源。最后還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，后來多了好多個人，很羨慕參數(shù)組，能有說有笑的工作，但是我這項工作，我不是一個人在戰(zhàn)斗。再后來，開始招聘銷售，因為產(chǎn)品到25號就要正式發(fā)布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至26日，才基本完成。
希望，我的能力能幫到公司，獻出我自己一份的力量。
網(wǎng)頁制作心得體會 篇7
不知不覺我學(xué)習(xí)整站網(wǎng)頁設(shè)計也有一段時間了，很高興我能在這計算機深入的社會里，學(xué)習(xí)到建設(shè)網(wǎng)站和網(wǎng)頁設(shè)計的一些知識。網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡(luò)上如火如荼地開展，我認為，學(xué)習(xí)網(wǎng)絡(luò)知識，對于生活在網(wǎng)絡(luò)時代的我們還是很有必要的。接下來我想分享一下我的獨家網(wǎng)頁設(shè)計學(xué)習(xí)心得。希望能夠為正在學(xué)習(xí)網(wǎng)頁設(shè)計的你們也提供一點幫助。
學(xué)習(xí)網(wǎng)頁設(shè)計的過程中，我也成功制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得，在設(shè)計網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設(shè)計的內(nèi)容，因為一個優(yōu)秀的風(fēng)站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離開。
我在這次設(shè)計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。制作主頁要注意：
要想一個好的標(biāo)題。標(biāo)題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標(biāo)題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風(fēng)格。
主頁中不光要有文字，還要適當(dāng)?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設(shè)計也是不可忽略了，很重要的'一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當(dāng)然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關(guān)的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。設(shè)計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設(shè)計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復(fù)制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設(shè)計師，以上只是我對網(wǎng)頁設(shè)計學(xué)習(xí)的一些心得罷了。
跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持，堅持不斷的學(xué)習(xí)，因為設(shè)計網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)
不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計技術(shù)一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設(shè)計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)。"不僅涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設(shè)計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用，個人認為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。
網(wǎng)頁制作心得體會 篇8
楊老師下午講解的是網(wǎng)頁制作，他從網(wǎng)頁布局（三段式）講解，接著展示新浪、師院首頁給我們看，在這過程中，始終都以實例講解為主。
接著講網(wǎng)頁布局的方法：
1.紙上布局法
許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖，而是直接在網(wǎng)頁設(shè)計器里邊設(shè)計布局邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計出優(yōu)秀的網(wǎng)頁來。所以在開始制作網(wǎng)頁時，要先在紙上畫出你頁面的'布局草圖來。
2.軟件布局法
如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設(shè)計網(wǎng)頁布局上更顯得心應(yīng)手。不像用紙來設(shè)計布局，利用Photoshop可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計出用紙張無法實現(xiàn)的布局意念。
最后重點講了布局的技術(shù)
1.層疊樣式表的應(yīng)用
2.表格布局
3.框架布局
最后，楊老師就DIV+CSS給我們進行詳細介紹，我們按照他的進度，創(chuàng)建網(wǎng)站站點、創(chuàng)建文件夾、創(chuàng)建文件。然后在DIV容器中插入動畫，創(chuàng)建CSS文件，對不同的塊元素進行排版，主要是浮動—float。由于時間實在是太短了，很多知識都沒的講，比如我們常遇到的外邊距，內(nèi)邊距，線條，以及一些基本的代碼知識…….
哈哈，我就不多說了，對于網(wǎng)頁我也研究了好幾年了，問題還真多，學(xué)過網(wǎng)頁布局（table、DIV+CSS），學(xué)過平面設(shè)計（PS、CDR），學(xué)過編程（ASP、ASP.NET）,學(xué)過數(shù)據(jù)庫（AC、SQL）。可以說我現(xiàn)在完全可以獨當(dāng)一面，接過學(xué)校、企業(yè)、武警等的網(wǎng)頁制作，評價都還不錯！目前就是缺一個團隊，從鄭小軍老師他們的成果看，不是一個人的努力能完成的，更多的是要一個志同道合的團隊，回去我也該好好想想這個問題了。
網(wǎng)頁制作心得體會 篇9
網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計，但是經(jīng)過這段時間的學(xué)習(xí)了解，現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：
1、命名站點或者文件夾的的時候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。 頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的'關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念：
�。�1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細節(jié)。
�。�2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。
�。�3）功能決定設(shè)計方向: 看網(wǎng)站的用途，決定設(shè)計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設(shè)計的兩大要點是：整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格:
1、將標(biāo)志logo，盡可能的放在頁面最突出的位置。
2、突出標(biāo)準(zhǔn)色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。
4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。
2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，版式設(shè)
計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門，在今后的閑余時間繼續(xù)認真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
網(wǎng)頁制作心得體會 篇10
通過一個學(xué)期的學(xué)習(xí)和課堂講授，要我體會到要做好一個網(wǎng)頁不容易，當(dāng)然要把這門課程講好更不容易。首先，需要足夠的耐心去了解學(xué)生的學(xué)習(xí)情況；其次，老師要有深厚的功力，即在網(wǎng)頁制作領(lǐng)域要能深入市場需求把握市場動向以此來決定教學(xué)方向；最后，切合實際的講學(xué)，深入淺出的教學(xué)模式能讓學(xué)生更能把握知識，并能熟練運用�？偠灾诙潭痰娜齻�多月的時間內(nèi)掌握網(wǎng)頁設(shè)計的基礎(chǔ)知識并且成為一名網(wǎng)頁設(shè)計師也是一個重大挑戰(zhàn)！
這個學(xué)期結(jié)束了，但是看學(xué)生的學(xué)習(xí)情況來說感覺教學(xué)效果不佳，細分原因大概如下：
1、學(xué)生學(xué)習(xí)積極性很高，但缺少螞蟻精神，半途而廢的不乏多數(shù)。
這個學(xué)期我們的學(xué)習(xí)任務(wù)很重，要在一個學(xué)期內(nèi)掌握Dreamweaver、Flash、Fireworks以及ASP+Vbscript，內(nèi)容多，課程緊湊。我主要負責(zé)Y0601班級學(xué)生的授課，私底下和學(xué)生們溝通，聽學(xué)生們反應(yīng)，這個學(xué)期每天都是6節(jié)課，課余時間很少，即使有自己的個人愛好，也很難按照個人的意志和興趣來進一步提高。當(dāng)然這個只是學(xué)生的看法，雖然時間很緊，但我也相信“時間是海面里的水，愿意去擠，還是有的”，但是課程多我也有同感，因為在剛開始接觸Dreamweaver的時候，學(xué)生的學(xué)習(xí)積極性很高，基本都能跟緊我的思路，以及后來講到Flash，學(xué)生的學(xué)習(xí)興趣也不減當(dāng)初�？墒请S著教學(xué)進度的進展，學(xué)生反映知識太碎，部分因為沒有跟上教學(xué)節(jié)奏，采取消極措施就直接放棄了！特別是講ASP部分的時候，大部分同學(xué)的積極性都消磨的差不多了，因而像是集體放棄，僅僅是少數(shù)在學(xué)習(xí)。
我個人分析原因可能是因為ASP相對網(wǎng)頁三劍客軟件來說難度大，要求高，部分同學(xué)不愿意動腦筋，一點聽不懂就主動放棄，自暴自棄，不愿進取。但還有部分學(xué)生愿意學(xué)習(xí)，但是聲稱時間緊，沒有時間鉆研！
2、教學(xué)要求不能完全滿足學(xué)生的興趣愛好。
在教學(xué)過程中，我發(fā)現(xiàn)一部分學(xué)生愿意把時間花費在網(wǎng)頁的設(shè)計和規(guī)劃上，包括網(wǎng)頁的設(shè)計、布局、動畫的添加等等，而不是很愿意把時間花費在網(wǎng)頁的后臺編程上，所以針對后來的ASP部分，對教學(xué)無動于衷，不愿進取。
當(dāng)然，分析現(xiàn)在的網(wǎng)頁制作流程，基本上可以分為兩大模塊：前臺美工和編寫網(wǎng)站后臺。針對前臺美工來說，更注重的是學(xué)生的設(shè)計理念，顏色的搭配，整體的規(guī)劃，以及增色的動畫效果，因此要求學(xué)生有一定的藝術(shù)欣賞能力和藝術(shù)創(chuàng)作意識，但是針對計算機操作來說，工具的運用相對簡單。因此我們在教學(xué)過程中，學(xué)生愿意鉆研，也愿意學(xué)習(xí)，但是在短短的一個多月的時間內(nèi)學(xué)習(xí)軟件的運用況且不易，更如何談及藝術(shù)情操的陶冶！在學(xué)生的學(xué)習(xí)過程中也出現(xiàn)意猶未盡的現(xiàn)象，像是沒有學(xué)夠，學(xué)的不夠盡興，特備是對于動畫愛好者來說，僅僅入門對于他們來說還遠遠不夠。而針對另外一個模塊，更適合計算機專業(yè)的學(xué)生，也就是編寫網(wǎng)站后臺，但是相對來說知識稍微枯燥，且要求學(xué)生動腦思考，有一定的邏輯思維能力和進取精神。當(dāng)然也有很多學(xué)生對這個很感興趣，熱愛編程，熱愛程序的學(xué)習(xí)，所以學(xué)習(xí)起來也得心應(yīng)手，屢試不爽！
因此我個人認為，對于我們學(xué)院學(xué)生來說關(guān)鍵是要精于一門，精于一項，現(xiàn)實社會中也很缺乏所謂的專業(yè)精英。網(wǎng)站的制作通常都是細化分工，團隊合作，共同努力實現(xiàn)網(wǎng)站的創(chuàng)建，所以我也鼓勵學(xué)生能通于某項，深入學(xué)習(xí)，正所謂“深挖井，少挖坑”。
3、老師給與學(xué)生合理的引導(dǎo)，更要加強自身的素質(zhì)修養(yǎng)，提高自己的知識水準(zhǔn)。
在整個教學(xué)過程中，我自己也要檢討自己，針對網(wǎng)頁設(shè)計來說，我僅僅是帶領(lǐng)學(xué)生入門，沒有能夠讓學(xué)生的學(xué)習(xí)興趣和自身的潛力完全釋放出來。我從來都是相信我的學(xué)生是最聰明的學(xué)生，我也再三強調(diào)他們是我碰到的很聰明的一批學(xué)生，只要努力，勞動總是會有收獲的！但是在教學(xué)過程中，個人還缺少更高的藝術(shù)修養(yǎng)和藝術(shù)創(chuàng)造能力，但是我一直在追求藝術(shù)的完美，所以還要不斷的學(xué)習(xí)，不但實現(xiàn)個人的理想和愛好還要完成教學(xué)的需求；另外就是技術(shù)上還需要完善，也需要和有經(jīng)驗的老師多交流，多溝通。我相信只有站在一定的高度去看整個項目的實現(xiàn)，會更通俗易懂也更有說服力，所以也不能說都是學(xué)生的原因，歸結(jié)起來還是要提高自己的知識水平和業(yè)務(wù)素質(zhì)！
正所謂“巧婦難為無米之炊”，所以，提高個人知識水平和業(yè)務(wù)素質(zhì)也迫在眉睫。教學(xué)過程中不滿足，不浮躁，努力進取，積極上進，多向有經(jīng)驗的老師請教。
總而言之，這個學(xué)期的時間緊，知識多，在我們這門課中一共涉及的知識面也寬泛，就軟件來說大概就有四個，所以也加大了學(xué)生學(xué)習(xí)的難度。但這個學(xué)期結(jié)束后，訪問學(xué)生的體會，基本上一致說：知識太多，難以學(xué)習(xí)精通，雖然提起很大興趣，但是知識還有待深入。其實不僅僅是學(xué)生，對于老師來說何嘗又不是呢，所有要接觸的知識中，每一個軟件基本上都夠?qū)W習(xí)一個學(xué)期的，而我們要在短短的一個學(xué)期中接觸到這么多知識也難怪學(xué)生反應(yīng)知識多。整個學(xué)期像是在不斷學(xué)習(xí)新的軟件，一個軟件剛剛?cè)腴T就又要再開始另外一個軟件的'學(xué)習(xí)。學(xué)習(xí)強度大，雖然知識不是很難把握，但是知識零碎，需要反復(fù)學(xué)習(xí)，反復(fù)鞏固，一個學(xué)期下來，基礎(chǔ)知識基本上完，但根本沒有復(fù)習(xí)時間，也沒有時間要學(xué)生通過以前的知識來開發(fā)自己的網(wǎng)站。所以，我個人認為：這門課的學(xué)習(xí)還需要進一步加強并鞏固，能有一個綜合的運用，或者是通過一個網(wǎng)站的建設(shè)讓學(xué)生能夠體會到核心的東西。
針對Y0601班級的全體學(xué)生來說，聰明程度相當(dāng)，但學(xué)習(xí)興趣層次不同，大部分學(xué)生只愿意聽后選擇性的接受，而沒有知識的創(chuàng)新利用，或者是沒有下去自學(xué)，鞏固知識，單一的只是聽和做。程度好的學(xué)生比如丁毅、艾自科，課下還有練習(xí)，并根據(jù)自己的作品提出一兩點問題，但是程度差的同學(xué)，上完課后根本就直接把書丟在一邊置之不理。綜合學(xué)生的學(xué)習(xí)態(tài)度問題，個人認為還需要加強考核制度，從嚴(yán)制學(xué)，寬進嚴(yán)出，嚴(yán)肅考風(fēng)！
另外，針對這個學(xué)期的網(wǎng)頁制作課程，在學(xué)生的學(xué)習(xí)制作過程中我也有自己的一點意見和看法：
1、 網(wǎng)頁制作要簡潔大方。
網(wǎng)站在設(shè)計過程中以簡潔大方為主，配合合理的顏色搭配和主題內(nèi)容的詮釋，給訪問者賞心悅目的感覺；而避免過多的動畫和幀的過多運用，以及不明確的導(dǎo)航，雜亂的顏色，沒有主題的胡編亂造。
2、 網(wǎng)站風(fēng)格要統(tǒng)一。
所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，也會對你的網(wǎng)站留下一個“很專業(yè)”的印象。知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網(wǎng)頁中反復(fù)的字體樣式重定義、顏色的胡亂運用，參差不齊給人雜亂的感覺。
3、 網(wǎng)站布局合理。
避免一些“拿來主義”，一些學(xué)生為了設(shè)計方便，拿網(wǎng)上流行的模版做網(wǎng)頁，做出的網(wǎng)頁幾乎是千篇一律，沒有特色，雖然完成了網(wǎng)頁的制作，但是畢竟不是出自個人之手，知識缺乏進一步鞏固，且讓瀏覽者產(chǎn)生厭倦。另外導(dǎo)航清晰化，能引領(lǐng)瀏覽者閱讀網(wǎng)頁，思路一定要清晰，避免交叉鏈接。
4、 網(wǎng)站容量要小。
雖然網(wǎng)頁更加美觀可以吸引瀏覽者，但是圖片，動畫容量大會影響瀏覽速度，所以一定要注意網(wǎng)絡(luò)容量問題。圖片盡量壓縮，多采用單一色，或者簡單的顏色；動畫要盡量簡潔實用，用最少的幀做出最漂亮實用的動畫，給網(wǎng)頁增色。
5、 網(wǎng)站實現(xiàn)嚴(yán)謹(jǐn)。
動態(tài)網(wǎng)頁的制作在這里主要是通過ASP來完成，首先數(shù)據(jù)庫的設(shè)計要合理，避免反復(fù)修改，影響調(diào)用。代碼的寫入要嚴(yán)謹(jǐn)，比如考慮密碼的安全性，以及注冊用戶寫入一些非法字符，或者是洪水般的多用戶的點擊是否對服務(wù)器造成威脅等問題，盡量多方位全面的考慮問題，寫出更實用的網(wǎng)站。
以上是在教學(xué)過程中遇到的一些知識點或是具體運用中遇到的一些問題，當(dāng)然也是學(xué)生的上機過程中經(jīng)常存在的問題。
但是總體來說，通過整個學(xué)期網(wǎng)頁制作的學(xué)習(xí)，學(xué)生已經(jīng)了解了網(wǎng)頁制作所需要的基本技術(shù)，也掌握了網(wǎng)頁制作的基本技能。但由于時間緊迫，知識點多，一些重點難點問題還需要勤加練習(xí)，比如：靜態(tài)網(wǎng)頁中的布局和CSS的定義；動態(tài)網(wǎng)頁中對象的綜合運用等等。當(dāng)然也存在著遺憾，不少學(xué)生反映，他們的學(xué)習(xí)愛好更多的是動畫的制作即Flash的學(xué)習(xí)，而我們只是籠統(tǒng)的講解，不能完全滿足學(xué)生的求知欲！當(dāng)然針對網(wǎng)頁制作來說，還需要加強學(xué)生的配色觀念以及審美觀的培養(yǎng)，以及動態(tài)網(wǎng)頁的實現(xiàn)技術(shù)的把握，在很多方面還需要老師和學(xué)生們進一步配合，共同學(xué)習(xí)和實戰(zhàn)，以達到知識運用的一定高度！
【網(wǎng)頁制作心得體會】相關(guān)文章：
網(wǎng)頁制作心得體會12-12
網(wǎng)頁制作心得體會【熱門】02-02
學(xué)習(xí)網(wǎng)頁制作心得體會11-04
制作網(wǎng)頁設(shè)計的心得體會精選9篇02-21
制作網(wǎng)頁設(shè)計的心得體會(9篇)12-02