无图HTML网页模板(html网页设计图片)
HTML静态网页中的模板
简明步骤：打开一个已经存在的网页→另存为模板→新建可编纂区域→保留。
详细：
(1).打开示例站点中已经建好的index.htm文件，打开“文件”，点击“另存为模板”。
(2).选择模板存放的站点，在“另存为模板”对话框中为模板输入一个独一的名称，单击保留按钮。
(3).在“插入栏”选择“模板”，然后单击“可编辑区域”。
(4).频频这个过程。可以再做一些“可编辑区域”。
(5).打开“文件”菜单，单击“保留”。一个模板就做好了。
html模板
1、ASP文件中的代码
pencat=rs.Fields.Item("m_content").Value
pencat=replace(pencat,"t_title",n_title)
pencat=replace(pencat,"t_author",n_author)
pencat=replace(pencat,"t_content",n_content)
Set fso = Server.CreateObject("Scripting.FileSystemObject")
Set fout = fso.CreateTextFile(server.mappath(fpath "\" fname))
fout.WriteLine pencat
fout.close
2、如下给出要生成的网页模板：
html
head
meta http-equiv=""Content-Language"" content=""zh-cn""
meta http-equiv=""Content-Type"" content=""text/html; charset=gb2312""
meta name=""GENERATOR"" content=""Microsoft FrontPage 4.0""
meta name=""ProgId"" content=""FrontPage.Editor.Document""
title/title
/head
body topmargin=""0"" leftmargin=""0""
table border=""0"" width=""760"" height=""100%"" background=""background.jpg""
tr
td width=""752"" height=""10"" colspan=""3""
p align=""center""t_title
/td
/tr
tr
td width=""752"" height=""18"" colspan=""3""
div align=""center""
/div
div align=""center""
font size=""2""
作者：/fontfont color=""#990000""t_author/font
font size=""2""
加入时间：/fontfont color=""#990000""t_date/font
/div
/td
/tr
tr
td width=""15%"" height=""100%"" valign=""top""
/td
td width=""70%"" height=""100%"" valign=""top""
t_content
/td
td width=""15%"" height=""100%"" valign=""top""
/td
/tr
/table
/body
/html
3、解释
（1）pencat=rs.Fields.Item("m_content").Value
pencat为一个字符串变量。
rs.Fields.Item("m_content").Value就是如上2、网页模板的全部HTML字符
（2）pencat=replace(pencat,"t_title",n_title)
pencat=replace(pencat,"t_author",n_author)
pencat=replace(pencat,"t_content",n_content)
以上三句就是将字符串中的字串替换成为你所需要的内容，即ASP中动态获得的内容。
（3）Set fso = Server.CreateObject("Scripting.FileSystemObject")
Set fout = fso.CreateTextFile(server.mappath(fpath "\" fname))
fout.WriteLine pencat
fout.close
以上为将刚刚组合所得的网页代码写入文件的过程。第一句定义fso文件，第二句创建输出流文件，其中fpath为你想要存储的文件的路径，fname为文件名；后两句是将字符串写入文件和关闭输出流文件。
有什么好的HTML免费模板网站推荐？
metinfo.cn/product/ 响应式网站模板，不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。
html 初学者 网站模板
!DOCTYPE?html
html
head
meta?charset="UTF-8"
title/title
style
body{
height:500px;
background:?linear-gradient(#A6CADE,#F8C6F8)?no-repeat;
}
ul,li,div?{
padding:0;margin:0;
}
.container{
width:?500px;
margin:0?auto;
}
#tab-con?div{
display:?none;
width:500px;
height:282px;
}
#tab-con?div?img{
width:?100%;
height:100%;
}
#tab-con?div.active{
display:?block;
}
#tab-list?ul?li{
float:left;
list-style:?none;
}
#tab-list?ul?li?a{
display:?block;
width:70px;
text-align:?center;
text-decoration:?none;
color:#000;
background:?#D6D6D1;
}
#tab-list?ul?li.active?a{
color:#fff;
background:#f96302;
}
/style
/head
body
div?class="container"
div?id="tab-con"
div?class="active"img?src="img/test1.jpg"/div
divimg?src="img/test2.jpg"/div
divimg?src="img/test3.jpg"/div
div图片4/div
div图片5/div
div图片6/div
div图片7/div
/div
div?id="tab-list"
ul
lia?href="javascript:;"首页/a/li
lia?href="javascript:;"美食/a/li
lia?href="javascript:;"交通/a/li
lia?href="javascript:;"图片4/a/li
lia?href="javascript:;"图片5/a/li
lia?href="javascript:;"图片6/a/li
lia?href="javascript:;"图片7/a/li
/ul
/div
/div
script
var?tablist?=?document.getElementById('tab-list').getElementsByTagName('li');
var?tabcon?=?document.getElementById('tab-con').getElementsByTagName('div');
for(var?i?=?0;?itablist.length;?i++){
tablist[i].onclick?=?function(){
starttab(this);
};
};
function?starttab(obj){
for(var?i?=?0;?itablist.length;?i++){
if(tablist[i]?==?obj){
tablist[i].className?=?"active";
tabcon[i].className?=?"active";
}else{
tablist[i].className?=?"";
tabcon[i].className?=?"";
};
};
};
/script
/body
/html