網頁設計課程總結

網頁設計課程總結

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

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

說起網頁，不得不提幾個和它相關的名詞。

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

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

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

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

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

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

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

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

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

之間進行連接的元素。

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

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

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

查詢的系統(tǒng)。

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

網頁設計中應遵循的原則

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

《網頁設計課程總結》由互聯網用戶整理提供,轉載分享請保留原作者信息,謝謝!
鏈接地址：http://m.seogis.com/gongwen/537195.html

• 上一篇：電腦繪畫興趣小組總結
• 下一篇：美術教學總結