先总的说一下个人感受
1.基于HTML5的工具网站：功能较强大，单页面的 *** 作性较强，可完成各种页面交互效果；但是某些时候会有 *** 作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~
2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可 *** 作空间，从而无法实现DIY交互效果。
下面展开说下每个使用过的工具吧
基于HTML5的工具网站：
【兔展】
优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。
缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。
（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）
【MAKA.im】 可以具体编辑，单页 *** 作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。
【居高互动刊】
优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。
缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。
【ANIMATRON】
优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。
缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？
【iSpring 7】
噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。
不过，目前我只能连着VPN再用Safari才能打开网站链接。
【秀制作】
优点：版式轻松，制作快捷，宽带稳定。
缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。
手机工具APP：
【初页】
优点：模板质量高，套用模板编辑时效率高， *** 作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。
缺点：单页面可 *** 作性较低，仅支持套用模板。
【快邀约】快速制作邀请函
优点：易上手，省时高效，便于统计。
缺点：页面简陋，只能选择固有模板创建文字和添加图片。
【易企秀】中小微企业的移动场景营销管家
优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。
缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。
【微贴】：通过微信公众号创建H5页面
优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。
缺点：只是单页面展示，承载不了交互效果等特效和更多内容。
总结
工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响 *** 作；
工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。
作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。
/// <summary>/// 传入URL返回网页的html代码
/// </summary>
/// <param name="Url">URL</param>
/// <returns></returns>
public static string getUrltoHtml(string Url)
{
errorMsg = ""
try
{
System.Net.WebRequest wReq = System.Net.WebRequest.Create(Url)
// Get the response instance.
System.Net.WebResponse wResp =wReq.GetResponse()
// Read an HTTP-specific property
//if (wResp.GetType() ==HttpWebResponse)
//{
//DateTime updated =((System.Net.HttpWebResponse)wResp).LastModified
//}
// Get the response stream.
System.IO.Stream respStream = wResp.GetResponseStream()
// Dim reader As StreamReader = New StreamReader(respStream)
System.IO.StreamReader reader = new System.IO.StreamReader(respStream, System.Text.Encoding.GetEncoding("gb2312"))
return reader.ReadToEnd()
}
catch(System.Exception ex)
{
errorMsg = ex.Message
}
return ""
}
你可以用这个函数获取网页的客户端的html代码，然后保存到.html文件里就可以了。
方案2：
生成单个的静态页面不是难点，难的是各个静态页面间的关联和链接如何保持完整；
特别是在页面频繁更新、修改、或删除的情况下；
像阿里巴巴的页面也全部是html的，估计用的是地址映射的功能
关于地址映射可参考：
可以看看这个页面，分析一下他的“竞价倒计时”功能
ASP.Net生成静态HTML页
在Asp中实现的生成静态页用到的FileSystemObject对象!
在.Net中涉及此类 *** 作的是System.IO
以下是程序代码 注:此代码非原创!参考别人代码
CODE:
//生成HTML页
public static bool WriteFile(string strText,string strContent,string strAuthor)
{
string path = HttpContext.Current.Server.MapPath("/news/")
Encoding code = Encoding.GetEncoding("gb2312")
// 读取模板文件
string temp = HttpContext.Current.Server.MapPath("/news/text.html")
StreamReader sr=null
StreamWriter sw=null
string str=""
try
{
sr = new StreamReader(temp, code)
str = sr.ReadToEnd() // 读取文件
}
catch(Exception exp)
{
HttpContext.Current.Response.Write(exp.Message)
HttpContext.Current.Response.End()
sr.Close()
}
string htmlfilename=DateTime.Now.ToString("yyyyMMddHHmmss")+".html"
// 替换内容
// 这时,模板文件已经读入到名称为str的变量中了
str =str.Replace("ShowArticle",strText) //模板页中的ShowArticle
str = str.Replace("biaoti",strText)
str = str.Replace("content",strContent)
str = str.Replace("author",strAuthor)
// 写文件
try
{
sw = new StreamWriter(path + htmlfilename , false, code)
sw.Write(str)
sw.Flush()
}
catch(Exception ex)
{
HttpContext.Current.Response.Write(ex.Message)
HttpContext.Current.Response.End()
}
finally
{
sw.Close()
}
return true
此函数放在Conn.CS基类中了
在添加新闻的代码中引用 注：工程名为Hover
if(Hover.Conn.WriteFilethis.Title.Text.ToString),this.Content.Text.ToString),this.Author.Text.ToString)))
{
Response.Write("添加成功")
}
else
{
Response.Write("生成HTML出错!")
}
模板页Text.html代码
CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ShowArticle</title>
<body>
biaoti
<br>
content<br>
author
</body>
</HTML>
biaoti
<br>
content<br>
author
</body>
</HTML>
提示添加成功后会出以当前时间为文件名的html文件!上面只是把传递过来的几个参数直接写入了HTML文件中,在实际应用中需要先添加数据库，然后再写入HTML文件
方案3：
给一个客户端参考的例子（SJ）
它的作用在于以客户端的方式获取某个页面的代码，然后可以做为其他用途，本例是直接输出
<script>
var oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
oXmlHttp.open("GET","", false)
oXmlHttp.send()
var oStream = new ActiveXObject("ADODB.Stream")
if(oStream == null)
alert("您的机器不支持ADODB.Stream.")
else
{
oStream.Type=1
oStream.Mode=3
oStream.Open()
oStream.Write(oXmlHttp.responseBody)
oStream.Position= 0
oStream.Type= 2
oStream.Charset="gb2312"
var result= oStream.ReadText()
oStream.Close()
oStream = null
var aa = window.open("","")
document.write(result)
aa.document.write(result)
}
</script>
方案4：学csdn一样。用xml保存数据，模版XSL也只有一个文件。
使用xml来保存数据，使用xsl来定义模板并且生称数据。可以通过xsl来很方便的在客户端或者服务段显示数据。如果要生成静态叶面那更简单了。去查一下.net的xml类包问题解决。
优点：可以方便快速转换成你想要的格式和内容。
缺点：需要学习更多的内容，不好入门。
方案5：
思路
1. 利用如Dw-Mx这样的工具生成html格式的模板，在需要添加格式的地方加入特殊标记(如$htmlformat$),动态生成文件时利用代码读取此模板，然后获得前台输入的内容，添加到此模板的标记位置中，生成新文件名后写入磁盘，写入后再向数据库中写入相关数据。
2. 使用后台代码硬编码Html文件，可以使用HtmlTextWriter类来写html文件。
优点
1. 可以建立非常复杂的页面，利用包含js文件的方法，在js文件内加入document.write()方法可以在所有页面内加入如页面头，广告等内容。
2. 静态html文件利用MS Windows2000的Index Server可以建立全文搜索引擎，利用asp.net可以以DataTable的方式得到搜索结果。而Win2000的Index服务无法查找xml文件的内容。如果包括了数据库搜索与Index索引双重查找，那么此搜索功能将非常强大。
3. 节省服务器的负荷，请求一个静态的html文件比一个aspx文件服务器资源节省许多。
缺点
思路二： 如果用硬编码的方式，工作量非常大，需要非常多的html代码。调试困难。而且使用硬编码生成的html样式无法修改，如果网站更换样式，那么必须得重新编码，给后期带来巨大的工作量。
因此这里采用的是第一种思路
示列代码
1.定义(template.htm)html模板页面
＜html＞
＜head＞
＜title＞＜/title＞
＜meta http-equiv="Content-Type" content="text/html charset=gb2312"＞
＜/head＞
＜body ＞
＜table $htmlformat[0] height="100%" border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#eeeeee" style="border:1px solid #000000"＞
＜tr＞
＜td width="100%" valign="middle" align="left"＞
＜span style="color: $htmlformat[1]font-size: $htmlformat[2]"＞$htmlformat[3]＜/span＞
＜/td＞
＜/tr＞
＜/table＞
＜/body＞
＜/html＞
2.asp.net代码：
//---------------------读html模板页面到stringbuilder对象里----
string[] format=new string[4]//定义和htmlyem标记数目一致的数组
StringBuilder htmltext=new StringBuilder()
try
{
using (StreamReader sr = new StreamReader("存放模板页面的路径和页面名"))
{
String line
while ((line = sr.ReadLine()) != null)
{
htmltext.Append(line)
}
sr.Close()
}
}
catch
{
Response.Write("＜Script＞alert('读取文件错误')＜/Script＞")
}
//---------------------给标记数组赋值------------
format[0]="background="bg.jpg""//背景图片
format[1]= "#990099"//字体颜色
format[2]="150px"//字体大小
format[3]= "＜marquee＞生成的模板html页面＜/marquee＞"//文字说明
//----------替换htm里的标记为你想加的内容
for(int i=0i＜4i++)
{
htmltext.Replace("$htmlformat["+i+"]",format[i])
}
//----------生成htm文件------------------――
try
{
using(StreamWriter sw=new StreamWriter("存放路径和页面名",false,System.Text.Encoding.GetEncoding("GB2312")))
{
sw.WriteLine(htmltext)
sw.Flush()
sw.Close()
}
}
catch
{
Response.Write ("The file could not be wirte:")
}
小结
用此方法可以方便的生成html文件。程序使用了是循环替换，因此对需替换大量元素的模板速度非常快。
另外,团IDC网上有许多产品团购,便宜有口碑
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）