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

十个JavaScript页面布局技巧

1. 使用CSS网格布局:CSS网格布局是一种强大的布局技术,可以将页面划分为行和列,并通过简单的CSS属性设置来定位和对齐元素。 2. 使用Flexbox布局:Flexbox布局是一种弹性布局技术,可以实现灵活的盒子布局,并通过简单的CSS属性来对齐、排序和分布元素。 3. 使用响应式设计:通过媒体查询和CSS属性,可以为不同的设备和屏幕尺寸创建适应性布局,以提供更好的用户体验。 4. 使

Public @ 2023-07-27 17:50:37

在HTML文件引入其它HTML文件的几种方法

在HTML文件中,可以使用以下几种方法引入其他HTML文件: 1. 使用\标签:可以在HTML文件中使用\标签来嵌入其他HTML文件。需要设置iframe的src属性为要引入的HTML文件的路径。 ```html ``` 2. 使用\标签:也可以使用\标签来嵌入其他HTML文件。需要设置object的data属性为要引入的HTML文件的路径。 ```html ``` 3. 使用Jav

Public @ 2023-07-31 00:50:19

网站出现service unavailable的解决方法

1. 检查服务器运行状态:检查服务器是否正常运行,如CPU、内存、硬盘空间是否满。如果服务运行的负载过重,可能会导致服务器响应缓慢或停止运行。 2. 检查网络连接:检查服务器与网络之间的连接是否正常,确认网络的带宽和稳定性是否足够。 3. 检查配置文件:检查网站配置文件是否正确设置,如IP地址、端口号、域名等是否正确,是否存在语法错误等。 4. 检查服务器日志:检查服务器的日志文件,查看是否

Public @ 2023-04-06 18:50:36

更多您感兴趣的搜索

0.421526s