網頁制作心得

時間：2023-06-10 18:34:22 心得體會我要投稿

2022網頁制作心得

　　當我們對人生或者事物有了新的思考時，可以尋思將其寫進心得體會中，這樣能夠培養人思考的習慣。很多人都十分頭疼怎么寫一篇精彩的心得體會，以下是小編整理的2022網頁制作心得，歡迎大家分享。

2022網頁制作心得

2022網頁制作心得1

　　現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的。

　　通過一周的實習，在這門課上我學習到了一些關于制作網頁的知識，對flash也有所了解，還學會了一些基礎的PS技能

　　通過一周對這門課的實習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。

　　在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態圖片，Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

　　然后是對圖片的處理，用到了Photoshop等相關的'圖像軟件。也對Photoshop cs4這款軟件有了一定的了解，學會了一些基本的ps方法。

　　接下來是開始正式制作網頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

　　在網頁制作的時候，我覺得首先要列出大綱。列出來后，還必須考慮每個頁面之間的鏈接關系。層次不清的站點會造成瀏覽困難，影響內容的發揮。

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

　　下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往網頁里面填內容。

　　最后就是對網頁的一些細節調整了，保證預覽網頁的整齊和沒有錯誤。

2022網頁制作心得2

　　楊老師下午講解的是網頁制作，他從網頁布局（三段式）講解，接著展示新浪、師院首頁給我們看，在這過程中，始終都以實例講解為主。

　　接著講網頁布局的方法：

　　1.紙上布局法

　　許多網頁制作者不喜歡先畫出頁面布局的草圖，而是直接在網頁設計器里邊設計布局邊加內容。這種不打草稿的方法不能讓你設計出優秀的網頁來。所以在開始制作網頁時，要先在紙上畫出你頁面的布局草圖來。

　　2.軟件布局法

　　如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設計網頁布局上更顯得心應手。不像用紙來設計布局，利用Photoshop可以方便的使用顏色，使用圖形，并且可以利用層的功能設計出用紙張無法實現的布局意念。

　　最后重點講了布局的技術

　　1.層疊樣式表的'應用

　　2.表格布局

　　3.框架布局

　　最后，楊老師就DIV+CSS給我們進行詳細介紹，我們按照他的進度，創建網站站點、創建文件夾、創建文件。然后在DIV容器中插入動畫，創建CSS文件，對不同的塊元素進行排版，主要是浮動—float。由于時間實在是太短了，很多知識都沒的講，比如我們常遇到的外邊距，內邊距，線條，以及一些基本的代碼知識…….

　　哈哈，我就不多說了，對于網頁我也研究了好幾年了，問題還真多，學過網頁布局（table、DIV+CSS），學過平面設計（PS、CDR），學過編程（ASP、）,學過數據庫（AC、SQL）。可以說我現在完全可以獨當一面，接過學校、企業、武警等的網頁制作，評價都還不錯！目前就是缺一個團隊，從鄭小軍老師他們的成果看，不是一個人的努力能完成的，更多的是要一個志同道合的團隊，回去我也該好好想想這個問題了。

2022網頁制作心得3

　　網頁設計伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習了解，現在我打開一個網頁都會習慣性的先看看排版、布局和色彩運用。

　　通過老師的講解和對課本的翻閱，我學習到了一些關于建設網站和制作網頁的知識，對網頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50K。

　　還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對于宣傳展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

　　下面簡單介紹下網頁設計的.理念和要點。網頁設計理念：（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調，分模塊設計。最后調整不滿意的幾個局部細節。（3）功能決定設計方向:看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

　　網頁設計的兩大要點是：整體風格和色彩搭配。

　　一、確定網站的整體風格: 1、將標志logo，盡可能的放在頁面最突出的位置。2、突出標準色彩。3、總結一句能反映網站精髓的宣傳標語。4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

　　二、網頁色彩的搭配: 1、用一種色彩。指選定一種色彩，然后調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。2、背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

　　針對我所學的平面設計方向，那么這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對于網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，版式設

