当前位置:首页 > 网站建设 > 正文内容

移动端html静态网页模板(html静态页面模板)

网站建设2年前 (2023-03-22)1624

今天给各位分享移动端html静态网页模板的知识,其中也会对html静态页面模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

html静态网页模板

html静态网页模板挺多的,包括商城或者博客之类的,目前很多静态网页模板的下载都提供了移动端和pc端页面,5个页面以上很正常。

需要注意的是如果是没有交互的展现型模板,那么不需要太多修改。如果是有交互的话和内容管理的话,可以将页面修改为cms系统形式,或者干脆直接使用cms网站模板。

怎么制作手机网页 如何制作一个手机html页面

这个还用说,其实道理和PC端网站是一样的道理。因为现在用户慢慢转向移动端,所以拥有一个移动网站也是很必要的。

其实自助建站自己做网站都是不成问题了,不管你懂不懂代码,都可以做的。

首先,注册一个凡科帐号,这是开始建站的第一步

第二,登录帐号后,会有建站、互动、微传单三块,一个帐号都可以用,你选择“网站建设”这一块;

第三,进入后台之后,选择自己喜欢的手机网站模板。

第四,就可以开始设计自己的网站,排版、栏目、文字、图片等设计。第五,无论是否完全做好,先保存,再退出。第六,网站做好后,可以为网站添加需要的功能,拖拽就可以实现添加。

dede自带的移动端怎么实现静态化

1、首先打开后台目录生成首页文件makehtml_homepage.php,后台目录默认是dede,根据自己的目录确认查找。

2、用编辑器打开文件makehtml_homepage.php,找到47行代码。

3、在后面加入代码,这个是设置wap模板目录,即把pc模板的目录替换成wap模板的目录。

4、再接着后面加入代码,这个是生成目录,根据自己需要生成,这里是在根目录下的wap目录下生成手机版首页。

5、这样后台生成首页时,自动生成手机版静态首页了,链接即域名+/wap/index.html,就完成设置了。

生成静态html页面

/// 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

titleShowArticle/title

body

biaoti

br

contentbr

author

/body

/HTML

biaoti

br

contentbr

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=0;i<4;i++)

{

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网上有许多产品团购,便宜有口碑

怎么制作 HTML静态网页?

网页制作需要下载软件:

DREAMWEAVER、PHOTOSHOP、FLASH MX

均中文版,安全无毒,支持WIN7、XP、WIN2K 32位及64位

地址:

安装完成即可永久使用

HTML静态网页中的模板

简明步骤:打开一个已经存在的网页→另存为模板→新建可编纂区域→保留。

详细:

(1).打开示例站点中已经建好的index.htm文件,打开“文件”,点击“另存为模板”。

(2).选择模板存放的站点,在“另存为模板”对话框中为模板输入一个独一的名称,单击保留按钮。

(3).在“插入栏”选择“模板”,然后单击“可编辑区域”。

(4).频频这个过程。可以再做一些“可编辑区域”。

(5).打开“文件”菜单,单击“保留”。一个模板就做好了。

移动端html静态网页模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html静态页面模板、移动端html静态网页模板的信息别忘了在本站进行查找喔。

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://chlfg.com/post/13424.html

分享给朋友:

“移动端html静态网页模板(html静态页面模板)” 的相关文章

邯郸网站优化(邯郸seo)

邯郸网站优化(邯郸seo)

本篇文章给大家谈谈邯郸网站优化,以及邯郸seo对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、网站优化:邯郸SEO优化到底该怎么做 2、邯郸网站建设优化需要注意什么 3、网站优化怎么提高用户体验 4、影响邯郸网站优化收录的因素有哪些 5、邯郸网站优化做的最...

菜单制作模板设计图(菜单设计模板高清图片)

菜单制作模板设计图(菜单设计模板高清图片)

本篇文章给大家谈谈菜单制作模板设计图,以及菜单设计模板高清图片对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、如何制作PPT模板?制做好的模板默认放在什么地方? 2、网页设计模版是什么?应该怎么设计? 3、幻灯片使用主管人员演示文稿设计模板设计全文说什么 4、...

创建app平台软件(怎样创建app软件)

创建app平台软件(怎样创建app软件)

本篇文章给大家谈谈创建app平台软件,以及怎样创建app软件对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、自己制作手机app需要用到的软件 2、如何创建一个app平台 3、如何制作app软件? 4、怎么创建一个APP软件? 自己制作手机app需要用到的软件...

如何创建外卖平台(如何创建一个外卖平台)

如何创建外卖平台(如何创建一个外卖平台)

本篇文章给大家谈谈如何创建外卖平台,以及如何创建一个外卖平台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、想自己建立一个外卖平台,应该做哪些准备? 2、微信外卖平台怎么建立 你都学会了吗 3、怎么注册一个外卖平台 4、如何创建自己的外卖平台,把附近的商家商品...

网页模板免费版(免费的网站模板哪里有)

网页模板免费版(免费的网站模板哪里有)

本篇文章给大家谈谈网页模板免费版,以及免费的网站模板哪里有对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、淘宝网页模板psd图,去哪里下载有免费的,ppt模板有哪些网站是免费的 2、有哪些免费的PPT模板下载网站? 3、下载的免费网页模板怎么打开? 淘宝网页模板...

高清风景素材网站(高清风景素材免费下载)

高清风景素材网站(高清风景素材免费下载)

今天给各位分享高清风景素材网站的知识,其中也会对高清风景素材免费下载进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、什么网站有比较好的高清视频影视素材 2、在哪可以找到大量油画风景图片素材 ? 3、哪个网站的素材图片最多,要矢量图(百度我已经在用了没...