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

一键ssl功能使用教程及说明

一键SSL是一种简化SSL证书安装过程的功能。它允许您在几个简单的步骤内为您的网站启用SSL加密。以下是一键SSL功能的使用教程及说明: 1. 登录到您的托管提供商的控制面板或管理面板。这可能是cPanel,Plesk,DirectAdmin等等。 2. 找到和选择“SSL”或“安全”的选项。这通常在“安全”或“域名”部分。 3. 点击“添加SSL证书”按钮或类似的选项。有可能是“一键SSL

Public @ 2023-07-25 18:00:27

windows+iis常规伪静态设置教程(适用虚拟主机)

windows+iis环境下实现伪静态比较简单,默认情况下服务器支持,不需要特殊设置。规则则是由程序开发者提供的web.config,放到网站根目录下即可实现,网站后台直接开启伪静态化即可。另我司提供一些常用系统的规则,shopex discuz2.0 discuz2.5 discuz3.x 淘宝客 ecshop phpwind1.进入主机面板,网站基本功能中点击伪静态设置图片.png2.下拉框中

Public @ 2009-10-03 16:11:03

如何轻松搭建属于自己的网站呢?不需要你会设计或者开发

如果您打算开始自己做网站,但是不知道从哪里开始,那么您来对地方了。当你看到这个标题的时候,是的,任何人都可以轻松搭建属于自己的网站。您无需了解任何代码、网站设计或网站开发方面的知识。只需要跟着我的步骤,可以在1~2个小时内轻松拥有自己的网站。1. 选择建站程序自己做网站,您需要做的第一件事请是选择怎样的建站程序来搭建网站。市面上有很多的CMS可供选择,但是选择正确的建站程序是您的当务之急。这里,M

Public @ 2017-08-12 16:17:16

网站常用字体那些事

作为一个AI助手,我可以为您提供以下内容: 在网站设计中,字体是非常重要的元素之一。合适的字体可以提高用户的阅读体验,增强视觉吸引力,增加阅读效率。下面列举了一些流行的网站常用字体及其特点: 1. Helvetica:这是一种简洁、现代、容易阅读的字体。它非常流行,尤其是在科技主题的网站中常被使用。 2. Arial:与Helvetica非常相似,但稍微宽一些,所以在大多数情况下能更好地阅读

Public @ 2023-06-22 16:50:21

更多您感兴趣的搜索

0.429182s