下载掌阅APP，畅读海量书库
立即打开
在上一章，我们了解了网页开发的B/S模式，配置网页运行环境时，要把电脑当成网页服务器端，而在测试自己制作的网页时把电脑当成浏览器端。本节先讲述如何把电脑配置成网页服务器。
HTML网页制作的学习对硬件系统要求非常低，主流的电脑硬件配置都可以胜任，但必须有网卡。在软件方面，操作系统为Windows 2003/XP/7或以上，并且推荐安装IIS组件。
注意 ：虽然XP以前的Windows操作系统也可以制作网页，但是很难配置主流的IIS组件，所以建议用高版本的Windows操作系统。
因为读者的电脑须配置为网页服务器，所以电脑不仅要存储整个网站的资源，而且能让浏览器端通过IP地址及URL访问。在Windows平台上实现网页服务器的配置，笔者推荐安装微软的IIS。
IIS是Internet Information Server的缩写，中文称为因特网信息服务。它是一种Web服务，主要包括WWW服务器、FTP服务器等。它使得在Intranet（局域网）或Internet（因特网）上发布信息成了一件很容易的事。利用IIS可以在电脑主机上建立最常用的HTTP网页服务器、FTP文件传输服务器和SMTP邮件服务器，实现最基本的页面浏览、文件传输和电子邮件功能。
综上所述，电脑主机安装了IIS后可以配置为网页服务器、文件传输服务器和邮件服务器。本书只讲述配置网页服务器。
注意 ：IIS最新的版本是Windows 7里面包含的IIS 6.0，而我们常用的Windows XP Professional系统对应的是IIS 5.1，Windows XP Home Edition没有IIS组件。本书讲解以Windows XP Professional的IIS 5.1为主。
IIS虽然是Windows XP的组件之一，但需要自己手动安装，请读者安装IIS之前准备好Windows XP Professional的安装光盘。
（1）打开“我的电脑|控制面板”窗口。
（2）选择“添加/删除Windows组件”选项。
（3）在“Windows组件向导”对话框中，勾选“Internet信息服务”选项，如图2.1所示。
图2.1 选择安装Internet信息服务（IIS）
（4）单击“下一步”按钮开始IIS的安装，安装进行时需要在光驱中放入Windows XP Professional的安装光盘，如图2.2所示。
（5）安装完成后打开“控制面板|管理工具”窗口，可以看到“Internet信息服务”（IIS）的启动快捷方式，如图2.3所示。
图2.2 放入Windows XP Professional安装光盘
图2.3 IIS的快捷方式
注意 ：为方便起见，读者可把此快捷方式复制到桌面使用。
配置IIS的详细步骤可参考如下操作。
（1）双击“Internet信息服务”快捷方式，可看到IIS配置界面。双击左边树形窗口的“网站”项，即可看到“默认网站”项，如图2.4所示。
（2）只需要配置“默认网站”项的属性。右击“默认网站”项，选择菜单中的“属性”选项，属性设置对话框如图2.5所示。
图2.4 IIS界面
图2.5 网站基本属性设置选项卡
（3）初步学习网页前台制作，读者只需要设置图2.5中的3个选项卡，“网站”、“主目录”和“文档”。
●“网站”选项卡是设置网站的外部访问属性。
●“描述”选项只是IIS中网站点名称，可忽略。
●“IP地址”选项非常重要，默认情况下是“全部未分配”，适用于本机测试网站，访问网站的域名用“localhost”代替。如果网站需要从外部访问则单击“IP地址”选项右边的下拉菜单，选择相应的IP地址供外部访问。
说明 ：下拉菜单中IP地址从网卡设置中获取，请确保网卡属性设置准确。
“IP地址”选项下面的“TCP端口”选项是指访问网站时所用的网络端口，默认是“80”，非特殊情况下读者不需要设置。
（4）选择“主目录”选项卡，界面如图2.6所示。默认情况下“连接到资源时的内容来源”选项选择“此计算机上的目录”，即网站资源存储在本机上。“本地路径”选项设置网站目录在电脑中的位置，默认为“C：\Inetpub\wwwroot”，“C：\Inetpub”是IIS安装完后在C盘自动生成的目录。如果读者制作的网站在其他目录，只需单击“浏览”按钮选择网站目录。
注意 ：“本地路径”选项下面的设置为权限设置，读者不要修改。
（5）选择“文档”选项卡，界面如图2.7所示。读者可看到列表框中列出了很多网页文件的文档名，这就是默认首页，即外部通过域名或IP地址访问该网站时自动定位的首页面。其上下顺序代表优先顺序，读者应尽量把网站对应的首页文档名调整于首位，如果文档列表中没有读者需要的首页文档，可通过“添加”按钮添加。
图2.6 网站路径设置
图2.7 网站默认主页设置
网页制作的工具相当多，读者在选择前必须先明确网页的以下本质。
（1）网页文件即扩展名为htm、html的文件，本质上是文本类型的文件。
（2）网页中的图片、动画等资源是通过网页文件的HTML代码链接的，与网页文件分开存储。
（3）一个网站的默认首页文件在IIS中配置，一般是以index为文件名，即index.htm或index.html。
笔者在这里列出部分比较常用的制作网页的工具软件。
记事本：既然网页文件本质是一种文本文件，那么网页文件可以用Windows自带的记事本程序创建和编辑。其优点是方便快捷，缺点是无任何语法提示、无行号提示、格式混乱等，初学者使用困难。
EditPlus：一个非常优秀的代码编辑器，可以很方便地创建和编辑网页文件。其优点也是方便快捷、有语法高亮、行号提示、HTML代码快捷插入。缺点是无语法自动提示、无所见即所得的网页设计视图。对于代码熟练的读者非常适用，但仍然不适合初学者。
Dreamweaver：著名的网页三剑客之一，是传统的网页制作主流工具。其优点是有可见即可得的设计视图、能通过鼠标拖放直接创建并编辑网页文件、自动生成HTML代码。其代码视图有非常完善的语法自动提示、自动完成、关键词高亮等功能。可以说，Dreamweaver是一个非常全面的网页制作工具，正是由于其功能强大，从而导致运行速度偏慢。
以上工具各有其优点，考虑到读者须掌握HTML代码编写，所以在前期，笔者建议读者用记事本来学习制作网页。