網(wǎng)頁設計課程總結(jié)

網(wǎng)頁設計課程總結(jié)

摘要：自從第一個網(wǎng)站在上個世紀90年代初誕生以來，設計師們嘗試了各種網(wǎng)頁的視覺效果。早期的網(wǎng)頁完全由文本構成，除了一些小圖片和毫無布局可言的標題與段落。然而，時代在進步，接下來出現(xiàn)了表格布局，然后是Flash，最后是基于CSS的網(wǎng)頁設計。很有幸的,這學期跟著老師學習了網(wǎng)頁課程設計，了解了網(wǎng)頁設計的基礎知識，會制作簡單的小網(wǎng)頁。

關鍵字：基礎知識原則要點軟件發(fā)展方向主流技術發(fā)布與維護網(wǎng)頁設計基礎知識

說起網(wǎng)頁，不得不提幾個和它相關的名詞。

（1）WWW又稱萬維網(wǎng)，也可以簡稱為WEB或3W，是一種建立在INTERNET上的

龐大的基于超文本的網(wǎng)絡信息系統(tǒng)，具有全球性、交互性、動態(tài)性、跨平臺、分布式等特點。

（2）www瀏覽器是專門用來定位和訪問WEB信息的應用程序或工具軟件。常用

的瀏覽器軟件包括Microsoft公司的InternetExplorer和Netscape公司的Navigator.ta.

（3）WWW服務器是對瀏覽器的請求提供服務的計算機及其相應的服務程序。網(wǎng)

頁提供者將制作和的網(wǎng)頁存放在服務器上供用戶瀏覽。采用客戶機/服務器的工作模式。

（4）超文本與超媒體是WWW的信息組織形式。在WWW系統(tǒng)中，信息是以一種非

線性的超文本方式組織的。

（5）超鏈接在本質(zhì)上屬于網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點

之間進行連接的元素。

（6）URL統(tǒng)一資源定位器是對Internet上資源的一種準確的定位機制，它以

一種全世界統(tǒng)一的唯一標識來確定某個網(wǎng)絡資源，可以訪問Internet上任何一臺主機或者主機上的文件。

（7）搜索引擎是一個對Internet上的信息資源進行搜集整理，并供用戶快速

查詢的系統(tǒng)。

（8）網(wǎng)頁是構成WEB站點的基本單位，是一種包含HTML格式內(nèi)容的文本文件，它存放在INTERNET上的WWW服務器中，當用戶在客戶端瀏覽器中輸入網(wǎng)址發(fā)出請求時，就被快速傳送到客戶機上，經(jīng)過瀏覽器解釋，在窗口顯示豐富多彩的網(wǎng)頁內(nèi)容。

網(wǎng)頁設計中應遵循的原則

1、頁面內(nèi)容要新穎網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點突出一個“新”字2、網(wǎng)頁命名要簡潔在給網(wǎng)頁命名時，最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母，這直接關系到頁面上的連接。3、要及時更新網(wǎng)頁

因為網(wǎng)頁制作是一時的，而維護更新的工作是每天都要做的。要及時把網(wǎng)頁上已經(jīng)作廢的連接應該立即刪除掉，4、注意視覺效果

設計Web頁面時，一定要用不同于1024*768的分辨率來分別觀察。5、隨時注意網(wǎng)站升級時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。6、網(wǎng)頁內(nèi)容要易讀

必須花點心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合。一般來說，淺色背景下的深色文字為佳。，

7、善用表格來布局要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點突出，結(jié)構分明。

8、少用特殊字體在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。

9、多學習和使用HTML為了成功地設計網(wǎng)站，你必須理解HTML是如何工作的。還有一些小細節(jié)：盡量少用Java程序，少放網(wǎng)站地圖，要為圖片附加注釋文字，做個網(wǎng)站介紹，考慮瀏覽器的兼容性，不宜多用閃爍文字，每個頁面都要有導航按鈕，避免長文本頁面，網(wǎng)頁風格要統(tǒng)一，動畫最多只用一個，善用圖像，網(wǎng)站導航要清晰，最好不用記數(shù)器，不能忽視錯別字，不要用框架，使用著名的插件，使網(wǎng)站具有交互功能等網(wǎng)頁設計要點一、確定網(wǎng)站的整體風格

1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。2．突出你的標準色彩。

3．總結(jié)一句能反映貴站精髓的宣傳標語！

4．相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設置應該是完全一致的！二、網(wǎng)頁色彩的搭配

1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。

2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。網(wǎng)頁制作工具軟件介紹

1.Dreamweaver，用于編輯HTML、ASP、JSP、PHP、CSS、XML、JS的頁面制作工具；

2.Frontpage，跟Dreamweaver一樣，不過個人感覺還是Dreamweaver好；3.Flash，網(wǎng)頁需要畫面流動時的首選擇；

4.Photoshop，圖像處理軟件，一般網(wǎng)頁都需要有圖片相搭配，Photoshop是款很強大的工具。

5.Fireworks，跟Photoshop一樣都是圖像處理軟件，但Fireworks偏向與對網(wǎng)頁的處理。網(wǎng)頁設計發(fā)展方向1.更多的CSS3+HTML5

