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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

查詢的系統(tǒng)。

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

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

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

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

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

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

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

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

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

1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁面上最突出的位置。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．用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。網(wǎng)頁制作工具軟件介紹

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

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

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

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

這是期待已久的事情。在過去的幾年設(shè)計(jì)師已經(jīng)開始關(guān)注和使用CSS3+HTML5，但在201*年CSS3+HTML5將會得到更廣泛的應(yīng)用。網(wǎng)頁設(shè)計(jì)師最終會拋棄Flash。Flash不再是昔日的王者，新技術(shù)（指CSS3+HTML5）將會取而代之。201*年，F(xiàn)lash漸行漸遠(yuǎn)，魔術(shù)師“HTML5”成為舞臺的主角：2.簡單的配色方案沒有比純色的背景更直觀更簡潔。純色可以有很多種表達(dá)方式。不要老是黑白灰神馬的，太不給力了。多點(diǎn)考慮綠、黃或者紅作為你的網(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語言，有點(diǎn)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稍微要難點(diǎn)。任何文本編輯都可以進(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è)計(jì)發(fā)布和維護(hù)

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

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

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

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

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

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

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

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

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

• 上一篇：電腦繪畫興趣小組總結(jié)
• 下一篇：美術(shù)教學(xué)總結(jié)