網頁設計基礎知識

網頁是我們經常接觸到的東西，並且隨着互聯的快速發展，越來越多的人開始學習製作網站，對於網站製作的初學者來說，需要具備哪些知識才能製作出一個簡單的網站呢？

　　網頁設計基礎知識

1、我們需要了解什麼是網頁

網頁是構成網站的基本元素，是承載各種網站應用的平臺。通俗地說，您的網站就是由網頁組成的，如果您只有域名和虛擬主機而沒有製作任何網頁的話，您的客戶仍舊無法訪問您的網站。

網頁是一個包含HTML標籤的純文本文件，它可以存放在世界某個角落的某一臺計算機中，是萬維網中的一“頁”，是超文本標記語言格式（標準通用標記語言的一個應用，文件擴展名爲或）。網頁通常用圖像檔來提供圖畫。網頁要通過網頁瀏覽器來閱讀。

通俗的來講，網頁就是相當於刊物當中發表的一篇篇文章，但與紙上的文章相比，它增加了多媒體信息和網上交互能力。

網頁的實質=表格+文本+圖片+動畫+聲音+視頻+超鏈接+......

網頁

2、網頁的基礎 HTML標籤

超文本標記語言（簡稱：HTML）標記標籤通常被稱爲HTML標籤，HTML標籤是HTML語言中最基本的單位，HTML標籤是HTML（標準通用標記語言下的一個應用）最重要的組成部分。

HTML標籤的大小寫無關的，例如“主體”跟表示的意思是一樣的，但是推薦使用小寫。

3、網頁的基礎屬性裝飾 CSS

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

CSS爲HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

總體來說，CSS具有以下特點：

豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力；允許爲任何元素創建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

易於使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統一存放，進行統一管理。

另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標籤中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式聲明進行修改。

多頁面應用

CSS樣式表可以單獨存放在一個CSS文件中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

層疊

簡單的'說，層疊就是對一個元素多次設置同一個樣式，這將使用最後一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最後面設置的樣式效果。

頁面壓縮

在使用HTML定義頁面效果的網站中，往往需要大量或重複的表格和font元素形成各種規格的文字樣式，這樣做的後果就是會產生大量的HTML標籤，從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的複用更大程序的縮減了頁面的體積，減少下載的時間。

CSS

4、由靜變動 JavaScript

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱爲JavaScript引擎，爲瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因爲Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名爲JavaScript。但實際上它的語法風格與Self及Scheme較爲接近。

爲了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。爲了統一規格，因爲JavaScript兼容於ECMA標準，因此也稱爲ECMAScript。

JavaScript是一種屬於網絡的腳本語言,已經被廣泛用於Web應用開發,常用來爲網頁添加各式各樣的動態功能,爲用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

Javascript腳本語言同其他語言一樣，有它自身的基本數據類型，表達式和算術運算符及程序的基本程序框架。Javascript提供了四種基本的數據類型和兩種特殊數據類型用來處理數據和文字。而變量提供存放信息的地方，表達式則可以完成較複雜的信息處理。

JavaScript

初學者只是做個小型網站，不需要掌握那麼多，只要學會HTML語言，再簡單掌握一點JS腳本語言就可以了，只要學了這兩種語言就能夠製作一些簡單的靜態網頁了。

但是如果想做大型的網站，就需要學會做動態網頁，那就需要至少掌握一門語言，比如:JAVA、PHP、VBscirpt等，它們對應的框架是：

ASP：VBscirpt或Javascirpt語言

JSP：JAVA語言

PHP：PHP語言

：C#或VB語言