shopex48系列模板制作教程集合.docVIP

建议用大纲视图查看 Shopex4.85 模板制作详解 前言 作者: kulolo | 发布时间: 星期四, 04/01/2010 - 22:40 一直想写下shopex4.8系列模板的制作教程，但是一直没有时间定下心来写。 由于shopex模板的制作牵涉到过于多的页面调整，很难用很少的篇幅说清楚，所以一直拖到了4.85的出现。官方的模板教程简单，笼统，没有进阶性。学习起来困难。实例教程更是少之又少。我接下来写的教程 尽量图文配合，尽量简洁明了，按部就班的做下来就可以了。学习前需要准备的由如下几点。 1 HTML（XHTML）知识 （非常重要，重中之重） 2 CSS知识 （熟练即可） 3 初步了解Shopex系统（至少会安装吧） 4 有毅力和时间 网页制作、网站建设、dede ecshop 各类开源源码，插件\模板\修改\二次开发 qq112738102 Shopex4.85模板详细教程-工具篇 作者: kulolo | 发布时间: 星期一, 04/05/2010 - 19:21 工欲善其事，必先利其器。 马克思说：人类区别与其他动物的最根本的区别是制作和使用工具。当然马克思说的很多话不能相信。。。HOHO。。 这句话还是可以听一下的。 要做好shopex4.8系统的模板也要好工具来帮忙，接下来看下有哪些工具，可以使你做事事半功倍。 1 photoshop cs3版本。要做好效果图，这个工具必不可少。CS4版本比较考验机器性能，装个CS3版本，基本功能一个都不少，修修改改的用起来很顺手。 2 dreamweaver cs4版本，同样是ADOBE公司的一款工具，写前端代码非常方便，且可以设施2个浏览器进行调试。代码提示等诸多方便的功能。 3 FireFox浏览器，如果你作为一个前端开发人员，不装Firefox浏览器都不好意思和别人打招呼。基本完全符合W3C制定的规范运行的浏览器。并且配合FIREBUG等诸多插件，使你调试页面非常方便快速。 4 IETESTER 软件。是不是觉得对诸多IE版本调试起来非常痛苦。使用这个软件可以一次性调试IE5~IE8所有的版本。事半功倍的利器。 5 红蜻蜓截图软件。我个人用的截图软件，方便快速。 Shopex4.85模板详细教程-路径篇 作者: kulolo | 发布时间: 星期一, 04/12/2010 - 21:36 现在我们来学习下制作shopex4.8系统模板应该知道的文件夹路径。 1. themes 文件夹 里每个文件夹代表着一套独立完整的模板。 2.statics文件夹 里带有系统默认的一些图片 图标和一些CSS定义过的样式 3.core文件夹 shopex系统核心文件夹，做模板制作时不到必要建议不要修改这个文件夹中的任何文件。 4.plugins文件夹下的widgets文件夹下 放着所有的挂件（挂件以后会详细的谈）。 5.config文件夹下放着shopex系统配置文件。没有安装的新系统内没有config.php文件。 制作模板时 主要研究 themes文件夹下的文件。其次是挂件目录下的文件。 themes下的各个文件都要熟悉。4.84与4.85有少许不同。下一次主要讲themes文件夹下的文件的作用。 Shopex4.85模板教程-模板XML文件（theme.xml与info.xml）详解 作者: kulolo | 发布时间: 星期六, 04/17/2010 - 15:50 我们来看下shopex系统安装目录下的themes文件夹。打开该文件夹，会出现数量不一的文件夹，4.85默认安装后以后会自带一个purple(紫气东来)的模板文件夹。接下来就以purple(紫气东来)作为例子来详细介绍下模板路径下的文件的作用。 打开purple文件夹，有3个文件夹和2个xml文件还有一堆的html文件和一个preview.jpg文件。（如下图） shopex4.85 紫气东来模板的模板文件说明 首先说明下的就是2个XML文件，info.xml与theme.xml文件。是模板的核心配置文件。info.xml是应用于4.8系统前的配置文件。theme.xml是应用于4.8版本后的配置文件。 用编辑器（dreamweaver或者editplus，有很多）打开这2个文件。来看下info.xml，是一个典型的xml文件。简单说明下配置。 name紫气东来/name????? 模板名 ，应用于后台模板管理中的名字。 idpurple/id??? 生成模板文件夹名，在模板包加载中生成该名字的文件夹。 versionShopEx4.8/version??? 模板版本号 info/info???? 模板说明 authorShopEx/author? 模板作者 site/site? 模板网站 u