网站建设与网页制作基础入门教程

网站建设与网页制作基础入门教程

网站（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动画的形式，当然也

有其它的形式（例如单纯的文字）。广告的标题做得越生动，就越具有吸引力，

被点击的机率也能越高。

.