Web 简介

1 网页

• 通过浏览器打开的任意一个页面(窗口)。
• 本质上是服务器中的一个文件。
• 是使用如 html、asp、aspx、php、jsp、cgi 等语言编写的代码文件。
• 扩展名有.htm、.html、.shtml、.asp、.php、.jsp、.cgi、.xml 等。

2 网站

• 多个相关网页的集合。
• 本质上是服务器中的一个文件夹。
• 网站文件夹、网页文件都在服务器上存放。

3 静态网站与动态网站

• 静态网站：用户不能改变网页显示内容。网页扩展名一般是 htm、html、shtml 等。
• 动态网站：用户可以改变网页显示内容。网页扩展名一般是 asp、jsp、php、cgi 等。

4 浏览器

4.1 什么是浏览器

浏览器用于显示网页服务器或者文件系统的 HTML 文件内容，将服务器上网页文件中的文字、图像及其他信息显示在网页页面上，这些文字或图像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。

4.2 常见的浏览器

QQ 浏览器、Internet Explorer、Firefox、Safari，Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360 浏览器、UC 浏览器、傲游浏览器等。

4.3 浏览器内核

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，负责对网页语法的解释（如 HTML、JavaScript）并渲染（显示）网页。它决定了浏览器如何显示网页的内容以及页面的格式信息。

不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同。

4.4 浏览器内核的分类

• Trident

IE、360 安全/极速浏览器、猎豹极轻/安全浏览器、傲游浏览器、UC 浏览器等。

• Gecko(Firefox 内核)

Netscape（网景）浏览器、Mozilla FireFox(火狐浏览器) 等。

• Webkit(Safari 内核，Chrome 内核原型)

苹果的 Safari 浏览器使用此内核。

5 什么是 Web 服务

也称 WWW 服务（World Wide Web），万维网服务。

• WWW 服务是对网上内容的查找与浏览均需要该服务的支持，它使得用户可以通过交互式的图形界面获取信息和其他服务。
• WWW 服务是基于 Web 技术来实现浏览器/服务器模式的应用，由 Web 服务器提供服务，用户通过客户机上的通用浏览器来发送和接收 HTML（超文本标记语言）格式的文件，用户通常把 Web 服务当作是 WWW 服务的具体实现。
• Web 系统是客户端/服务器式(Client/Server，简称 C/S)的，由服务端程序和客户端程序两部分组成。客户端程序常用的比如 IE、Netscape、Mozilla 等。用户在浏览器的地址栏内输入统一资源定位地址（URL，Uniform Resource Locator，俗称网址）来访问 Web 页面。

6 Web/WWW/网页访问原理

7 IIS

IIS 是"Internet 信息服务(Internet Information Service)"的简称，它是 Microsoft 公司主推的 Web 服务，中小企业使用较多。

搭建 Web 服务器

1 准备服务器并配置

• Windows Server 2008
• 配置 IP（IP、掩码、网关和 DNS 暂时可以不加）

2 安装 IIS

• 开始菜单—程序—管理工具—服务器管理器—角色—添加角色—Web 服务器打开浏览器，输入 localhost 或 127.0.01 可以验证安装正确性。

3 准备网站资料

创建一个目录作为将来的网站，将网站文件夹和网页文件拷贝进去。

4 配置 IIS 服务器

4.1 创建网站

指定某个目录为网站，这个目录称为主目录。

4.2 默认文档

也称主页，是访问网站时第一个要打开的网页。

• 一般名称如 default.?，index.?
• 未作此项设置时，浏览网站可能会出错
• 选中网站—功能视图"默认文档"

4.3 绑定 IP 和端口

用于指定网站的 IP 地址、端口（必须）、主机名(域名)（可选）。

• 右击网站—编辑绑定，*表示可访问 localhost

5 架设一个网站

5.1 使用虚拟目录

Web 网站中通常会包括图片、flash 文件、视频文件以及 Web 应用程序及数据库等，这些 Web 内容文件都会保存在一个或多个目录中，甚至保存在网络中多台计算机上的多个目录中。

