網站建設與網頁制作基礎入門教程

網站建設與網頁制作基礎入門教程

網站（Web Site）是一個比較抽象的概念，隨著互聯網的快速發展，網站建

設就如建房子一樣，已經越來越多。但是，要建設一個新型的網站，確實需要懂

得一些網站建設與網頁制作基礎入門知識，以下介紹網頁制作與網站建議過程中

的基礎知識與使用方法。

一、注冊域名

域名（網站地址）是由一些字母或者漢字加入“域”的代號（com、cn、edu、

net??）用小數點隔開所組成網站獨一無二的標志，域名的組成，域名有英文

域名，也有中文域名，例如百度域名為（），而中文域名

很多都不用www，例如本人的網站（設計家園）就沒有www，域名中

""是域名的協議（或稱服務方式）；第二部分就是網站地址（也有使用

IP地址），如百度網的主機地址為（），而中文域名的主機地址如

（設計家園)，也有使用IP地址作為主機名，例如清華大學Web主機的IP

地址是“166.111.4.100”，這四個數字組合起來就是IP地址，除了可以用域名

地址搜索網站，還可以用IP地址來搜索打開網站的網頁，例如在瀏覽器的地址

欄輸入 166.111.4.100(有時也加入端口號，如果端口號為80可以忽略），

就可以直接訪問清華大學的網站。

二、租用網站空間

域名就如一個剛剛出生的嬰兒，要讓嬰兒在社會中成長，還需要有立身之地，

網站空間就是域名立身之地。只有租用網站空間才可以把文件存放到網站讓別人

瀏覽到網頁，當前很多新開網站，特別是個人的小型網站租用的都是虛擬主機空

間，虛擬主機空間雖然是很多人共同租用一個空間，但在管理上不用自己來維護，

并且價格比網站空間便宜很多。對開個人網站來說，租用中國大陸空間，一般都

需要申請備案，隊了時間要求半個月以上才能使用虛擬主機空間，而能備案基本

都是公司或者單位集體開辦的網站，因此很多個人網站租用的都是香港空間或者

國外的空間，這些外地的空間不用備案，只要到有空間租用的網站（如中國E

動網）申請空間，就能馬上按域名、空間地址（IP地址）來建設網站。

三、下載軟件

要建設網站，在注冊域名、租用空間之后，在制作網頁之前，首先就得下載

一些網站建設的基本軟件，例如下載安裝IIS、下載Dreamweaver CS4、Flash CS4、

Adobe Photoshop CS4、Fireworks CS4等等一些網頁制作軟件，還有FileZilla

FTP Client、Genetal FTP Sites等等一些網頁上傳軟件，如果使用PHP文件格

式制作網頁，還要下載apache、apprv、mysql、phpmyadmin等等一些軟件建

設數據庫，從而可以上傳動態網頁，使用PHP制作網頁，但如果一個個軟件下載，

很難達到互相補充與配合，經過網上搜索，我發現了一套比較配套的軟件

PHPnow，這套軟件是Win32下綠色免費的Apache + PHP + MySQL 環境套件包。

簡易安裝、快速搭建支持虛擬主機的 PHP 環境。附帶 控制面板，幫

助你快速配置你的套件，使用非常方便，下載安裝后就可以直接運行PHP與數據

庫。這套軟件就包括了Apache-2.0.63 / 2.2.16、PHP-5.2.14、MySQL -5.1.50、

Zend Optimizer-3.3.3、phpMyAdmin-3.3.7、 eAccelerator 0.9.6-1這些軟件。

四、安裝IIS

IIS，互聯網信息服務，為英文名Internet Information Services的縮寫，

是由微軟公司提供的基于運行Microsoft Windows的互聯網基本服務。最初是

Windows NT版本的可選包，隨后內置在Windows 2000、Windows XP Professional

和Windows Server 2003一起發行。是一種Web（網頁）服務組件，其中包括Web

服務器、FTP服務器、NNTP服務器和SMTP服務器，分別用于網頁瀏覽、文件傳

輸、新聞服務和郵件發送等方面，安裝好IIS，才能讓自己制作的網頁在網絡（包

括互聯網和局域網）上發布。下載好IIS軟件再解壓，把IIS文件專門放到自己

電腦設立的文件夾。

如何安裝IIS呢！因為IIS7.0的安裝比較困難，與電腦的安裝系統有很多

的關聯，有些人使用光盤安裝IIS，如果懂得基本的操作要點，可以直接免費在

自己的電腦中安裝IIS。本人下載IIS5.0、IIS6.0再解壓文件存放到盤“iis”

文件夾，然后再進入安裝IIS操作步驟，安裝過程中，在“我的電腦“”點擊“控

制面板”，依次選“添加/刪除程序→添加/刪除Windows組件”（左邊），單擊

添加/刪除Windows組件”就能打開安裝IIS的網頁，在這個網頁中可以看到

“Windows安裝組件”，這里可以看到Internet信息服務（IIS）前面的方格為

空格，而要安裝IIS，首先就得在空格內打勾，然后點擊“下一步“就進入安裝

程序頁面，這一步是最艱難的，安裝中會提示插入光盤的要求。如果不想用光盤

又可以安裝IIS，本人對此程序摸索了三天時間，最終發現了一個操作步驟，就

是點擊安裝過程中，不用理會這個插入光盤一項，在“文件復制來源（C）”下

面的瀏覽一項就打開下載存放IIS5.0存放的文件夾“iis”，然后就會進入安裝

程序，而安裝中都會出現要求插入光盤的要求，還是不用理會，不管出現什么提

示，主要在“瀏覽”一項中點擊存放IIS5.0的文件夾，都會逐步進入安裝程序，

而安裝過程中會出現安裝這個壓縮軟件，安裝過程中連續點擊這個壓

縮軟件就逐步安裝成功。

五、設置Web服務器

安裝好IIS之后，就可以在自己電腦中設置Web服務器，打開電腦的“控制

面板”菜單項，就能看到安裝IIS成功后的“Internet信息服務“選項，雙擊

“Internet信息服務“圖標，就會打開設置服務器的窗口，單擊窗口左側SL2010

（本地計算機）前面的按鈕，就能展開安裝選項。

六、設置本地站點

下載好Dreamweaver CS4（簡稱DW4），說到這個DW4，許多新開網站的人都

會提出同一問題“為什么不安裝DW5”，其實DW5的使用編程的基本都是源代碼，

而對于初學網站建設的來說，可能一時之間難懂得直接編寫源代碼來制作網頁，

還是使用DW4為好，可以編寫文本，然后讓DW直接改成源碼，這樣在源碼中可

以按自己的要求再作修改。

安裝好DW4編寫程序之前，為了利于存入網頁的文本，還是得創建本地站點，

也可以同步創建遠程文件夾，啟動DW4，選擇“站點”一欄，點擊“新建站點” ，

在命名站點之后，設置“本地站點”，就是本地文件夾，例如本人要存放文件在

G:wwwroot文件夾，而圖片就存放G:picture，HTTP地址就是本地文件

localhost/wwwroot/ ，圖片本地文件夾為

localhost/picture/，遠程文件夾的主頁文件直接放在網站的子目錄，

其它網頁的文件直接用wwwroot文件夾的全部文件一次性直接上傳，圖片文件夾

的圖片也是一樣直接一次性全部上傳，這樣就能連接站點文件與遠程站點。

七、合理搭配路徑

路徑分為絕對路徑與相對路徑，對于網站建設來說，如果要公開讓每一個人

瀏覽到網頁內容，還是要使用相對路徑為好，而相對應該要設置得完美。路徑與

文件夾的設置有很大的關聯，例如本人在本地站點的網頁存入與圖片存入分別設

置了上面介紹的兩個文件夾，在wwwroot文件中使用picture中圖片的時候，就

可以使用同目錄的路徑編程，例如本人網站主頁要引用picutuer文

件夾下dttp文件夾的圖片，在網頁插入圖片圖片

時，就可以用相對路徑../../../picutuer/dttp/，而網頁

使用下級目錄s01文件夾的，內鏈接的路徑文件可以編寫為

/s01/，如果在中鏈接主頁，這里的路徑就

是../，如果在s01下文件夾rensheng中的，這個

設置首頁的鏈接就要寫成../../，在路徑的設置中前面不用帶網站的

域名，要不然在瀏覽器打開網頁時會重復出現網站域名。

八、網頁制作

網頁是構成網站的基本元素，是承載各種網站應用的平臺。網頁的組成元素

基本是由文字、圖片、聲音、視頻、表格、表單和層組成。網頁分為靜態網頁、

動態網頁，對新建設網站的人來說，經常都是制作靜態網頁（HTML）格式，雖然

在網站管理上比動態網頁難很多，但靜態網頁比較容易制作，因此新建網站最好

還是制作靜態網頁。

安裝好DW4之后，可以用表格編程、層編程，為了能編制出一個好的網頁，

最好還是統合使用HTML、CSS來編制，具體的程序不是兩三句就能介紹出來，以

后還是在本人網站的“網頁制作”、“網站建設”兩個專欄再另外編寫教程。而

想編制出好的網頁，首先就得了解網頁制作的基本源代碼，下面列舉最基本的源

代碼：

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"/TR/xhtml1/DTD/">

http-equiv="Content-Type" content="text/html; chart=utf-8"

/>

這些網頁制作的源代碼中，前面兩行是制作網頁最基本的源碼，而第四行的

與后面的之間的第四至第七行源碼就是網頁的標題區，至

之間的源碼就是整個網頁文件的起始與終止區域，即全身區域，而

至之間的源碼就是網頁的主體，這里的中間

的'無標題文檔“可以按自己制作網頁的標題來改寫，就如這篇教程的主題為

“網站建設的基本入門教程”，這里的“無標題文檔”就可以改成“網站建設的

基本入門教程”。而至之間的源碼就是上面教程的所有文字，如

果使用DW4來制作網頁，可以不用自己來編寫源碼，而在網頁制作頁面使用方格、

層等等一些布局程序來直接制作網頁。對于圖片之類的編輯，可以使用Adobe

Photoshop CS4或者Fireworks CS4來布局設置。

九、上傳網頁文件

上傳網頁文件是網站建設能否在網站前臺看到網頁的最后一步，本人使用過

FileZilla FTP Client、Genetal FTP Sites這些上傳工具，都能成功上傳網頁

文件，這里可以使用網站域名、IP地址來上傳，而用戶名在租用虛擬主機空間

時他們的網站會直接看到，密碼也是虛擬空間中自己設置的密碼。傳輸類型最好

設置為二進制，而文件上傳成功在網頁中又能看到還有很關鍵的一個操作要點，

就是本地文件夾與遠程文件一定要對應。很多網頁中都會加入一些圖片，而在上

傳網頁文件過程中，最好先上傳圖片所在的文件夾文件。再上傳制作好的網頁文

件。

十、網站的推廣

要想提高網站的知名度與訪問量，就要通過各種有效的手段對網站進行宣傳

的推廣，這也是網站建好之后需要做的一項重要工作。而登錄到搜索引擎是一種

非常方便的宣傳網站方法，也是非常成熟的一種電子商務營銷手段。提供網站免

費登錄服務的搜索引擎主要包括以下幾種：

1、百度（/）

在百度上登錄網站的提交地址是：

/arch/url_。

2、搜狗（/）

在搜狗上登錄網站的提交地址是：

/feedback/。

除了登錄搜索引擎之外，利用網絡宣傳和推廣網站的方法也有很多。

3、友情鏈接

可以與一些點擊率比較高的網站交換友情鏈接。友情鏈接可以是文字鏈接，

也可以是圖片鏈接。文字鏈接通常就是公司的名字，圖片鏈接主要包括Logo鏈

接和Banner鏈接兩種，如果空間允許，則應該盡量使用圖片鏈接，并且最好將

圖片制作成GIF格式或者Flash動畫格式，從而可以進一步加深客戶的印象。

4、論壇宣傳

通過論壇來宣傳自己的網站也是非常好的方式。可以挑選人氣比較高或者有

潛在客戶的論壇進行注冊，在頭像或者簽名中可以加入網站的介紹與鏈接。

5、網絡廣告

最常見的網絡廣告一般就是GIF格式的圖片或者Flash動畫的形式，當然也

有其它的形式（例如單純的文字）。廣告的標題做得越生動，就越具有吸引力，

被點擊的機率也能越高。

.