万能的html单页面网站源码，让新手建好站从未如此简单

杨泽业

最近几天，一直没有时间更新博客内容，是因为我一直在潜心打磨一款建站产品--万能的html单页面网站。这是一款建站新手入门级的产品。本产品售价100元一份。

在过去的几个月中，我服务了很多的客户，他们都需要做一个单页面的网站来推广自己的产品及团队，但是在搭建自己的网站的时候总是没有什么好的程序和源码来支持这个单页面的网站，曾经为了排版美观，建站容易，我是推荐客户把资料放入到微信公众号里面，可以发布的就发布，不能发布的就保存草稿，通过关键词回复获取链接，然后电脑打开，把页面另存为的方式制作单页面网站。

这样制作出来的网站，虽然电脑和手机浏览，用户体验还可以，但是也有2个严重的问题，没有解决：一、电脑浏览这个页面的话，微信页面的宽度有且仅有670px，这样670px宽度的话不足以展现产品的美。二、上传到微信里面的图片大大压缩，图片质量失真严重。

自从我这个万能的html单页面被我打磨出来以后，一切的问题，都迎刃而解。比如：

1、网站的宽度完全可以自定义，600px,800px,1000px,1200px,1600px,2000px完全自己定义多宽都行，不过太大的话，有的小的浏览器就会出现边框哦！

2、网站内容页面可以丰富多彩，你看见别人家的网站效果好，可以直接把他的文字复制到自己的网站里面来。我的操作方法是：在你要添加的地方复制一段空白的div代码，把别人的文字复制到91微信编辑器里面粘贴，点击源码，复制源码，粘贴到你的这个div里面保存即可，超级简单。

3、看见别人的网站图片漂亮，立刻保存再ftp上传到自己的网站img目录里面，在代码<img src="img/01.jpg"></div>里面，把01.jpg改成你自己刚刚上传的图片名字即可如baobei.png xiaomao.gif等任意格式的图片都行，你尽管放心的添加，本源码会自适应你的手机屏幕，不需要左右滚动才能看完图片全貌。

怎么样超级简单吧，那我们就来看看实际的电脑浏览效果和手机浏览效果：（演示地址就不敢贴出来了，因为帖出来的话，谁都可以轻轻松松的一键就趴下来了，只能晒晒截图了。点击图片可以查看大图）

万能的html单页面电脑页面第一屏

万能的html单页面电脑页面第二屏

万能的html单页面电脑页面第三屏

由于演示网站的图片来自于我一个客户的招商网站，主体内容使用了20张宽度为1000px的大图，所以全部截图也没有意义了，图片就截图一个开头和结尾就行了。下面展示手机微信里面的浏览效果：

万能的html单页面手机页面第一屏

万能的html单页面手机页面第二屏

万能的html单页面手机页面第三屏

看到了吧，不管你是 电脑还是手机，这个万能的html页面代码，都能完完整整的展示你的所有内容，美观大方！纯手工html代码，访问速度特快。不管你买的是asp的虚拟主机还是php的虚拟主机，不管是windows还是linux的服务器都能使用哦！

本模板售价100元，我的卖家内参客户和报名了我的建站培训的学员免费使用！

原文地址：https://www.yangzeye.cn/html.html