html模板

html-css022

html模板,第1张

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/htmlcharset=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"">

作者：</font><font color=""#990000"">t_author</font>

<font size=""2"">

加入时间：</font><font 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和CSS编成的。

首先应该了解什么是html，html是超文本标记语言，由字母，数字，符号，文字等组成的文本就是普通文本，超文本不但包含普通文本，而且还包含图像，声音，视频等等。

CSS是样式表，用来控制html标签在网页中显示的状态，形状，大小及各种漂亮的效果等等。就比如：搜狗输入法有多种不同的皮肤，CSS就类似于皮肤。这里我们把网页的皮肤称之为样式。比如网易163，新浪等网站的首页，因为使用不同的样式，所以呈现出各种不同的效果。

如果把模板比喻成一幢房子，那么html就是基础的砖块，CSS就是装修材料。房子漂亮不漂亮，完全就看装修材料怎么用。

所以，网页模板就是html模板。所谓的CSS模板，也是html模板，可能只是更华丽的html模板。如上面说的一样，装修材料是不可能造出一幢房子来的。

接下来的问题也不难了，要做网站，首先我们需要学会基础的html语言，然后学习CSS样式表。只要学会了html和CSS代码，那么如网易，新浪等网站也可以仿制出一个来了，但是：假如还要在网站上实现功能，比如登陆，留言，会员注册等功能，那么就要至少再学一门程序语言，如PHP。如果要在网站上实现华丽的特殊效果，那么javascript也是一门必学的语言。

html和CSS代码的效果都是通过浏览器体现出来。

小破孩版婚礼片头预告模板（16：9）

http://v.youku.com/v_show/id_XNDQwMDI1MzMy.html

2012超震撼激情模板预览地址：

http://v.youku.com/v_show/id_XNDMyOTUzMjky.html

视频相册模板（生日祝福版）

http://v.youku.com/v_show/id_XNDQ0MDYwOTcy.html

仿AE相识20年同学会片头

http://v.youku.com/v_show/id_XNDE1MzI1Njg0.html

婚庆模板之好莱坞特效

http://v.youku.com/v_show/id_XNDMzOTQwOTQw.html

婚庆模板——好莱坞特效（二）

http://v.youku.com/v_show/id_XNDM0NTc0MDI0.html

留住精彩瞬间

http://v.youku.com/v_show/id_XNDM2MzM5NTI4.html

儿童纪念册模板演示地址：

http://v.youku.com/v_show/id_XNDM4MjgxMDgw.html

婚庆视频版好个新娘模板演示地址：

http://v.youku.com/v_show/id_XNDQ1NTc4Nzg4.html

2012老人祝寿片头模板演示地址：

http://v.youku.com/v_show/id_XNDQwNDQ3MjAw.html

【放飞梦想制作】相册模板--幸福的两个人

http://v.youku.com/v_show/id_XNDQ3NTAyMTcy.html

【放飞梦想制作】写真相册

http://v.youku.com/v_show/id_XNDQ5NjY0NjQ4.html

【放飞梦想制作】浪漫婚礼开场MV

http://v.youku.com/v_show/id_XNDUxOTQ2NzEy.html

【放飞梦想制作】爆炸光图文模板

http://v.youku.com/v_show/id_XNDUyODA2MjI4.html

【放飞梦想制作】婚庆相册

http://v.youku.com/v_show/id_XNDU3MTg4ODcy.html

【放飞梦想制作】动感电子相册模板

http://v.youku.com/v_show/id_XNDA1ODg2NjI4.html

【放飞梦想制作】宝宝相册（爱你的感觉）

http://v.youku.com/v_show/id_XNDU5ODgyNDQ0.html

【放飞梦想制作】淘气的爱

http://v.youku.com/v_show/id_XNDYwNzMxMDE2.html

【放飞梦想制作】婚庆模板爱正当时

http://v.youku.com/v_show/id_XNDU3ODY1OTg4.html

如果爱只是一场婚礼（沙画版）

http://v.youku.com/v_show/id_XNDM4MzE0NDU2.html

【放飞梦想制作】设计爱情（X5）

http://v.youku.com/v_show/id_XNDY1MDk2Njg0.html

会声会影R02模板演示

http://v.youku.com/v_show/id_XNDA1ODg2NjI4.html

【放飞梦想制作】婚庆宣传片头

http://v.youku.com/v_show/id_XNDY2OTU2NDI0.html

【放飞梦想制】长发波澜

http://v.youku.com/v_show/id_XNDcwOTIxMjY0.html

【放飞梦想制作】圣旨到婚庆模板

http://www.tudou.com/programs/view/bKutLXYeafM/

【放飞梦想制作】R056亲密爱人工程打包

http://v.youku.com/v_show/id_XNDc4MTU5MzYw.html

【放飞梦想制】激情相册模板

http://v.youku.com/v_show/id_XNDc5MDk1MDYw.html

【放飞梦想制】窗外相册模板

http://v.youku.com/v_show/id_XNDgxMjg0ODM2.html

视频: 【放飞梦想制作】会声会影模板（漂亮男孩）16x9

http://v.youku.com/v_show/id_XNDgyNzY5MjI4.html

【放飞梦想制作】薰衣草恋人

http://v.youku.com/v_show/id_XNTA0NDUyODQ0.html

【放飞梦想制】激情相册模板（二）

http://v.youku.com/v_show/id_XNTA0OTc3OTky.html

【放飞梦想制作】上世纪的童话

http://v.youku.com/v_show/id_XNTA1ODkzMTIw.html

【放飞梦想制作】个性电子相册

http://v.youku.com/v_show/id_XNTA2ODE4NjQ4.html

【放飞梦想作品】2013新年快乐

http://v.youku.com/v_show/id_XNTA5MTU5ODQ4.html

【放飞梦想作品】新年快乐之拜新年

http://v.youku.com/v_show/id_XNTA5MjY3MzY0.html

【放飞梦想制作】2013写真回忆录（相册版）

http://v.youku.com/v_show/id_XNTI2NzM3Mzc2.html

【放飞梦想制作】X5震撼婚礼预告片

http://www.tudou.com/programs/view/QiPLQfxoSiQ/

http://v.youku.com/v_show/id_XNTI3MjUyMDgw.html

【放飞梦想制作】隐形的翅膀

http://v.youku.com/v_show/id_XNTQyNzM5OTI0.html

【放飞梦想制作】写真相册（二）画中画效果

http://v.youku.com/v_show/id_XNTQyODM4NzQ4.html

【放飞梦想制作】葬礼片头

http://v.youku.com/v_show/id_XNTQ1ODQ1ODI4.html

【放飞梦想制作】梦里水乡

http://v.youku.com/v_show/id_XNTQ1OTUyODY4.html

【放飞梦想制作】浪漫写真（X6）

http://v.youku.com/v_show/id_XNTQ3OTg3MzE2.html

【放飞梦想作品】六一儿童之开心宝贝

http://v.youku.com/v_show/id_XNTQ5MDEwMzA4.html

科大讯飞5.0语音演示效果

http://v.youku.com/v_show/id_XNTU4MzAzNDc2.html

【放飞梦想制作】手指浪漫爱情片头（X6）

http://v.youku.com/v_show/id_XNTU5MjE5NjE2.html

【放飞梦想制作】无论如何--男孩地带（X6）

http://v.youku.com/v_show/id_XNTYyNzc4NzQw.html

【放飞梦想制作】相爱一生到永久

http://v.youku.com/v_show/id_XNTY1NTU0MzY4.html