學習網頁設計心得體會

HTML的歷史最早可以追溯到20世紀40年代。在1945年，Vannevar Bush在一篇文章中闡述了文本和文本之間通過超級鏈接相互關聯的思想，並在文中給出了一種能實現信息關聯的計算機Memex的設計方案。隨後經過一系列的發展研究，1989年Tim Berners_Lee對SGML做了大刀闊斧的簡化和完善，穿鑿了最初的HTML，並用它在自己編寫的圖形化Web瀏覽器上看得到最早的web頁面。

而現在的網頁設計伴隨着網絡的快速發展而快速興起，作爲上網的主要依託，由於人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，直到這學期學習了網頁設計基礎這門課程，我才注意到原來一個網頁的製作需要用到很多知識與技術。經過這段時間的學習瞭解，現在我打開一個網頁都會習慣性的先看看排版、佈局和色彩運用。

初期的網站都是由靜態網頁組成，網頁中只有文字、圖形、圖像等，用戶只能被動的接受這些信息。那時的web頁面的核心是HTML，它編寫很方便，不要求有特定的語言環境，可以有任何一種編輯器寫好（如word、寫字板、記事本），然後可以放到瀏覽器觀看結果。現在HTML已經有很多專門的編輯軟件，如Frontpage、Hotdog、Dreamweaver等。

通過老師的講解、對課本的翻閱、以及同學的互相幫助，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試着做的時候，總是出現這裏那裏的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道爲什麼撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在css方面，我總是不太熟悉各種代碼是控制哪些東西的。

頁面設計應以美觀、大方、簡潔爲原則，保持一致的風格。爲了達到最佳的視覺表現效果，應講究整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。

而在學習網頁設計基礎課程之外，我還會尋找一些與網頁設計相關的書籍來深入瞭解HTML的同時也拓寬自己的知識面。一本好的書籍不僅可以豐富我們的知識、拓寬我們的眼界，而且其可以在我們日常生活中遇到問題時沒準我們可以在書上找到答案。根據本次課程我一共借閱四本相關書籍：《HTML+CSS+DIV網頁設計與佈局》《網頁製作三合一培訓教程》《網頁設計與製作教程》《網頁設計與製作》

首先我要介紹的是《HTML+CSS+DIV網頁設計與佈局》這本書，其以HTML語言爲基礎，圍繞最新的CSS技術精髓展開深入講解，它主要介紹了認識網站開發、網頁文字和圖片、超鏈接、表格、多媒體、滾動字幕、列表、表單、框架、設置文本樣式、設置網頁背景樣式、設置邊框和邊距樣式、設置表格和列表樣式、控制元素佈局、網頁佈局與設計技巧等。我瞭解了在網頁設計中運用CSS和DIV的好處，比如：使用了DIV+CSS製作方法，在修改頁面的時候更加容易省時。根據區域內容標記，到CSS裏找到相應的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的佈局樣式。保持了視覺的一致性；以往表格嵌套的製作方法，會使得頁面與頁面，或者區域與區域之間的顯示效果會有偏差。而使用DIV+CSS的製作方法，將所有頁面，或所有區域統一用CSS文件控制，就避免了不同區域或不同頁面體現出的效果偏差。

當然了，並不是說它就是完美的，它也是有缺點的。所以我們在使用DIV+CSS的時候需要通過不斷的實踐和體檢，積累豐富的設計經驗，根據自己的需求在恰到好處時使用才能很好的掌握這門技術。

其次是《網頁製作三合一培訓教程》，其全面介紹Dreamweaver MX 2004，Fireworks MX 2004，Flash MX 2004等三個軟件的各項功能與基本技巧。具體介紹：第一章爲網頁知識的綜合概論。第二章到第四章介紹Dreamweaver MX 2004，從初級入門到複雜效果的實現都進行了深入淺出的介紹。第五章到第八章介紹Fireworks MX 2004，將這一圖形處理軟件的各個功能都予以研究。第九章到第十一章介紹Flash MX 2004，讓我短期速成了解了Flash動畫的製作。第十二章和第十三章製作了兩個綜合實例，更注重三個軟件的整體性，綜合運用前面學習到的各種技術，並加以靈活運用，更加上大量高級技巧，讓我順利建造各種類型的網站。

然後是《網頁設計與製作教程》，主要闡述Interact網頁的製作方法，並簡單介紹動態網頁編程工具。它的內容包括了：WWW概述，網頁製作概述，使用DreamweaverCS3製作網頁，使用ExpressionWeb製作網頁，使用PhotoshopCS3美化網頁，FireworksCS3，FlashCS3，網頁標記語言HTML、DHTML與CSS，網頁編程，網站建設實例。我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且爲我自己在製作網頁這方面積累了一些。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。

最後是《網頁設計與製作》，介紹了網頁設計涉及的基本概念、網站開發的技術層面及工具，並提供了一些典型的網頁實例，使學習者具備一定的網頁設計知識。重點介紹HTML語言和JavaScript語言，使學習者能夠掌握兩種語言的代碼使用方法，並能根據網頁開發的需要，合理使用這些語言。同樣，介紹了網頁編輯軟件Dreamweaver CS4、網頁圖像處理軟件FireworksCS4和網頁動畫製作軟件Flash CS4的基本使用方法。我明白了學習網頁設計也需要興趣和耐心，網頁設計應該注重實用性。學習到了一些關於建設網站和製作網頁的知識，對flash也有所瞭解。通過對這本書的閱讀，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解，對網頁製作的基礎知識也有了一定的掌握。

通過對網頁設計書籍的翻閱，我學習到了一些關於建設網站和製作網頁的知識，在實踐查閱資料時，對flash也有所瞭解。我還了解了一些基礎的網絡技術。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合。同時在製作一個網頁時我瞭解到一個優秀的網頁設計應該具備一些基本原則。首先，要確定網頁設計的內容一個優秀的風站要有一個明確的主題。其次，要了解你網站所在行業的客戶，及你的網頁屬於哪個類別。內容是整個網頁的核心，在網頁設計之前必須明確網頁的內容安排。

不知不覺，我已經學習《網頁設計與製作》這門課程將近一個學期了，雖然時間有點短，但這一個學期以後我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與製作的基礎知識，還讓我學會了自己動手去製作屬於自己的網頁，這對於我來說是很值得高興的，能讓我在以後的工作生活中更好的展現自己。我在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

當然，我對於網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中，由於沒有網頁製作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。我將在以後的學習過程中不斷加強這方面的學習。

當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，爲以後能做出出色的網頁。

總體來說，通過今次的對網頁設計的學習以及書籍的閱讀，有收穫也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑藉我對網頁設計的熱情和執着，我將來設計出的網頁會更加專業，更完善。也希望老師在今後的日子裏多指導。