在很多人的印象里,搭建网站往往意味着写代码、配环境、折腾服务器,听起来像是程序员才会做的事情。但其实,如果你只是想在自己电脑上跑一个网站、做个测试页面,甚至在局域网里分享内容,这件事远没有想象中那么复杂。
以 Windows 自带的 IIS 为例,它本身就是一个现成的 Web 服务工具,不需要额外安装复杂的软件,也不需要深入的编程基础。只要简单开启功能、做几个基础配置,就可以让你的电脑“变成一台网站服务器”。
也就是说,搭建一个网站的第一步,并不一定要从写代码开始,而是从学会利用系统已经提供好的工具开始——而 IIS,正是普通人也能轻松上手的入口之一。
下面跟着我一步步操作,看一下网站怎么做出来。
按windows+R,输入control进入控制面板。

找到程序。

点击启用或关闭windows功能。

勾选下图内容。

等待安装完成。

下面准备网页材料,下面的内容是我使用ai生成的,大家也可以用元宝等ai工具生成一下,用我的也可以,源码在下面,写入到名为index.html的网页文件里。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>IIS Demo 页面</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f4f6f8;
margin: 0;
padding: 0;
}
header {
background: #0078d7;
color: white;
padding: 15px;
text-align: center;
}
.container {
padding: 20px;
}
.card {
background: white;
padding: 15px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
button {
background: #0078d7;
color: white;
border: none;
padding: 10px 15px;
cursor: pointer;
border-radius: 5px;
}
button:hover {
background: #005fa3;
}
input {
padding: 8px;
margin: 5px 0;
width: 200px;
}
</style>
</head>
<body>
<header>
<h1>IIS 本地测试页面</h1>
</header>
<div class="container">
<div class="card">
<h2>服务器信息</h2>
<p id="time"></p >
<p>如果你看到这个页面,说明 IIS 已经成功运行 🎉</p >
</div>
<div class="card">
<h2>简单交互(JS 测试)</h2>
<button onclick="showAlert()">点我试试</button>
</div>
<div class="card">
<h2>表单提交(模拟接口)</h2>
<form onsubmit="return submitForm()">
<input type="text" id="name" placeholder="输入你的名字" required><br>
<button type="submit">提交</button>
</form>
<p id="result"></p >
</div>
</div>
<script>
// 显示当前时间
document.getElementById("time").innerText = "当前时间:" + new Date().toLocaleString();
function showAlert() {
alert("IIS + JavaScript 正常运行!");
}
function submitForm() {
var name = document.getElementById("name").value;
document.getElementById("result").innerText = "你好," + name + "!提交成功(前端模拟)";
return false; // 阻止刷新
}
</script>
</body>
</html>放入自己建的文件夹里。

名字一定是index.html。
下面开始操作iis,首先windows+R输入inetmgr。

进入操作界面,如下图,找到网站,右键选择添加网站。

填入圈着的内容,路径那里是自己放index.html的路径,ip地址是自己的电脑地址,端口设置要设置在范围之内,像我这样8080就可以。

怎么找出自己电脑ip呢,windows+R,输入cmd。

在命令窗口输入ipconfig,我这边是连的无线,所以找无线局域网适配器WLAN,如图所示是192.168.3.7。

打开电脑的浏览器输入192.168.3.7:8080就能访问了,如下图所示。

自己手机也能访问。

手机访问须在同一网络下,即连同一份wifi即可,如果进不去,可能防火墙没有放行8080端口,管理员执行cmd放行下。

执行下面命令。
netsh advfirewall firewall add rule name="IIS8080" dir=in action=allow protocol=TCP localport=8080
这样就可以在手机上访问了。
做完之后删除放行,执行下面的命令,这样又访问不到了。
netsh advfirewall firewall delete rule name="IIS8080"
到这里,咱们其实已经完成了一件很多人以为“很难”的事情——成功运行了一个属于自己的网站。
整个过程能感受到,并不需要复杂的编程知识,也不需要深入理解各种技术原理。借助 IIS 这样的系统自带工具,普通人只要按照步骤操作,就完全可以把网站跑起来。
这也正是关键所在:建网站不再是少数技术人员的专属能力,而是一项人人都可以掌握的基础技能。哪怕只是出于兴趣,或者想简单做个展示页面,都已经足够了。