這是期待已久的事情。在過去的幾年設計師已經(jīng)開始關注和使用CSS3+HTML5，但在201*年CSS3+HTML5將會得到更廣泛的應用。網(wǎng)頁設計師最終會拋棄Flash。Flash不再是昔日的王者，新技術（指CSS3+HTML5）將會取而代之。201*年，F(xiàn)lash漸行漸遠，魔術師“HTML5”成為舞臺的主角：2.簡單的配色方案沒有比純色的背景更直觀更簡潔。純色可以有很多種表達方式。不要老是黑白灰神馬的，太不給力了。多點考慮綠、黃或者紅作為你的網(wǎng)頁主色調(diào)。當然，顏色最好保持使用2到3種。調(diào)整顏色的透明度，或許會給你意想不到的效果。網(wǎng)頁制作主流技術

目前，最常用的三種動態(tài)網(wǎng)頁語言有ASP(ActiveServerPages)，JSP(JavaServerPages)，PHP(HypertextPreprocessor)

ASP全名ActiveServerPages，又成為服務器端的VBScript，所以采用我們非常熟悉的VB語法。由于采用Basic語法，只要熟悉Basic語言，有點html基礎，要學習掌握ASP是很簡單的事情。任何文本編輯都可以進行編輯，當然，對于asp我們還是推薦采用Microsoft公司的InterDev�？伤鼌s只能在NT和win201*上很好的支持。

