发布网页教程（免费空间，IIS，phpstudy，xampp）

一.免费空间上传

1、查看FTP信息

打开网址：https://free.3v.do ,输入您的用户名和密码登陆，然后点击左边的“FTP管理”，里面显示您的FTP地址和FTP账号，FTP密码就是您激活FTP时填写的的密码。

2、利用8uftp软件上传，当然你也可以用自己熟悉的FTP软件!

然后打开软件，如图所示登录FTP：
 

登录FTP之后，您可以把要上传的文件拖拽到右边，这样就可以上传了。

二.IIS上传

1.先安装 IIS 组件

如果系统未安装 IIS，需先启用：

1. 在搜索栏搜索控制面板，打开 “程序和功能”。

2. 点击左侧 “启用或关闭 Windows 功能"在弹出的窗口中，找到并展开 “Internet Information Services”勾选全部

3. 点击 “确定”，等待组件安装完成，可能需要重启电脑。

2、准备网页文件

将你的网页文件（HTML、CSS、JS、图片等），添加到一个文件夹里面，确保包含主页文件（通常是 index.html 或 default.html）。

3、在 IIS 中添加网页

1. 打开IIs管理器：右击"此电脑",打开管理，点击服务和应用程序，再点击Internet Information Services。
2. 在左侧导航栏中，右键点击 “网站”，添加网站。
3. 填写网站信息：
   • 网站名称：自定义（例如 “MyWeb”）。
   • 物理路径：点击 “浏览”，选择你的网页文件所在文件夹（如 D:\MyWebsite）。
   • 绑定：
     • 类型：默认 “http”。
     • IP 地址：默认 “全部未分配”（即本机所有 IP 均可访问）。
     • 端口：默认 80（若 80 端口被占用，可改为其他端口如 8080）。
     • 主机名：可选（若需通过域名访问，填写域名，否则留空）。
     • 点击 “确定”，网站添加完成。

4、配置默认文档

确保 IIS 能识别主页文件：

1. 在 IIS 管理器中，选中你创建的网站，双击中间的 “默认文档”。
2. 点击右侧 “添加”，输入你的主页文件名（如 index.html），点击 “确定”。
3. 可将该文件上移到列表顶部，优先识别。

5、测试访问网页

1. 本地访问：在浏览器中输入 http://localhost（若端口非 80，需加端口，如 http://localhost:8080），若能显示网页则成功。
2. 局域网访问：在同一局域网的其他设备上，输入你的电脑 IP 地址（如 http://192.168.1.100，端口同上）。

3. 查看本机 IP：按下 Win + R，输入 cmd，执行 ipconfig 找到 “IPv4 地址”。

三.phpstudy上传

1、安装并启动 phpStudy

1. 下载 phpStudy：从官网下载对应系统版本（Windows/macOS），安装并启动。
2. 启动环境：在 phpStudy 主界面，点击 “启动” 按钮，确保 “Apache” 或 “Nginx”（Web 服务器）已正常运行（显示绿色 “运行中”）。

2、找到网页根目录（网站存放路径）

phpStudy 的默认网站根目录有两种查看方式：

1. 直接查看：在 phpStudy 主界面，点击左侧 “网站”，找到默认站点（通常名为 “localhost”），右侧会显示 “根目录” 路径（如：C:\phpstudy_pro\WWW）。
2. 自定义路径：若需修改路径，可点击 “网站”→“管理”→“修改”，在 “网站目录” 中自定义文件夹（建议路径不要包含中文或特殊符号）。

3、上传网页文件

1. 将你的网页文件（HTML、CSS、JS、PHP 等）整理到一个文件夹（例如 mywebsite）。
2. 复制该文件夹，粘贴到 phpStudy 的根目录下（如 C:\phpstudy_pro\WWW\mywebsite）。若直接放单个网页文件（如 index.html），也可直接复制到根目录。

4、访问网页

1. 本地访问：打开浏览器，输入 http://localhost/文件夹名（如 http://localhost/mywebsite），或直接访问根目录下的文件（如 http://localhost/index.html）。
2. 局域网访问：在同一局域网的其他设备上，输入你的电脑 IP 地址 + 路径（如 http://192.168.1.100/mywebsite）。
   • 查看本机 IP：在 phpStudy 主界面点击 “工具箱”→“IP 地址”，或通过 cmd 执行 ipconfig 查看 IPv4 地址。

5、创建自定义站点（可选，适合多网站）

若需要多个网站或自定义端口 / 域名，可手动创建站点：

1. 在 phpStudy 左侧点击 “网站”→“创建站点”。

2. 填写信息：

   • 域名：自定义（如 myweb.test，本地测试可随意填写）。
   • 端口：默认 80（若被占用可改 8080 等）。
   • 根目录：选择你的网页文件所在文件夹（如 D:\myweb）。
   • 其他默认即可，点击 “确认”。

3. 访问：在浏览器输入填写的域名（如 http://myweb.test）或 http://localhost:端口号 即可。

四.xampp上传

1. 启动 XAMPP：打开 XAMPP 控制面板，分别点击 “Apache” 和 “MySQL” 旁边的 “Start” 按钮，启动这两个服务。如果不需要使用数据库相关功能，MySQL 服务可以不启动。

2. 定位网页文件：找到你已经制作好的网页文件所在的文件夹。如果是多个文件组成的网站，确保包含所有相关的文件，如 HTML、CSS、JavaScript 文件以及图片等资源。
3. 放置网页文件：将网页文件或整个网站文件夹复制到 XAMPP 安装目录下的 “htdocs” 文件夹中。例如，若 XAMPP 安装在 C 盘，则路径通常为 “C:\xampp\htdocs”。你也可以在 “htdocs” 文件夹下创建一个新的子文件夹，将网页文件放入该子文件夹中，方便管理和区分不同的项目。
4. 访问网页：打开浏览器，在地址栏中输入 “http://localhost/”，如果直接将网页文件放在 “htdocs” 文件夹下，且网页文件名为 index.html 等默认首页文件名，浏览器会直接显示该网页内容。如果网页文件放在 “htdocs” 下的子文件夹中，例如子文件夹名为 “mywebsite”，则在浏览器地址栏中输入 “http://localhost/mywebsite/” 来访问。