1. 首頁
  2. 設計

網頁設計基礎知識

網頁設計基礎知識

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

網頁設計基礎知識

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

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

網頁是一個包含HTML標籤的純文字檔案,它可以存放在世界某個角落的某一臺計算機中,是全球資訊網中的一“頁”,是超文字標記語言格式(標準通用標記語言的一個應用,副檔名為.html或.htm)。網頁通常用影象檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。

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

網頁的實質=表格+文字+圖片+動畫+聲音+影片+超連結+......

網頁

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語言

.NET:C#或VB語言