h5页面设计是什么意思，怎么做

经常有朋友找我咨询H5的问题，但是在和他们沟通的过程中，我发现很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示、抽奖等等。其实如果上升到营销层面的话，仅在用户层面去思考是远远不够的，因为任何传播都要考虑有效性的问题，如果100wpv带来的只是刷屏效果，而对品牌带不来任何有效转化。

随着微信用户增多、H5小游戏、H5大翻页，到H5站点、H5营销。在微信上内容的数量和样式的逐渐增多，下面给大家介绍借助“布谷鸟”这一个在线制作工具，可以轻松的制作出炫酷的微信h5页面。

点击制作栏目，进入模板选择页

1：选择空模板，自由创作、选择主题模板，更快速的创作出炫丽的展示。

预览树 *** 作

2：显示的页面的显示顺序；

右键调整页面的显示顺序；

3、点击页面右上角的X,可以把不需要的页面删除。

4功能—添加修改文字

1、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改

2、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。

功能—添加修改按钮

添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

5功能—添加修改底图

1、修改背景颜色：点击右侧底图选项→选择颜色

2、上传底图：点击右侧底图选项→点击上传按钮→确定

6：保存。生成

1、添加标题、描述、缩略图

2、生成的二维码和链接可以用于分享到微信、微博等

3、点击生成按钮，即完成了一个作品的制作过程。

制作的工具很多啊，好好多免费的制作工具可以使用，大部分都跟ppt类似，上手比较简单，

比如多页，

也有一些功能比较丰富可以深入的学习，做出更加精美动画丰富的作品，

比如炫课工具。

不需要懂代码也可以制作好看的H5页面。

想要制作的话推荐下炫课工具，制作步骤如下：

第一步，选择请柬模板，

第二步，修改个人信息添加自己想要的效果和内容，

第三步，生成作品上传生成二维码或者链接进行传播~

方便快捷~

H5视频是将本地视频嵌入到H5中，实现点击播放，现在比较流行的是视频交互式H5玩法。

H5交互视频可以通过H5工具和代码开发实现。

代码开发最直接，只要开发人员技术够硬（预算够），流畅度那都不是事。另一种方式是H5工具实现，即使用可视化的交互编辑器，一般自带有video组件，可以自定义上传原画质的视频，有两个关键：

一是可做复杂逻辑性交互，比如按照多个逻辑故事线推进的视频可被点击播放、暂停、停止，按用户选择播放；

二是加载速度挺快，这点我们都知道，除了前端需要做一些压缩和预加载的工作，服务器也得提供足够的带宽确保高密度、高峰值的用户访问。
我们按照满足这两点来去推荐交互H5工具，自然想到意派Epub360，综合了以上两点，且稳定、易上手 *** 作，很多优秀的设计师借助这款工具将H5交互案例完美的表现。像《王小艺的朋友圈》《Dr魏的这波 *** 作我赌你破解不了！》、《揭秘知名公司的产品经理真实的一面……》等。

Epub360制作本地视频的优势：

逻辑清晰的编辑界面

从上传到点击播放、iOS自动播放只需要几步，勾选一下的事情，一杯咖啡没喝完，事就办好了；

服务器环境

Epub360的用户，大部分是专业的广告创意策划专业人士，所制作发布的H5，多少都具备相当的传播性。这些H5作品，具有跨地域、全天候传播的特点，引爆朋友圈的H5，还会有巨量用户访问量、同时在线用户数多的特点。

为此，Epub360平台为大家提供了最佳的网络技术支撑服务，采用了业界最具专业性各种网络服务，包括：内容分发网络、负载均衡、服务器d性伸缩等。

视频预处理转码

HTML5对视频格式有要求，最好是AAC H264 MP4格式，Epub360针对所有的视频进行统一预处理，确保视频可以快速加载，流程播放。

地球是一个近乎标准的椭球体，它的赤道半径为6378140千米，极半径为 6356755千米，平均半径6371004千米。如果我们假设地球是一个完美的球体，那么它的半径就是地球的平均半径，记为R。

如果以0度经线为基 准，那么根据地球表面任意两点的经纬度就可以计算出这两点间的地表距离（这里忽略地球表面地形对计算带来的误差，仅仅是理论上的估算值）。

