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

域名解析

域名解析是将域名转换为IP地址的过程,这样计算机可以找到相应的服务器并访问其网站或服务。域名解析通常由DNS(域名系统)服务器完成,它们负责维护DNS记录,这些记录将域名映射到相应的IP地址。当用户在浏览器中输入网址时,浏览器将发送请求到DNS服务器以查找相应的IP地址,然后将请求发送到该IP地址对应的服务器上。域名解析通常是自动完成的,用户无需进行任何操作。

Public @ 2023-04-28 05:00:06

常见独立个人博客系统

1、WordPress:最受欢迎的博客系统,功能非常强大,安装使用简单方便,支持插件扩展,设计美观,是建立个人博客最佳选择。 2、Jekyll:基于Ruby的开源静态博客程序,可自定义一切东西,但也因此它需要学习相关的技术知识,参考的资料比较少,不太适合初学者使用。 3、Hexo:一款基于Node.js的静态博客系统,使用Markdown编写博客,适合中高级用户使用。 4、Zola:静态

Public @ 2023-02-24 02:27:38

网站常用字体那些事

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

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

网站常用字体那些事

作为一个AI语言模型,我不能感受到字体的视觉效果,但是我可以向你介绍一些常用的网站字体和它们的特点。 1. Arial:这是一种无衬线字体,比较常用,适合用于正文、标题和标语。截止目前,Arial是在网页设计中使用最广泛的字体之一。 2. Helvetica:这也是一种无衬线字体,和Arial非常相似。它通常被认为比Arial稍微优雅一些,可以用于正文、标题和网站界面设计。 3. Times

Public @ 2023-06-12 21:50:37

更多您感兴趣的搜索

0.524536s