虚拟目录可将不在一起的资料逻辑上归属到一个网站下。虚拟目录只是一个文件夹，该文件夹不一定包含在主目录中，但可以映射到主目录中。

• 右击“Default Web Site”—添加虚拟目录—“别名”中随便输入内容，但必须记住—“物理路径”选择要做网站的文件夹
• 客户端输入 http://服务器 IP/别名进行访问

5.2 使用一个 IP 和默认端口

右击“Default Web Site”—管理网站—停止（防止多个网站冲突）

右击“网站”—添加网站—“网站名称”随便输入，不需记住—“物理路径”选择要做网站的文件夹—“IP 地址”选择正确的 IP—“80”不要改变—“主机名”不填客户端输入 http://服务器 IP 进行访问

5.3 使用一个 IP 和一个自定义端口

• 右击“网站”—添加网站—“网站名称”随便输入，不需记住—“物理路径”选择
• 要做网站的文件夹—“IP 地址”选择正确的 IP—“80”修改为 8080（或者其他大于1023 的数）—“主机名”不填

注意：防火墙必须放行自定义端口

windows 防火墙—允许程序通过 windows 防火墙—添加端口—“名称”随便输入，“端口”输入 8080—确定

• 客户端输入 http://服务器 IP:8080 进行访问

5.4 使用主机名

5.4.1 hosts 文件解析

• 在客户端中找到 C:\Windows\System32\drivers\etc\hosts，里面写：IP 服务器的域名
• 客户端输入 http://服务器域名进行访问

5.4.2 dns 解析

• 搭建 DNS 服务器
• 客户端输入 http://服务器域名进行访问

6 搭建多个网站（虚拟主机）

• 利用多个虚拟目录
• 利用一个 IP 多个端口
• 利用多个 IP 地址
• 利用多个主机名

搭建 ASP 动态网站

• 必须添服务器管理器—展开“角色”—右击“Web 服务器(IIS)”—添加角色服务—勾选“ASP”
• 添加网站，而不是虚拟目录

使用 Apache 搭建网站

1 搭建静态网站

1.1安装 Apache

• 服务器域名、服务器名称、管理员邮箱账号只要输入格式正确，内容任意
• 测试：输入网址 localhost，出现 It Works 成功

1.2准备网站资料

网站目录放到\Apache2.2\htdocs 下

1.3配置 Apache

1.3.1 虚拟目录方式

• 配置文件：安装位置\conf\httpd.conf

修改

Alias /虚拟目录名 "网站主目录的绝对路径"
<Directory "网站主目录的绝对路径">
</Directory>

• 重启 Apache

每次修改了 httpd.conf 都需要重启
双击托盘羽毛图标—restart

1.3.2 多端口方式

• 配置文件：安装位置\conf\httpd.conf

修改

Listen 80		#此行默认已存在
<VirtualHost *:80>
			DocumentRoot "网站主目录的绝对路径"
</VirtualHost>

• 重启 Apache

1.3.3 多 IP 方式

• 配置文件：安装位置\conf\httpd.conf

修改

<VirtualHost IP1>
DocumentRoot "网站主目录的绝对路径"
</VirtualHost>

• 重启 Apache

1.3.4 多域名方式

• 配置文件：安装位置\conf\httpd.conf

修改

<Directory />下的 Deny from all 为 Allow from all
取消行注释：Include conf/extra/httpd-vhosts.conf
NameVirtualHost IP:80
<VirtualHost 域名 1:80>
DocumentRoot "网站主目录的绝对路径"
</VirtualHost>

• 服务器和客户机都需要配置 hosts
• 重启 Apache

1.4验证

2 搭建 php 动态网站

以 Mantis 的安装为例。

2.1安装并验证 Apache

2.2安装和配置 Mysql 数据库

除了下述步骤外，其余选项均使用默认值。