设第一点A的经 纬度为(LonA, LatA)，第二点B的经纬度为(LonB, LatB)，按照0度经线的基准，东经取经度的正值(Longitude)，西经取经度负值(-Longitude)，北纬取90-纬度值(90- Latitude)，南纬取90+纬度值(90+Latitude)，则经过上述处理过后的两点被计为(MLonA, MLatA)和(MLonB, MLatB)。那么根据三角推导，可以得到计算两点距离的如下公式：

C = sin(MLatA)sin(MLatB)cos(MLonA-MLonB) + cos(MLatA)cos(MLatB)

Distance = RArccos(C)Pi/180

这里，R和Distance单位是相同，如果是采用6371004千米作为半径，那么Distance就是千米为单位，如果要使用其他单位，比如mile，还需要做单位换算，1千米=0621371192mile

如果仅对经度作正负的处理，而不对纬度作90-Latitude(假设都是北半球，南半球只有澳洲具有应用意义)的处理，那么公式将是：

C = sin(LatA)sin(LatB) + cos(LatA)cos(LatB)cos(MLonA-MLonB)

Distance = RArccos(C)Pi/180

以上通过简单的三角变换就可以推出。

如果三角函数的输入和输出都采用弧度值，那么公式还可以写作：

C = sin(LatAPi/180)sin(LatBPi/180) + cos(LatAPi/180)cos(LatBPi/180)cos((MLonA-MLonB)Pi/180)

Distance = RArccos(C)Pi/180

也就是：

C = sin(LatA/572958)sin(LatB/572958) + cos(LatA/572958)cos(LatB/572958)cos((MLonA-MLonB)/572958)

Distance = RArccos(C) = 6371004Arccos(C) kilometer = 06213711926371004Arccos(C) mile = 3958758349716768Arccos(C) mile

在实际应用当中，一般是通过一个个体的邮政编码来查找该邮政编码对应的地区中心的经纬度，然 后再根据这些经纬度来计算彼此的距离，从而估算出某些群体之间的大致距离范围(比如酒店旅客的分布范围-各个旅客的邮政编码对应的经纬度和酒店的经纬度所 计算的距离范围-等等)，所以，通过邮政编码查询经纬度这样一个数据库是一个很有用的资源。

附：C#代码：

private const double EARTH_RADIUS = 6378137;//地球半径

private static double rad(double d)

{

return d MathPI / 1800;

}

public static double GetDistance(double lat1, double lng1, double lat2, double lng2)

{

double radLat1 = rad(lat1);

double radLat2 = rad(lat2);

double a = radLat1 - radLat2;

double b = rad(lng1) - rad(lng2);

double s = 2 MathAsin(MathSqrt(MathPow(MathSin(a/2),2) +

MathCos(radLat1)MathCos(radLat2)MathPow(MathSin(b/2),2)));

s = s EARTH_RADIUS;

s = MathRound(s 10000) / 10000;

return s;

}

经纬度是经度与纬度的合称组成一个坐标系统。称为地理坐标系统，它是一种利用三度空间的球面来定义地球上的空间的球面坐标系统，能够标示地球上的任何一个位置。

经纬度换算成米：

纬度分为60分，每一分再分为60秒以及秒的小数。

纬度线投射在图上看似水平的平行线，但实际上是不同半径的圆。有相同特定纬度的所有位置都在同一个纬线上。

赤道的纬度为0°，将行星平分为南半球和北半球。

纬度是指某点与地球球心的连线和地球赤道面所成的线面角，其数值在0至90度之间。位于赤道以北

点的纬度叫北纬，记为N，位于赤道以南的点的纬度称南纬，记为S。

纬度数值在0至30度之间的地区称为低纬地区，纬度数值在30至60度之间的地区称为中纬地区，纬度数值在60至90度之间的地区称为高纬地区。

赤道、南回归线、北回归线、南极圈和北极圈是特殊的纬线。

纬度1秒的长度：

地球的子午线总长度大约40008km。平均：

纬度1度 = 大约111km

纬度1分 = 大约185km

纬度1秒 = 大约309m