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

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

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

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

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

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

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

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

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

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

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

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

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

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

之間進(jìn)行連接的元素。

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

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

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

查詢的系統(tǒng)。

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

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

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

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

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

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

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

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

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

1．將你的標(biāo)志logo，盡可能的放在每個頁面上最突出的位置。2．突出你的標(biāo)準(zhǔn)色彩。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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