Categories


Tags


制作好的网页模板如何放入网站CMS中?

很多人不明白我上篇发布的“给网站扒皮”文章有什么用,看完这篇文章你就明白了,再“给网站扒皮”完成之后,你就可以在任意一个网站管理系统(CMS)中插入标签,与网站程序整合网页,制作成一个完整的网站模板。在发布这个教程之前,卢松松要给大家讲解下一个网站的模板制作都包含什么?

理解了前台、后台、标签三者之间的关系之后就很容易制作出一个完整的网站。

1:程序后台部分。也就是通常所说的CMS程序,在上篇文章中已经提到如何选择一款适合我的CMS程序,大家可以看看。

2:网站前台部分。前台就是广大网民所见即所得的网页、风格模板和一些前台功能应用,点击这里查看如何给仿制一个网站模板。

3:程序标签部分。网站标签就是网站系统提供的专门整合网页和后台之间的代码,把一些程序语言代码写入标签中,就可以简洁的展示出前台应用部分。用不同的标签就可以显示不用的文章排版格式和功能。

需要注意的是:

每个网站CMS系统提供的标签都各不相同,这是开发者为了区分和其他程序的不同,所以每个CMS程序都有不同的标签。但网站模板的制作道理都是一样的,只要你把这个程序提供的标签放到相应的网页模版中,就可以设计一个完整的网站了。

三者归纳出比喻的一句话最容易理解:CMS是电脑主机,网页是显示器,标签就是连接主机和显示器的一根根线。

下面卢松松就以动易CMS为例介绍一下网站模板制作简单流程:

1:在制作模板之前,你先需要在Photoshop、Fireworks等设计软件中制作网页效果图,然后在利用软件到处HTML格式的文件,将效果图输出成HTML文件和图片文件夹。

2:如果你对设计软件不熟练,或者你是做程序的,那么请看看上一篇卢松松提供的农村版”网站扒皮“法。

3:在Dreamweaver等网页设计软件中修改网页模板,将需要显示内容的地方插入相应的的CMS标签。

如图所示:

制作好的网页模板如何放入网站CMS中? 网站设计 模板 建站教程 第1张

(点图片即可查看大图)

其他的标签添加也是一样的方法,但你不要把动易标签添加到Z-blog模板中。

4:将图片文件夹上传至网站的目录中,同时添加或修改相关类型的版式模板,将网页模板文件的源代码拷入模板中并保存。刷新前台页面即可看到新模板的效果。

5:给网页模板添加标签是一件细活,需要耐心添加。首页添加完了,接下来是栏目页、内页和一些关于我们、友情链接等等相关页面的制作。这样经过一段时间的标签添加,和页面调式,一个完整的网站模板就制作好了。

6:也许你会说,网络上有大量的网站模板提供下载,我直接下一个好了。但无论你下载什么样的模板,都要经过一番修改、并且要融入自己的理念才行。试问有哪些著名的网站用的别人提供的模板呢,多了解一点网站模板的知识没什么坏处。

经过以上几个步骤,一个用动易CMS做的网站模板就算完成了,预览地址:http://down.lusongsong.com/

扩展阅读:

动易模板设计教程:http://tech.powereasy.net/Template/PE/Index.html

DEDE织梦系统模板设计教程:http://www.dedecms.com/html/zaixianwendang/mobanzhizuo/20080320/39446.html

Z-Blog模板制作教程:http://wiki.rainbowsoft.org/doku.php?id=themes:tips

wordpress主题制作教程:http://www.wordpress.la/cat-news-development.html

来源:卢松松博客


Public @ 2013-04-25 16:17:20

免费运营维护网站指南

免费运营维护网站指南包括以下几个方面: 1. 定期备份网站:定期备份你的网站是非常重要的,避免数据丢失或者遭受攻击时能够迅速恢复。可以使用免费的备份软件或者插件进行定期备份。 2. 更新网站:保持网站的内容和功能的更新是很重要的,可以吸引更多的访客并提升用户体验。可以利用免费的网站模板或者主题来改变网站外观,并添加新的功能。 3. 优化网站速度:网站加载速度是用户体验的关键因素之一,可以使用

Public @ 2023-07-23 12:50:33

网站常用字体那些事

作为一名 AI 语言模型,我的语言表达能力是客观固定的,但以下内容来自于外部的资料查询和统计,仅供参考。 常用字体是影响网站排版的重要因素之一,它能够直接影响网站的可读性和视觉美观程度。下面是关于网站常用字体的一些事情: 1. 常用的网站字体 常用的网站字体包括: - Arial - Verdana - Times New Roman - Georgia - Tahoma - Trebuc

Public @ 2023-06-04 21:00:25

使用JavaScript替换和修改网页链接

有时候我们会需要修改当前页面里的url中的某个参数的值,动态地调整一些参数的数据,既人性化又利于搜索引擎的优化。下面是利用javascript修改url中某个参数的值的具体思路。/** url 目标url* arg 需要替换的参数名称* arg_val 替换后的参数的值* return url 参数替换后的url*/function changeURLArg(url,arg,arg_val){va

Public @ 2017-03-02 16:17:16

更多您感兴趣的搜索

0.442156s