点击 Execute 按钮。

之后出现下图表示安装与配置正确，否则需要重新配置或删除后重启电脑再次安装。点击 finish 按钮完成。

2.3安装和配置 php

• （1）移动文件夹 php-5.4.10-Win32-VC9-x86 到 E 盘，然后改名为 php。
• （2）进入 E:\php，找到文件 php.ini-development，将其改名为 php.ini
• （3）打开 Apache 的配置文档\conf\httpd.conf,将下面内容放置在配置文档的最后位置

LoadModule php5_module "E:/php/php5apache2_2.dll"
AddHandler application/x-httpd-php .php
PHPIniDir "E:/php"

• （4）查找 DirectoryIndex，添加 index.php，完成后关闭保存。

• （5）重新启动 Apache

• （6）在\Apache22\htdocs 目录下创建一个文本文档 index.php，内容为<?phpphpinfo(); ?>

• （7）在浏览器地址栏中输入 http://172.16.0.211，出现如下提示，则 php 环境配置成功

• （8）设置 php 支持 mysql 数据库,修改 e:\php\php.ini 文件

<1>查找 extension_dir = "ext"，去掉前面的分号，并改为 extension_dir="E:\php\ext"。
<2>查找 extension=php_mysql.dll、extension=php_mysqli.dll，去掉前面的分号。
<3>查找 extension=php_pdo_mysql.dll、=php_pdo_oci.dll、php_pdo_odbc.dll、php_pdo_pgsql.dll、php_pdo_sqlite.dll，去掉前面的分号。
<4>查找 date.timezone，去掉前面的分号，并在=后面添加“Asia/Shanghai”，即改为 date.timezone = "Asia/Shanghai"，关闭保存文件。

• （9）重新启动 Apache。

2.4安装和配置 Mantis

• （1）将 Mantis 文件夹移动到\Apache\htdocs 目录下。

• （2）在浏览器地址栏中输入 http://172.16.0.211/mantis，或用 localhost 代替IP。

• （3）输入数据库信息，安装 mantis。

输入数据库密码 Password (for Database)：123456

输入数据库账户 Admin Username (to create Database if required)：root

输入数据库密码 Admin Password (to create Database if required)：123456

点击“Install/Upgrade Database”进行安装，安装完成后，右则标签全为绿色 GOOD。出现下图内容属于正常情况：

• （4）重新输入网址 http://localhost/mantis，进入 Mantis 的登录界面。

初始用户名为“administrator”，密码为“root”，Mantis 安装完成。

• （5）配置为中文环境,修改\Apache\htdocs\Mantis\config_defaults_inc.php

将$g_default_language = 'english'; 修改为$g_default_language ='chinese_simplified';,重新刷新网页即可。

使用 Tomcat 搭建 jsp 网站

1 安装 jre

2 安装 tomcat8 并验证

http://localhost:8080

3 安装 mysql，记住设置的密码

4 拷贝网站源码

拷贝 jforum-2.1.9 放到 tomcat 的 webapps 下面并更名为 jforum

5 更改网站源码中设置

5.1更改源码中的数据库密码

更改 jforum\WEB-INF\config\database\mysql\mysql.properties 文件，找到password，值改为前面设置的 mysql 密码（不需要加引号）。

5.2更改源码中的数据库引擎类型

修改 jforum\WEB-INF\config\database\mysql 文件夹下的 mysql_db_struct.sql，找到 TYPE=InnoDB，全部改成 ENGINE=InnoDB

6 导入数据库

cmd 下进入 jforum\WEB-INF\config\database\mysql 目录，登录 mysql，创建数据库jforum，打开数据库 jforum，按顺序执行命令 source mysql_db_struct.sql 和 sourcemysql_data_dump.sql 语句

7 安装 jforum

访问 http://localhost:8080/jforum/install.jsp，输入数据库的账号和密码，数据库编码 utf-8，输入网站管理员密码（记住用户名）

8 访问

http://localhost:8080/jforum