如何在局域网中搭载简单的网页

DNS服务+WWW服务的实现

1. 制作简单的网页

首先,网页的文件是html类型。用html语言在text文本上编写,将.htm或.html作为扩展名,此时浏览器即可识别为html文本,并可将其解释执行。

首先我建立了一个text文件
在这里插入图片描述

在文件里输入

<!DOCTYPE html>  //<!DOCTYPE html>是html5标准网页声明
<html>
<head>
    <meta charset="UTF-8"> //解释该html文本文件的字符编码格式
    <title>that's my web</title> //title之间标注该网页的名字
<style>
        body {
            text-align: center;
//把html元素中的文本排列到中间
            background-image: url(../images1/Capture001.png);
				//标识背景页面对于html文本在计算机中的相对地址
            background-size: cover;
            background-position: top;
            color: gold;
            font-family: arial;
				 //标识背景页面的大小、位置、颜色和字体类型
        }
        p {
            font-size: 24px; //说明网页的字体大小
        }
</style>
</head>
<body>
	<p>YUMMY!</p>    //在p标签中我们可以添加任意内容在网站中显示
<div>
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td></td>
            </tr>
        </table>
        <img src="images1/Edge Profile.jpg" style="position:absolute;left:100px;top:200px;width:300px;height:300px;">
</div>			//在div中标明图片的地址和位置
</body>
</html>

这里我们再设置一个images文件夹,里面用来存放网站用到的图片
在这里插入图片描述

最后,点击保存并以.html结尾即可。
我们运行的结果如下:
(由于文件中background的地址是以相对地址写的,本地运行时无法读取(这里我们采用后面实现网页www服务的效果图)。第一次编辑的文档由于系统安装错误已经丢失,这是第二次编写的html.
在这里插入图片描述

2. 配置实现DNS服务

在几次安装Windows server失败后,我后面选择使用虚拟机技术来尝试。先在MSDN网站上面找到Windows server2016版本
在这里插入图片描述

使用迅雷下载其对应链接后便可得到系统的镜像文件iso.再进入vmware官网下载官方的虚拟机软件驱动。安装完成后如下图所示:
在这里插入图片描述

第一次安装windows server虚拟时使用的nat网络适配器,导致在建立DNS服务器后外界网络无法识别到本机虚拟机上的Windows server系统。后面改为使用桥接模式网络适配器即可为该windows server虚拟机配置单独的IP地址,作为DNS服务器的IP地址。
在这里插入图片描述

本虚拟机的IP地址为170.20.10.11
1.点击添加角色和功能,经过一系列操作后选择添加DNS服务:
2.在Windows管理工具中打开DNS服务
3. 打开DNS管理工具后配置相应的域名
具体操作如下图所示:
在这里插入图片描述

在这里插入图片描述

这里安装apache的计算机的IP地址为172.20.10.3
作为DNS服务器的计算机的IP地址为172.20.10.11

这里我们建立了几个域名:
在这里插入图片描述

域名服务器搭建好之后就可以使用同一局域网的主机进行尝试了:
我使用室友的电脑当作客户机,打开网络和internet->更改适配器设置
->打开wifi的ipv4协议设置->将首选DNS改成我们配置的DNS服务器的IP地址

此时点击确定即可配置完成。
在这里插入图片描述

我们打开CMD输入nslookup命令
在这里插入图片描述

此时验证服务器完成。

3.配置实现WWW服务,加载myweb.hd.cn.

为了能在局域网中实现WWW服务,这里我们需要下载apache服务。我在官网上下载的版本是apache.2.4。
下载好apache后选择用记事本打开httpd.conf文件,将其中定义的${SRVROOT} SRVROOT改为你自己存放apache的位置即可。
在这里插入图片描述
在这里插入图片描述

之后用管理员身份开启控制台,将命令行进至apache下的bin目录,使用http -k install即可把apache安装成windows后台服务。
对于安装成功的apache程序,我们可以通过windows管理工具>计算机管理>服务 来确认其是否启动和安装成功。
在这里插入图片描述

我们可以看到apache正在运行。

此时,我们将之前制作好的网页放入apache的htdocs文件中,设置其为index首页。
在这里插入图片描述

这时,在同一局域网的设备即可通过apache来访问我们设置的网页。

4.最终实现结果:

寝室中的电脑都是处在同一路由器中WiFi中的,用室友电脑的浏览器输入我们配置好的域名myweb.hd.即可转到我们搭载的网页

在这里插入图片描述

5.实验心得与体会

实验中出现的错误:

  1. 在安装完虚拟机中的Windows server系统并运行后,系统卡死导致系统瘫痪。通过重装系统解决。
  2. 安装apache时显示443端口被占用,这是由于虚拟机安装的系统占用了443端口导致错误
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值