HTML模版

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为文件名;后两句是将字符串写入文件和关闭输出流文件。

(一)定位网站的主题和名称

1.主题要有特色而且精巧。定位要有学校特色,内容要精巧。

2.题材要与学校的各个内容有关。比如:学校的名称、学校的教育教学、学校的机构、学校的活动等等。同时题材的选取也要与所属学校的实际相结合。

(二)首页的设计

在全面考虑好网站的栏目,链接结构和整体风格之后,就可以正式动手制作首页了。有一句俗语:良好的开端是成功的一半。在网站设计上也是如此,首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页的设计。所以,首页的设计和制作是绝对要重视和花心思的。有关首页设计方法大致如下:版面布局的窍门、色彩的搭配、字体的设置和表格的嵌套、细微之处见功力、考虑不同的浏览器和分辨率、设计好你的banner和位置、标签的重要性。

首页设计的一般步骤:

1、确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:网站名称(logo),广告条(banner), 主菜单(menu),新闻(what's new), 搜索(search), 友情链接(links), 邮件列表(maillist),计数器(count), 版权(copyright).选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。主要分两部分,一部分是相对独立的模块如官方论坛、网上报名、名师课堂、资料下载、家长俱乐部,另一部分是动态栏目根据学校自己的特点设计制定模块内容。

2、设计首页的版面

在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。设计版面的最好方法是先将理想中的草图勾勒出来,然后再用网页制作软件来实现。

3、处理技术上的细节

制作的主页如何能在不同分辨率下保持不变形,如何能在IE和NC下看起来都不至于太丑陋,如何设置字体和链接颜色....等等,首页设计是整个网站设计的难点和关键,在制作的过程中要处理好各种技术的细节也是非常重要的。

(三)定位网站的形象

1.设计网站的标志(logo)

首先需要设计制作一个网站的标志(logo)。就如同商标一样,logo是站点特色和内涵的集中体现,看见logo就让大家联想起站点。标志可以是中文,英文字母,可以是符号,图案,可以是动物或者人物等等。标志的设计创意来自网站的名称和内容。同时也能非常宣明的代表到学校的标志。

2.设计网站的标准色彩

网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。标准色彩是指能体现网站型象和延伸内涵的色彩。例如:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。标准色标准色彩要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。

3.设计网站的标准字体

和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的与众不同和特有风格,我门可以根据需要选择一些特别字体。

4.设计网站的宣传标语

它是网站的精神,网站的目标,用一句话甚至一个词来高度概括。

(四) 确定网站的栏目和版块

1.确定栏目和版块;

2.确定网站的目录结构和链接结构;

3.确定网站的整体风格;

看下这里:

http://www.tc-21.com/Photo/Case/EduResTraSite/Index.html

是经典案例,但也可以直接套用的,希望对你有所帮助!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7125288.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存