　　計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今后的閑余時間繼續認真學習制作網頁的更多知識以實現自身技能的提高。

2022網頁制作心得4

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

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

　　做個人主頁我覺得不能光光用字，必須在主頁上適當的加一些圖片，增加可看性，俗語有一句話“一圖甚千言”我想不無道理，一張處理看的圖片不須要你多做任何解釋，就能讓人流連忘懷，浮想聯翩，總能讓人去思考，情不至竟的去了解他，當然處理不的以及那些無關緊要的

　　圖片最不要放上去，讓人覺得是累贅，影響了頁傳輸速度，圖片不關要看，還要在保證圖片質量的情況下盡量縮小圖片的大小即字節數，在目前絡傳輸速度不是很快的情況下，圖片的大小很大程度上影響了頁的傳輸速度，那么如何精簡圖片的大小呢，一般來說，圖片的顏色較少的及在256色以內的最把它處理成gif圖象格式，如果是一些彩色照片、色(更多請關注ww.aowod.co)彩比較豐富的圖片最把它處理成jpg圖象格式，因為gif和jpg各有各的壓縮優勢，應跟據具體的圖片來選擇壓縮比。

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

　　如果想自己的頁更有特色一些，可適當的加一些頁制作得技術，諸如聲音、動態頁、java、applet等技術，當然這種技術最不要加太多，他會影響頁的下載速度，另外可考慮一下你主頁的定居點速度

　　和穩定性，不妨考慮建一兩個鏡象站點，不僅能照顧到不同地區友對速度的要求，還能作備份，以防萬一。

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

2022網頁制作心得5

　　目前，互聯網是最快捷的信息傳播渠道之一，學習網頁制作成了學生必須掌握的一項技能。在幾年的教學實踐之中，我總結了《制作簡單網頁》教學中值得注意的幾個問題：

　　一、激發學生的學習興趣，喚醒求知欲望

　　現階段信息技術課程的主要任務之一是培養學生對信息技術的興趣和意識。興趣是學生基于自己的學習需要而表現出來的一種認識行為，它在學生的學習中具有重要的作用。我認為，教師激發學習興趣，挖掘學習需求是授課前必須解決的問題。從知識結構看，網頁制作是在學生掌握了一定的理論基礎和操作技能之后，對互聯網有了一定的了解、瀏覽過相當數量的網頁和站點之后引入的。在準備期中教師應該適當地引導學生，可以采取展示法、教學對話法等，也可以融合多種方法進行。

