如何制作小程序网页 第1篇
一切准备就绪，该添加的都已经添加，下面就是见证奇迹的时刻，在首页写一个页面入口 ，跳转到我们要测试的页面上，直接在首页 pages/index/ 添加一段代码一句链接
<view class=_btn-area_>
<navigator url=_/pages/test/test_ hover-class=_navigator-hover_>跳转test页面navigator>
view>
如何制作小程序网页 第2篇
在test文件夹底下新建一个js空文件
使用上述同样的方法在test 目录下创建一个 文件，为了方便测试 我们随便 填写点内容进去(也可以不填，直接空文件也可)
//获取应用实例
var app = getApp()
Page({
data: {
userInfo: {}
},
onLoad: function () {
('onLoad test');
}
})
如何制作小程序网页 第3篇
在制作微信小程序页面时，页面的结构可以用WXML来实现。WXML是微信团队为微信小程序开发而设计的一套语言，可以结合微信小程序中的各种组件构建页面结构。
WXML与HTML的区别：
在网页制作中，使用HTML搭建页面结构以后，还需要使用CSS美化样式。同样，在微信小程序的页面制作中，使用WXML搭建页面结构以后，也需要设置样式来美化页面。微信小程序提供了一套类似CSS的语言WXSS，通过WXSS可以美化页面样式。
WXSS与CSS的区别：
微信小程序页面和普通网页都是通过标签来定义页面结构的，但是在微信小程序开发中，更习惯将这些标签称为组件，这些组件自带微信风格的UI样式和特定功能效果。微信小程序提供了丰富的组件，通过组合这些组件可以进行高效开发。
常用组件如下表：
开发一个功能完整的微信小程序时，一般需要制作多个页面。 在微信小程序中可以通过全局配置文件中的pages配置项来配置微信小程序的页面路径。pages配置项是一个数组，该数组用于指定微信小程序由哪些页面组成，数组中的每一个元素都对应一个页面的路径信息。
演示如何配置页面路径：
上述代码_配置了两个页面，分别是pages/index/index页面和pages/logs/logs页面。默认情况下，pages数组中的第一项为微信小程序的初始页面，即pages/index/index页面。如果想将其他页面设置为初始页面，读者可以手动调整数组中元素的顺序，将需要设为初始页面的页面路径设为第一项即可。
pages/index/index 中的pages表示存放页面的目录，index/index中第一个index表示 index目录，第二个index表示文件名。 同理，pages/logs/logs中的pages表示存放页面的目录，logs/logs中第一logs表示logs目录，第二个logs表示文件名。
注意：文件名不需要写后缀名，以pages/index/index页面为例，配置成功后，微信开发者工具会自动生成文件、文件、文件和文件。
注意：如果对页面文件直接进行删除操作，则不会触发代码的自动更新效果，需要手动修改文件中的pages数组。
在HTML中， view组件通过标签定义，示例代码如下： view组件提供了一些属性，用于实现特殊的效果。标签可以定义文档中的分区或节，把文档分割为独立的、不同的部分，在WXML中，view组件起着类似的作用。view组件表示视图容器，常用于实现页面的布局效果。