網頁設計的基礎知識有哪些?

對於剛步入或者想要步入網頁設計領域的朋友們來說,需要掌握很多網頁設計的基礎知識,下面我就為大家講解一下網頁設計主要有哪些基礎知識。

網頁與網站的關係

首先介紹一下什麼是網頁,網頁是由HTML組成的一個特殊文檔,它存放在網絡中某台伺服器中,我們如果知道了這個文檔的存放位置,然後在網頁瀏覽器中輸入這個文檔的存放地址,即可看到這個網頁。

接著介紹一下什麼是網站,由幾個或多個相互有關聯的網頁組成的一個集合,我們可以稱之為網站。

網頁是由什麼組成的?

網頁由HTML超文本標記語言編寫構成。那麼如何查看一個網頁的HTML代碼?以IE瀏覽器為例,在頁面的空白處點擊右鍵,點擊「查看源」。

會出現如圖所示的頁面,這個頁面所顯示的就是該網頁的HTML代碼。

瀏覽網頁的工作原理

首先電腦必須要聯上網,然後打開瀏覽器輸入網址點擊回車,這個網址就代表我們要訪問的網站的伺服器所在的地址,點擊回車就是我們向伺服器發送訪問請求,伺服器接收請求,返回結果給瀏覽器,瀏覽器再將結果翻譯成我們所看到的頁面。

靜態網頁與動態網頁

靜態網頁,由HTML組成的網頁格式後綴名為「html」或「htm」,這種網頁我們一般俗稱我靜態網頁,全部由這些頁面組成的網站稱為靜態網站。

動態網頁,一般以資料庫技術為基礎,配合其他一些編輯語言,網頁中的內容基本上都可以由資料庫進行管理,HTML只是描述網頁的基本外觀的頁面形勢可稱為動態網頁,現在的網絡上基本上都是這種形式的網頁。

網頁設計的一般流程

如果是基於商業型的網站,可大致分為七步:

一、購買空間和域名;

二、整理客戶資料,要根據客戶的要求來構建我們的網站;

三、初步設計頁面效果,先設計幾個主要的頁面出來;

四、根據客戶的要求修改網站;

五、整體網站製作;

六、將做好的網站上傳到網絡空間;

七、後期維護及推廣。

如果是基於個人的網站,可大致分為五步:

一、申請免費空間域名,因為是個人的網站,如果購買的話很不划算;

二、整理個人網站的資料,想好要做一個什麼樣的網站;

三、整體網站製作;

四、上傳到網絡空間;

五、後期維護及推廣。

什麼是域名和空間

域名,因為網頁是放置在網絡中的某台計算機中,要訪問它就需要知道這台計算機的IP位址,但IP位址比較難記,所以就推出了域名系統,如www.****.com等。

空間,也稱「虛擬空間」或「虛擬主機」,就是用來存放網站的硬碟空間。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場