　　例如，在學習瀏覽網頁時，我有計劃地挑選一些專題網站和個人站點推薦給學生，他們在看過之后一定會有自己的想法，老師再給他們提些問題。我經常推薦給學生我校的學生及班級制作的站點與網頁。學生會把他們自己的見解說得頭頭是道。接下來就提出問題：如果由你來做這個站點，哪些地方需要修改？如果把你做一個站點該如何設計？在學生的頭腦中先有了一些模糊的`認識，產生了做個站點的想法，再在老師的幫助下梳理成一個比較成型的站點框架，接下來就是：怎么做網頁？用什么工具？有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。

　　二、合理調整教學順序和重點，理順理論與操作的關系

　　學習網頁制作，首先接觸的是概念和理論性的知識。回顧學習一些應用軟件的過程，肯定不是先把理論背熟，而是從操作使用開始的。我并不是說理論不重要，而是切入的時機要掌握好。對于這一部分的教學，可以根據教學實際，合理調整教學順序和重點。對涉及到的理論知識，可以盡量在教操作的時候滲透。一些純理論的知識，不妨一帶而過，教學取得階段成果后，再單獨強調。

　　三、注重培養學生知識遷移的能力

　　正在進行的新課程改革，提倡的是教給學生可遷移的知識。我體會，遷移是理論到實踐。很多應用軟件，模式基本上是統一的，在窗口組成、菜單內容和操作方法等方面是相通的。對這類內容，我認為可以采用比較法、示范法、啟發法等教學方法。例如，制作網頁和保存網頁兩個知識點：可以在介紹了工具軟件（如frontpage）窗口組成之后，就布置學生輸入并編輯一段文字，然后把該文件保存在指定位置。這些操作都是前面學過的，對學生來講既是學習也是復習。作為老師，我們在糾正學生錯誤的同時，還可以幫助學生比較這幾個軟件在使用中的異同。比如，輸入文字，在word和frontpage中可在編輯區中直接寫，而在powerpoint中必須寫在文本框里。通過比較，加深印象，達到學習和提高的目的。在這部分中，除文字處理外，像修飾網頁、插入表格等內容都可以這樣比較著講。

　　四、認識螺旋式上升的學習模式和探究式學習的方式，重視課前準備

　　學習是一個循序漸進、螺旋式提高的過程。在這個過程中，作為教學組織者和指導者，教師的教學設計和準備工作非常重要。例如，在學習網頁修飾時，可采用了示范法和演示法結合的教學方法，先設計幾個頁面，都是在上一節課作的、樣例頁面的基礎上改的。上課時，讓學生打開上節課制作的網頁，他一看，老師的頁面上比他多了個圖片，馬上問怎么做的，我演示給他看，他也加上圖了……每次我演示出的頁面總比學生們做出來的多一點小修飾，他們就不斷地提問，不斷地學習新技巧，再不斷地付諸實踐。用這種示范加演示的方法教學，效果還不錯。但對老師來講，備課的工作量比較大，課堂上的輔導任務也重一些。

　　五、組織協作學習，培養學生自學能力和合作精神

　　信息技術劃分為精英技術和大眾技術。目前，信息技術基礎模塊中講授的均屬大眾技術，要求學生掌握的是可以廣泛遷移的知識。但是，大眾技術太簡單了，有些學生不用我們教，自己玩電腦就玩會了。這類學生，上課時通常不愿再聽，還經常搞些小動作，或者做些小軟件來炫耀一下。小孩多半有這種心理，我們不妨給他創造這個條件，讓他充分發揮特長。有一次，剛開課不久，有個學生把他的個人主頁演給我看，當時我考慮了一下，讓他在全班同學面前作了演示，解說他的創作思想，并指出了他作品中的亮點。這個學生當然很自豪了，別的同學也都很佩服他的能力。在其他同學眼中，他就是高手了，以后的學習過程中有了問題，不問老師，先問他去，逐漸地他就成了我課堂上的一名小助教了。學生中的榜樣作用和傳、幫、帶作用不可低估，如果你班里有幾個這樣有一定特長的學生，不妨考慮采取任務驅動、分組合作等方法進行教學，讓他們帶動全班的同學學習提高。學生之間相互學習、相互幫助、相互帶動比單純的老師教效果更好。

　　六、適當引入分層次教學，體現教學目標的差異性

　　學生的基礎差別很大和心智發展水平很大不同。在這種情況下，分層次教學是一種行之有效的辦法。一般的，我把學生分成三個a、b、c三個層次。a層次的學生是基礎好，特長明顯，自學能力強的一部分，對這部分學生，倡導自主學習，給他們布置任務或課題，學生獨立完成，只是在需要的時候向他們提供幫助；b層次的學生是基礎一般，能在老師的講解、示范和引導下學習，對這部分學生可采用靈活多樣的教學方法按步就班地學習，b層次的學生是學生群體中的大多數；c層次的學生是學習有一定困難的學生，我對他們的要求是掌握基礎，除了給他們進行特別輔導之外，還采取結對子的辦法，給每人配一個a層次的學生作為助理，幫助他們學習。但在分層次教學中要格外注意保護c層次學生的自尊心和學習積極性。

　　七、加強聯系實際，培養學生的創新能力

　　創新是素質教育的核心內容。鼓勵、指導學生大膽、靈活地運用已學知識，解決實際問題是培養學生創新精神和能力的有效方法。我認為在網頁制作這一部分的小結或復習階段可以適當采用主題型課或任務驅動式的方法，設計引導學生從頭至尾制作一個專題站點。當然，復習中也可以適當采取教學對話、教學討論、示范等教學方法。

2022網頁制作心得6

　　現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的，

　　我利用寒假的時間，對網頁設計進行了初步的認識和了解，并基本掌握Dreamweaver的應用。

　　我了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網頁軟件的綜合應用。

　　下面闡述一下我在翻閱《Dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。

　　首先，要·確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用;其次，要了解你網站所在行業的.客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

　　在完成以上的基本內容之后網頁的基本框架便成形成了，下面要開始的便是優化工作，內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

　　如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片，Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

　　總體來說，通過這個假期對網頁設計的學習，有收獲也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

2022網頁制作心得7

　　跟學習別的東西一樣，學習網頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。學習網頁設計需要耐心，如果你沒有耐心，你學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。學習網頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟件在不斷的更新，你不斷的學習不要掉入技術的陷阱，你的網頁設計技術一流，你對軟件的掌握程度已經達到一定水平，但是你設計的'網頁確不堪目睹，這是因為網頁設計是是介于平面設計和編程技術兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富于個性的web頁面，才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能。

　　注重實用，個人認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。

　　申明一點，我也是個網頁設計初學者，并不是什么設計名師，這是我個人的灼見。有什么不對的地方，還請大家見諒。

　　個人網站的設計需要有以下幾個步驟：

　　一、要進行個人網站前臺功能設計

　　包括個人網站主題確定、前臺功能設計與管理、個人網站首頁設計、個人網站留言板、注冊、忘記密碼、搜索等網頁設計與管理。

　　二、個人網站后臺管理功能設計

　　包括個人網站后臺管理功能設計，后臺管理信息系統功能設計，后臺系統權限管理，后臺文件管理，個人網站后臺管理系統主頁設計。

　　三、網站發布

　　通常我們發布一個網站，這樣我們可以注冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。

　　四、個人網站推廣

　　一個網站做好了，就有必要推廣一下個人網站，這是一個電子商務網站必須做的一步，因為如果你不推廣你的網站，即使你發布了也沒有人會知道。

　　在設計網站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設計，信息的收集，前臺功能的設計與管理，后臺功能的設計與管理，每一個頁面的表面設計。我把它們都一一進行規劃，因為如果你不好好規劃，想做什么就做什么，你是做不好的。因為我意識到這句話：“機會是屬于那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細微之處才見真功夫”。

　　給我最深印象的是留言板，因為之前SQL數據庫實際鍛煉做過了，所以這次做相對容易，但我經過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數據庫，第二次使用SQL數據庫+權限管理，第三次使用數據源名稱的連接。每次用的方法都不一樣。

　　可能會有人說我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習，就不會有這么多不同的方法，不會創造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學廣。

2022網頁制作心得8

　　一、網站規劃

　　本工作室主要用來做個人站，主題是介紹自我，讓更多的朋友認識我，面向我的同學和朋友以及想結交我的朋友。

　　二、網站總體設計

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

　　三、網站設計與制作（包括頁設計、圖形設計、動畫設計中的主要技術、方法和設計效果）

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

　　四、學習體會

　　不知不覺，我已經學習《頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更的展現自己。

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

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

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

　　做以上三步之后，我們就要選擇合適的制作工具。

　　盡管選擇什么樣的工具并不會影響你設計頁的壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。頁制作涉及的工具比較多，首先就是頁制作工具了，在這里，我們一般都是用有“絡三劍客”之稱的dreamweaver、fireworks、flash來制作頁，對于圖片部分的處理，個人覺得photoshop比較用。

　　最后，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作頁時，先把大的結構設計，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時修改。在制作頁時要多靈活運用模板，這樣可以大大提高制作效率。頁做之后，就要發布到web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。這里推薦二個有免費空間和域名的址給大家：

　　以上就是我對于頁制作的一些個人心得，由于本人的技術還不是很成熟，還存在很多的不足（如：背景過于單調和頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續學習頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關頁的知識，謝謝！

　　通過一個學期的學習和課堂講授，要我體會到要做好一個網頁不容易，當然要把這門課程講好更不容易。首先，需要足夠的耐心去了解學生的學習情況；其次，老師要有深厚的功力，即在網頁制作領域要能深入市場需求把握市場動向以此來決定教學方向；最后，切合實際的講學，深入淺出的教學模式能讓學生更能把握知識，并能熟練運用。總而言之，要在短短的三個多月的時間內掌握網頁設計的基礎知識并且成為一名網頁設計師也是一個重大挑戰！

　　這個學期結束了，但是看學生的學習情況來說感覺教學效果不佳，細分原因大概如下：

　　1、學生學習積極性很高，但缺少螞蟻精神，半途而廢的不乏多數。

　　這個學期我們的學習任務很重，要在一個學期內掌握Dreamweaver、Flash、Fireworks以及ASP+Vbscript，內容多，課程緊湊。我主要負責Y0601班級學生的授課，私底下和學生們溝通，聽學生們反應，這個學期每天都是6節課，課余時間很少，即使有自己的個人愛好，也很難按照個人的意志和興趣來進一步提高。當然這個只是學生的看法，雖然時間很緊，但我也相信“時間是海面里的.水，愿意去擠，還是有的”，但是課程多我也有同感，因為在剛開始接觸Dreamweaver的時候，學生的學習積極性很高，基本都能跟緊我的思路，以及后來講到Flash，學生的學習興趣也不減當初。可是隨著教學進度的進展，學生反映知識太碎，部分因為沒有跟上教學節奏，采取消極措施就直接放棄了！特別是講ASP部分的時候，大部分同學的積極性都消磨的差不多了，因而像是集體放棄，僅僅是少數在學習。

　　我個人分析原因可能是因為ASP相對網頁三劍客軟件來說難度大，要求高，部分同學不愿意動腦筋，一點聽不懂就主動放棄，自暴自棄，不愿進取。但還有部分學生愿意學習，但是聲稱時間緊，沒有時間鉆研！

　　2、教學要求不能完全滿足學生的興趣愛好。

　　在教學過程中，我發現一部分學生愿意把時間花費在網頁的設計和規劃上，包括網頁的設計、布局、動畫的添加等等，而不是很愿意把時間花費在網頁的后臺編程上，所以針對后來的ASP部分，對教學無動于衷，不愿進取。

　　當然，分析現在的網頁制作流程，基本上可以分為兩大模塊：前臺美工和編寫網站后臺。針對前臺美工來說，更注重的是學生的設計理念，顏色的搭配，整體的規劃，以及增色的動畫效果，因此要求學生有一定的藝術欣賞能力和藝術創作意識，但是針對計算機操作來說，工具的運用相對簡單。因此我們在教學過程中，學生愿意鉆研，也愿意學習，但是在短短的一個多月的時間內學習軟件的運用況且不易，更如何談及藝術情操的陶冶！在學生的學習過程中也出現意猶未盡的現象，像是沒有學夠，學的不夠盡興，特備是對于動畫愛好者來說，僅僅入門對于他們來說還遠遠不夠。而針對另外一個模塊，更適合計算機專業的學生，也就是編寫網站后臺，但是相對來說知識稍微枯燥，且要求學生動腦思考，有一定的邏輯思維能力和進取精神。當然也有很多學生對這個很感興趣，熱愛編程，熱愛程序的學習，所以學習起來也得心應手，屢試不爽！

　　因此我個人認為，對于我們學院學生來說關鍵是要精于一門，精于一項，現實社會中也很缺乏所謂的專業精英。網站的制作通常都是細化分工，團隊合作，共同努力實現網站的創建，所以我也鼓勵學生能通于某項，深入學習，正所謂“深挖井，少挖坑”。

　　3、老師給與學生合理的引導，更要加強自身的素質修養，提高自己的知識水準。

　　在整個教學過程中，我自己也要檢討自己，針對網頁設計來說，我僅僅是帶領學生入門，沒有能夠讓學生的學習興趣和自身的潛力完全釋放出來。我從來都是相信我的學生是最聰明的學生，我也再三強調他們是我碰到的很聰明的一批學生，只要努力，勞動總是會有收獲的！但是在教學過程中，個人還缺少更高的藝術修養和藝術創造能力，但是我一直在追求藝術的完美，所以還要不斷的學習，不但實現個人的理想和愛好還要完成教學的需求；另外就是技術上還需要完善，也需要和有經驗的老師多交流，多溝通。我相信只有站在一定的高度去看整個項目的實現，會更通俗易懂也更有說服力，所以也不能說都是學生的原因，歸結起來還是要提高自己的知識水平和業務素質！

　　正所謂“巧婦難為無米之炊”，所以，提高個人知識水平和業務素質也迫在眉睫。教學過程中不滿足，不浮躁，努力進取，積極上進，多向有經驗的老師請教。

　　總而言之，這個學期的時間緊，知識多，在我們這門課中一共涉及的知識面也寬泛，就軟件來說大概就有四個，所以也加大了學生學習的難度。但這個學期結束后，訪問學生的體會，基本上一致說：知識太多，難以學習精通，雖然提起很大興趣，但是知識還有待深入。其實不僅僅是學生，對于老師來說何嘗又不是呢，所有要接觸的知識中，每一個軟件基本上都夠學習一個學期的，而我們要在短短的一個學期中接觸到這么多知識也難怪學生反應知識多。整個學期像是在不斷學習新的軟件，一個軟件剛剛入門就又要再開始另外一個軟件的學習。學習強度大，雖然知識不是很難把握，但是知識零碎，需要反復學習，反復鞏固，一個學期下來，基礎知識基本上完，但根本沒有復習時間，也沒有時間要學生通過以前的知識來開發自己的網站。所以，我個人認為：這門課的學習還需要進一步加強并鞏固，能有一個綜合的運用，或者是通過一個網站的建設讓學生能夠體會到核心的東西。

　　針對Y0601班級的全體學生來說，聰明程度相當，但學習興趣層次不同，大部分學生只愿意聽后選擇性的接受，而沒有知識的創新利用，或者是沒有下去自學，鞏固知識，單一的只是聽和做。程度好的學生比如丁毅、艾自科，課下還有練習，并根據自己的作品提出一兩點問題，但是程度差的同學，上完課后根本就直接把書丟在一邊置之不理。綜合學生的學習態度問題，個人認為還需要加強考核制度，從嚴制學，寬進嚴出，嚴肅考風！

　　另外，針對這個學期的網頁制作課程，在學生的學習制作過程中我也有自己的一點意見和看法：

　　1、網頁制作要簡潔大方。

　　網站在設計過程中以簡潔大方為主，配合合理的顏色搭配和主題內容的詮釋，給訪問者賞心悅目的感覺；而避免過多的動畫和幀的過多運用，以及不明確的導航，雜亂的顏色，沒有主題的胡編亂造。

　　2、網站風格要統一。

　　所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什么的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，也會對你的網站留下一個“很專業”的印象。知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網頁中反復的字體樣式重定義、顏色的胡亂運用，參差不齊給人雜亂的感覺。

　　3、網站布局合理。

　　避免一些“拿來主義”，一些學生為了設計方便，拿網上流行的模版做網頁，做出的網頁幾乎是千篇一律，沒有特色，雖然完成了網頁的制作，但是畢竟不是出自個人之手，知識缺乏進一步鞏固，且讓瀏覽者產生厭倦。另外導航清晰化，能引領瀏覽者閱讀網頁，思路一定要清晰，避免交叉鏈接。

　　4、網站容量要小。

　　雖然網頁更加美觀可以吸引瀏覽者，但是圖片，動畫容量大會影響瀏覽速度，所以一定要注意網絡容量問題。圖片盡量壓縮，多采用單一色，或者簡單的顏色；動畫要盡量簡潔實用，用最少的幀做出最漂亮實用的動畫，給網頁增色。

　　5、網站實現嚴謹。

　　動態網頁的制作在這里主要是通過ASP來完成，首先數據庫的設計要合理，避免反復修改，影響調用。代碼的寫入要嚴謹，比如考慮密碼的安全性，以及注冊用戶寫入一些非法字符，或者是洪水般的多用戶的點擊是否對服務器造成威脅等問題，盡量多方位全面的考慮問題，寫出更實用的網站。

　　以上是在教學過程中遇到的一些知識點或是具體運用中遇到的一些問題，當然也是學生的上機過程中經常存在的問題。

　　但是總體來說，通過整個學期網頁制作的學習，學生已經了解了網頁制作所需要的基本技術，也掌握了網頁制作的基本技能。但由于時間緊迫，知識點多，一些重點難點問題還需要勤加練習，比如：靜態網頁中的布局和CSS的定義；動態網頁中對象的綜合運用等等。當然也存在著遺憾，不少學生反映，他們的學習愛好更多的是動畫的制作即Flash的學習，而我們只是籠統的講解，不能完全滿足學生的求知欲！當然針對網頁制作來說，還需要加強學生的配色觀念以及審美觀的培養，以及動態網頁的實現技術的把握，在很多方面還需要老師和學生們進一步配合，共同學習和實戰，以達到知識運用的一定高度！

2022網頁制作心得9

　　做主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套頁的色調等很多東西。

　　一、準備資料和挑選頁設計的合適工具

　　俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在上多轉轉，看到什么漂亮的頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個件夾，下分“e—mail圖標、背景、線條、動畫”等件夾，養成上時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

　　二、規劃整個站

　　主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。要做到這一點，首先要在整體上規劃自己站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然后仔細斟酌，把自己所有要表達的意念合情合理地組織起來；其次，是設計一個富有個性的`頁面式樣，務求盡善盡美。這樣制作出來的主頁才會清晰、明了、內容充實。切記，頁面給人的第一觀感最為重要！在上到處瀏覽站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的站了。