JSP全名JavaServerPages，采用java語法，由于java體系的任何東西都是需要JDK支持的，同樣，JSP也離不開JDK。由于java高度的面向?qū)ο蠛挽`活性，所以，比Basic稍微要難點。任何文本編輯都可以進行編輯，但是，卻需要JDK先編譯好。對于我們目前流行的兩種最主流的網(wǎng)絡操作系統(tǒng)（UNIX/Linux和NT/Win201*），都能很好的支持。

PHP全名HypertextPreprocessor，采用類似C的語法。由于采用C語法，要學習掌握PHP也是比較簡單的事情。任何文本編輯都可以進行編輯。對于我們目前流行的兩種最主流的網(wǎng)絡操作系統(tǒng)（UNIX/Linux和NT/Win201*），它都可以很好的支持，而且根本不用修改任何代碼。網(wǎng)頁設計發(fā)布和維護

網(wǎng)頁在本地制作完畢并測試成功后，需要上傳到Internet上，這樣用戶才能訪問，如果是個人網(wǎng)站，可以到internet上申請一個免費空間。維護網(wǎng)站

在上傳網(wǎng)頁之前，還有一些工作需要做，這也是維護網(wǎng)站的一些手段，如：（1）站點報告

（2）檢查站點范圍的鏈接（3）查找和替換功能（4）清理文檔（5）保持同步參考文獻：

1、黃斯偉.CSS完全使用詳解[M].北京:人民郵電出版社,201*.7

2、劉瑞新.網(wǎng)頁設計基礎與網(wǎng)站維護教程[M].北京:機械工業(yè)出版社,201*.103、陳承歡.網(wǎng)頁設計基礎與網(wǎng)站維護案例教程[M].北京:人民郵電出版社,201*.34、溫謙.HTML+CSS網(wǎng)頁設計與布局從入門到精通[M].北京:人民郵電出版社,201*.3

5、VK工作室.HTML+CSS入門講座[M].北京:科學出版社,201*6、胡艷潔.HTML標準教程[M].中國青年出版社,201*.

擴展閱讀：網(wǎng)頁設計課程總結(jié)[1]

經(jīng)管學院07級人力資源管理專業(yè)張睿201*41124123

信息管理與信息系統(tǒng)模塊學習總結(jié)

在本學期的信息管理與信息系統(tǒng)模塊課程中，我們學習了網(wǎng)頁制作和網(wǎng)站建設，我們可以自己運用網(wǎng)絡資源，結(jié)合相關資料及老師的指導，通過自身的實踐創(chuàng)作出積聚個人風格、個性的個人網(wǎng)頁�？傮w來說，整個學期的學習過程中，我學會了很多知識，雖然過程比較艱辛，但是有了一個展示自我的空間，我覺得很開心、很有成就感。一、網(wǎng)頁制作的一些體會

作為網(wǎng)頁設計的初學者，我對網(wǎng)頁設計非常感興趣，想設計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。我通過自己動手、動腦，通過網(wǎng)絡資源和老師的指導，在不斷發(fā)現(xiàn)問題和解決問題的過程中學到了很多知識，增強了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網(wǎng)頁設計的知識。在本次網(wǎng)頁設計中，我不僅學到了很多關于網(wǎng)頁設計方面的知識，也從中學會了關于使用網(wǎng)頁制作軟件方面的知識。在這個過程中，我通過上網(wǎng)搜集資料自學了Dreamweaver網(wǎng)頁軟件的應用，學會了簡單地使用Dreamweaver。在設計過程中也出現(xiàn)了很多的問題，但上網(wǎng)查找、小組討論等方式，不斷地學習、提高，設計出的網(wǎng)頁也在不斷的進步�？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。

在這個制作過程中，我學會了面對困難和挑戰(zhàn)，但我十分享受這一過程，這是一個能令人感覺到收獲的過程，這次的網(wǎng)頁制作使我產(chǎn)生很強的成就感。制作網(wǎng)頁開始的時候還是興致勃勃，充滿激情的。但是學習內(nèi)容越來越多，就逐漸感覺有點思維混亂，開始煩躁，失去了當初的那種興奮的感覺，原來在自己看來是一種樂趣的事情，現(xiàn)在卻成了一種負擔。但我堅持一步步做下來，到看到成品時，內(nèi)心得到了強烈的滿足感。從中使我感悟到：學習網(wǎng)頁制作需要耐心，如果你沒有耐心，你就學不會，因為當你碰到問題時，如果不能立刻得到問題的答案，你就可能做不下去了。學習網(wǎng)頁制作需要堅持，堅持不斷地學習，才能作出理想的作品，才能更加充實自己。二、網(wǎng)頁制作的學習經(jīng)驗

學習網(wǎng)頁制作不能一蹴而就，它是一個循序漸進的積累過程。想要更快更好地學習網(wǎng)頁制作，除了需要勤奮努力外，還需要培養(yǎng)自己的審美能力以及美術基礎。下面是一些網(wǎng)頁制作的學習方法與經(jīng)驗。

⑴在學習制作網(wǎng)頁前應對網(wǎng)頁制作的各類軟件進行一些了解，以便選擇適合自己使用的軟件。

⑵網(wǎng)頁制作的學習應遵循由易到難的規(guī)則，先從簡單的入手，再慢慢提升制作難度，以達到逐步提高網(wǎng)頁制作能力的目的。

⑶在學習過程中，不能一味地去學習理論知識，應將書本知識與實際操作相結(jié)合。這樣既能加深對知識點的印象，也能提高學習的興趣。

⑷在學習時除了按書中提供的實例進行練習外，還應在該實例的基礎上有自己的創(chuàng)意。⑸網(wǎng)頁制作不能千篇一律地按一種固定的模式進行操作，應有獨特的風格，這樣才能體現(xiàn)出與眾不同的魅力，以吸引瀏覽者，提高網(wǎng)頁人氣。

⑹運用模板制作網(wǎng)頁可提高制作速度與效率，這也是統(tǒng)一網(wǎng)頁風格的一個快捷方便的途徑，千萬不可忽視模板的效用。

⑺要善于借鑒別人的優(yōu)點，取長補短，多上網(wǎng)瀏覽，將風格獨特、別具匠心的網(wǎng)頁保存下來以作參考。

三、網(wǎng)頁設計的一些要點

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

在個人網(wǎng)頁中標題起著很重要的作用，它在很大程度上決定了你整套個人網(wǎng)頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己網(wǎng)頁的主題和風格。⑵內(nèi)容的采集

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

做個人網(wǎng)頁不能只用文字，必須在網(wǎng)頁上適當?shù)丶右恍﹫D片，增加可看性，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。⑷網(wǎng)頁排版

網(wǎng)頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。⑸特色

讓自己的網(wǎng)頁更有特色一些，可適當?shù)丶右恍┞曇簟�動態(tài)網(wǎng)頁。

經(jīng)過一段時間的的努力，終于在老師和小組成員們的合作下完成了網(wǎng)站的制作，期間遇到了一些困難，但是在大家的探討下都解決了，同時也對網(wǎng)站建設有了更進一步的了解。通過網(wǎng)站的制作，對網(wǎng)頁制作產(chǎn)生了濃厚的興趣。對于一個剛接觸靜態(tài)網(wǎng)頁制作的人來說，做一個靜態(tài)的網(wǎng)頁，只要充分利用好表格，使網(wǎng)頁結(jié)構清晰明了，內(nèi)容充實緊湊，這個網(wǎng)站就可以算得上是一個合格的網(wǎng)站了。從這方面考慮，我相信我的網(wǎng)站是一個合格的作品。當然，我還需要不斷學習，因為目前動態(tài)網(wǎng)頁構成的網(wǎng)站才是主流的網(wǎng)站。學習的路還很漫長，今后要不斷的努力完善自己，用知識武裝自己。只有適應社會發(fā)展的需求，適應時代發(fā)展的需求，才能在競爭日益激烈的社會中立足。

總體來說，通過對網(wǎng)頁設計的學習，有收獲也有遺憾、不足的地方，我利用了學習之余的一切可利用的剩余時間投入到網(wǎng)頁世界，去不斷的學習和探索，同時去不斷的充實與完善自我。我想我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習和提高，我將來設計出的網(wǎng)頁會更加專業(yè)和完善。

友情提示：本文中關于《網(wǎng)頁設計課程總結(jié)》給出的范例僅供您參考拓展思維使用，網(wǎng)頁設計課程總結(jié)：該篇文章建議您自主創(chuàng)作。

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

《網(wǎng)頁設計課程總結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.hmlawpc.com/gongwen/747843.html

• 上一篇：圖書漂流市場活動總結(jié)
• 下一篇：圖書漂流活動總結(jié)