微信网页制作步骤如下：
1、登录http://www.vxplo.cn/#works/home，点击右上角进入个人主页。
2、选择“创建作品”
3、选择“手机端”进行创建
4、这样就可以利用左侧工具栏进行制作。
5、右侧则是具体操作步骤。
6、在工具栏第一栏里我们可以添加照片，视频或者动态图等素材。
7、第二栏是类似officeword可以对文本进行修改的工具。其他的则是类似QQ空间的挂件之类的修饰物品。
8、制作完成后选择“保存”或者“发布”即可。
用js判断是不是微信浏览器打开，若是则采用对应css样式；不是就用默认css样式即可；具体代码网上一堆，一搜既有的东西。
<html>
<head>
<!--下面是css文件链接-->
<link href="css/style.css" rel="stylesheet" id="cssLink" />
</head>
<body>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase()
var isWeixin = ua.indexOf('micromessenger') != -1
if (!isWeixin) {
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/css.css")//不是微信使用的css文件
}else{
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/style.css")//是微信使用的css文件
}
</script>
<!--下面div用来测试-->
<div class="div"></div>
</body>
</html>
