html动态网页模板(HTML动态页面)
本文目录一览:
- 1、什么是网页模板?网页模板有什么用?
- 2、动态网页如何自动生成html文件
- 3、求一个简单的个人网页html模板
- 4、如何动态生成HTML页面
- 5、html模板在哪里下载呢?
- 6、制作一个动态网页的步骤?
什么是网页模板?网页模板有什么用?
网页模板给网页设计制作提供了一个美工方面的参考,或者说模仿,你可以通过html网页模板大全进行下载,也可以自己使用网页制作软件,如Dreamweaver、Firework、 Flash等进行创作,如果需要制作交互式动态网页,还需要掌握ASP或PHP等编程知识,这样在网页模板的基础上进行再创作才能做好一个网站。
动态网页如何自动生成html文件
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO;
using System.Text;
/// summary
/// WriteFile 的摘要说明
/// /summary
public class WriteFile
{
public WriteFile()
{
}
public static bool createHtml(string[] strnewsHtml,string[] stroldHtml,string strModeFilePath,string strPath)
{
bool flag = false;
StreamReader sr = null;
StreamWriter sw = null;
string filepath = HttpContext.Current.Server.MapPath(strModeFilePath);
Encoding code = Encoding.GetEncoding("gb2312");
string s = string.Empty;
try
{
sr = new StreamReader(filepath,code);
s = sr.ReadToEnd();
}
catch (Exception ex)
{
throw ex;
}
finally
{
sr.Close();
}
try
{
for (int i = 0; i strnewsHtml.Length; i++)
{
s = s.Replace(stroldHtml[i], strnewsHtml[i]);
}
sw = new StreamWriter(HttpContext.Current.Server.MapPath(strPath), false, code);
sw.Write(s);
flag = true;
}
catch (Exception ex)
{
flag = false;
throw ex;
}
finally
{
sw.Flush();
sw.Close();
}
return flag;
}
public static bool UpdateHtmlPage(string[] strNewsHtml, string[] strStartHtml, string[] strEndHtml, string strHtml)
{
bool Flage = false;
StreamReader ReaderFile = null;
StreamWriter WrirteFile = null;
string FilePath = HttpContext.Current.Server.MapPath(strHtml);
Encoding Code = Encoding.GetEncoding("gb2312");
string strFile = string.Empty;
try
{
ReaderFile = new StreamReader(FilePath, Code);
strFile = ReaderFile.ReadToEnd();
}
catch (Exception ex)
{
throw ex;
}
finally
{
ReaderFile.Close();
}
try
{
int intLengTh = strNewsHtml.Length;
for (int i = 0; i intLengTh; i++)
{
int intStart = strFile.IndexOf(strStartHtml[i]) + strStartHtml[i].Length;
int intEnd = strFile.IndexOf(strEndHtml[i]);
string strOldHtml = strFile.Substring(intStart, intEnd - intStart);
strFile = strFile.Replace(strOldHtml, strNewsHtml[i]);
}
WrirteFile = new StreamWriter(FilePath, false, Code);
WrirteFile.Write(strFile);
Flage = true;
}
catch (Exception ex)
{
throw ex;
}
finally
{
WrirteFile.Flush();
WrirteFile.Close();
}
return Flage;
}
}
调用公共类:
----------------------------------------------------------------------------
protected void Button2_Click(object sender, EventArgs e)
{
string NewsTitle = this.TextBox1.Text;
string NewsKindName = this.DropDownList1.SelectedItem.Text;
string NewsBody = this.WebEditor1.Text;
DateTime PubTime = DateTime.Now;
string UserName = Session["UserName"].ToString();
Response.Write(NewsKindName);
string[] strNewsHtml = new string[] { NewsTitle, NewsKindName, NewsBody, PubTime.ToString(), UserName };
string[] strOldHtml = new string[] { "@Title", "@NewsKInd", "@NewsBody", "@PubTime", "@UserName" };
string strFileName = DateTime.Now.ToString("ddhhmmss") + ".html";
string strFilePath = string.Format("NewsHtml/{0}", strFileName);
try
{
if (WriteFile.createHtml(strNewsHtml, strOldHtml, "mode.htm", strFilePath))
{
this.Label1.Text = "生成成功!";
}
else
{
this.Label1.Text = "生成失败!";
}
}
catch
{
this.Label1.Text = "生成失败!";
}
}
protected void Button3_Click(object sender, EventArgs e)
{
string[] strNewsHtml=new string[]{"游!"};
string[] strStartHtml=new string[]{"!-- start --"};
string[] strEndHtml=new string[]{"!--end--"};
if (WriteFile.UpdateHtmlPage(strNewsHtml, strStartHtml, strEndHtml, "NewsHtml/02011139.html"))
{
this.Label1.Text="生成首页成功!";
}
else
{
this.Label1.Text="生成首页失败!";
}
}
新建文件夹NewsHtml,生成html文件放在里面
-----------------------------------------------------------
增加一个模板文件
html xmlns=""
head
title无标题页/title
/head
body
table border="1" cellpadding="0" cellspacing="0" style="width: 522px; height: 338px"
tr
td align="center" colspan="2"
@Title/td
/tr
tr
td align="center" colspan="2"
发布人:@UserName 发布时间:@PubTime 新闻类别:@NewsKInd/td
/tr
tr
td colspan="2"
@NewsBody/td/trtr
td style="WIDTH: 100px"
/tdtd style="WIDTH: 100px"
/td/tr/table/body/html
求一个简单的个人网页html模板
这种模板很多的,百度打开一个网页右键源代码就能找到了。
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="wrapper"
div class="sidebar"
div class="clearfix k1120"
div class="navBox" id="openSidebar"
a href="javascript:void(0)" class="navOpen"/a
/div
div id="menu"
ul class="clearfix"
lia href="#home" class="nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="scrol-page"
div class="banner"
div class="b_1" style="background-position: 50% 0px;"
div class="k1120 clearfix"
div class="b_pic"
div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="banner"
如何动态生成HTML页面
以最简单的新闻网页为例,先是做一个模板页,假定其中3个地方要动态更换的:标题,内容,日期,哪么模板中这3个地方都要用特殊的名称表示。
要生成html页时,先读入html模板页,再查询数据库,把查询到标题,内容,日期的实际值替换模板中的特殊名称,并按规则命名另存这个文件。
以上是动态生成html页的基本原理,实际工作中,可灵活处理,比如一次性生成所有页,或者发布一个生成一个,可以用一个模板,也可以根据类别用3个5个模板。模板可以保存为文件文件,也可保存在数据库中等等。
?
html模板在哪里下载呢?
html网页模板就是用已经成形的网站为框架进行套用,可以在后台进行设置网站的一些信息,把这个网站改变成自己需要的网站信息。你可以在HTML网页模板中进行下载,这种一般是静态的页面,你如果想搭建整站可以使用cms系统。
制作一个动态网页的步骤?
网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。采用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。 但Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamweaver 采用的是 Mac 机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密,只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然,Fireworks 可以引用所有的 Photoshop的滤镜,并且可以直接将 PSD 格式图片导入。它是用来画图用的,它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map)、背景透明,要图又小又漂亮,在Fireworks 中做起来都非常方便,修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具,它在一个软件包中提供了顶级的功能,用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式,包括视频文件,并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的 EXE 文件,以便通过电子邮件发布和在任何地方来查看。 u 制作主页 制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。 u 申请的主页空间,把你制作的主页传上去 我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。
html动态网页模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于HTML动态页面、html动态网页模板的信息别忘了在易优之家进行查找喔。
发表评论
暂时没有评论,来抢沙发吧~