　　三、善用圖片，增強藝術效果，加快主頁瀏覽速度

　　頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與字的顏色搭配。最佳的圖像集美觀與資訊于一身。

2022網頁制作心得10

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

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

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

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

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

　　1.標題

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

　　2.內容的采集

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

　　3.圖片

　　做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當然處理得不好的以及無關緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網頁的傳輸速度。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小（即字節數），在目前網絡傳輸速度不是很快的情況下，圖片的'大小在很大程度上影響了網頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優勢，應根據具體的圖片來選擇壓縮比。

　　4.網頁排版

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

　　5.背景

　　網頁的背景并不一定非要用白色，選用的背景應該和整套頁面的色調相協調。合理的應用色彩是非常關鍵的。12

2022網頁制作心得11

　　為期兩周的網頁實訓終于結束了。為什么說終于結束了呢？因為兩個星期做五個網站時間太緊了，我們每天晚上都是加班加點。但是結果是令人欣慰的，我們大都按時按質完成了任務，而且網站是一個比一個做得好！總的來說，還是有很大的收獲。

　　本次實訓共有五個任務，它們分別是：沈陽植物園網、開元科技網、家臺灣旅游網、我愛低碳網、博愛助學網。要求是每個網站至少要8個或8個以上的頁面，并運用flash做動畫，用css美化頁面等。

　　整個實訓的過程可以說是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網站，但那是我們小組合作的，所以有些知識點我們并沒有都用到。而這次實訓是自己一個人做網站，做網站的各個環節都要自己親力親為，可以說是一個挑戰，同時也是對知識的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網站的logo這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的'網頁效果，就需要flash做出動態的文字效果和圖片切換效果。

　　在設計的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自設計網站、制作網站，難免會遇到過各種各樣的問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在css的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果通過這次網頁設計與制作實訓，一定把以前所學過的知識重新溫故。

　　兩周網頁設計與制作的實訓課程結束了，回顧這次課程設計實訓，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實踐，在兩周的實訓日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

【網頁制作心得】相關文章：