1、首先观察猎豹免费WIFI的欢迎页面,分析元素。这个是测试后的DIY的个人页面
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/2f2909e951e10ef877b0cc8e2324d8e9cdd2cc78.jpg)
2、用手机也能看到,默认页面地址是 http://hi.liebao.cn:8735,电脑查看,猎豹默认是TCP 8735端口传输数据,说明,这个访问页面文件在电脑上存在。
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/a965c6e9ccd2bb6664bf9cf39b2a04e23fa2c678.jpg)
3、打开猎豹根目录,查看到httproot文件夹下
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/3fe32442a07aa01081d5f58bbfbb19efa35f3e79.jpg)
4、根目录下只有一个html文件,这个就是主页面,上面有3个模板的html代码。如图,这个是苹果手机的访问到的图片。
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/ed792abb19efa25f4ef2dbc859828689a0463b79.jpg)
5、这里DIY你的文字内容吧,注意文字内容长度。
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/c33acc828689a146f057f74af4bd4c7c35b33479.jpg)
6、DIY图片要注意图片的尺寸,我们使用PS来DIY图片。
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/b6f0f0f97fbd4c7c7f5525f2b8bad341027d3079.jpg)
7、想要具体的向欢迎页中加入代码,只能加入jsp,vbs脚本,不能加入ASP,PHP代码,脚本在static文围泠惶底件夹中的目录下。static目录下有相应的安装好的图片,将其替换掉就OK了。CSS目录下有相应的网站样式,有能力的网友可以自行更改CSS
![[原]猎豹免费wifi欢迎页完全实现定制 DIY猎豹](https://exp-picture.cdn.bcebos.com/e076d77622bc7dc59b8132ec5e460596b9142979.jpg)