
一、 模板系统介绍
Ecshop模板系统使用我们自行研发的模板控制系统和著名的PHP开源模板程序Smarty组合而成。为了方便用户开发模板,还使用了Dreamweaver的模板和库的功能
Smarty中文手册:http://man.chinaunix.net/develop ...
-docs-zh-CN/manual/
二、模板设计原则
二、模板系统 文件结构
Ecshop根目录/
|
|->其它目录
|->themes
|->例:default (模板项目目录)
|->images
(模板图片目录)
|->library
(模板库目录)
|-screenshot.png
(模板预览图)
|-style.css
(模板所使用样式表)
|-article.dwt
(阅读文章)
|-article_cat.dwt
(文章列表)
|-category.dwt
(分类列表)
|-compare.dwt
(商品比较)
|-gallery.dwt
(商品图片)
|-goods.dwt
(商品)
|-index.dwt
(商城首页)
|-respond.dwt
(支付)
|-secarch_result.dwt
(搜索结果)
|-shopping_flow.dwt
(购物流程)
|-snatch.dwt
(夺宝奇兵)
|-user.dwt
(用户中心)
library 说明
QUOTE:
articles.lbi - 文章列表
article_info.lbi - 文章内容
article_list.lbi - 文章列表
best_goods.lbi - 精品推荐
bought_goods.lbi - 购买过此商品的人购买过哪些商品
brand_goods.lbi - 品牌的商品
cart.lbi - 购物车
cart_view.lbi - 查看购物车
category_tree.lbi - 商品分类树
cat_goods.lbi - 分类下的商品
comments.lbi - 用户评论
comment_form.lbi - 发表评论的表单
consignee.lbi - 收货人信息
fittings.lbi - 相关配件
footer.lbi - 页脚
gallery.lbi - 商品相册
goods_detail.lbi - 商品详情
goods_info.lbi - 商品基本信息
goods_list.lbi - 商品列表
help.lbi - 帮助内容
history.lbi - 历史记录
hot_goods.lbi - 热卖商品
invoice_query.lbi - 发货单查询
member.lbi - 会员登录区
member_info.lbi - 会员信息
nav_main.lbi - 主导航
new_goods.lbi - 新品上架
order_confirm.lbi - 订单确认
order_detail.lbi - 订单详情
order_view.lbi - 订单信息
package_card.lbi - 包装和贺卡
pages.lbi - 列表分页
page_top.lbi - 页面顶部
payment.lbi - 支付方式
promotion.lbi - 促销商品
properties.lbi - 商品属性
register_login.lbi - 购物流程登录和注册
related_goods.lbi - 相关商品
search_advanced.lbi - 高级搜索表单
search_form.lbi - 搜索表单
search_result.lbi - 搜索结果
shipping.lbi - 配送方式
signin.lbi - 会员登录表单
snatch_bid.lbi - 夺宝奇兵出价表单
snatch_goods.lbi - 夺宝奇兵活动的商品
snatch_list.lbi - 夺宝奇兵活动列表
snatch_price.lbi - 夺宝奇兵价格列表
snatch_result.lbi - 夺宝奇兵活动结果
top10.lbi - 销售排行
ur_here.lbi - 当前位置
user_address.lbi - 会员中心收货人列表
user_address_add.lbi - 会员中心添加收货人
user_booking.lbi - 会员中心用户缺货登记
user_booking_add.lbi - 会员中心用户添加缺货登记
user_collect.lbi - 会员中心用户收藏夹
user_forgetpassword.lbi - 会员中心找回密码
PHP处理页的说明
QUOTE:
\affiche.php: 广告处理文件
\ajax.php:
\article.php: 文章内容
\article_cat.php: 文章分类
\category.php: 商品分类
\compare.php: 商品比较程序
\feed.php: RSS Feed 生成程序
\flow.php: 购物流程
\gallery.php: 商品相册
\goods.php: 商品详情
\index.php: 首页文件
\receive.php: 处理收回确认的页面
\respond.php: 支付响应页面
\search.php: 搜索程序
\snatch.php:
\user.php: 会员中心
\admin\admin_logs.php: 记录管理日志文件
\admin\ads.php: 广告管理程序
\admin\ad_position.php: 广告位置管理程序
\admin\area_manage.php: 地区列表管理文件
\admin\article.php:
\admin\articlecat.php:
\admin\attribute.php: 属性规格管理
\admin\bonus.php: 红包的处理文件
\admin\bonus_type.php: 红包类型的处理
\admin\brand.php: 品牌管理
\admin\card.php: 贺卡管理程序
\admin\category.php: 商品分类管理程序
\admin\comment_manage.php: 用户评论管理文件
\admin\convert.php: 转换程序
\admin\database.php:
\admin\flow_stats.php: 流量统计
\admin\friend_link.php: 友情链接管理
\admin\get_password.php: 管理员新密码
\admin\gift.php: 管理中心赠品管理
\admin\goods.php: 商品管理程序
\admin\goods_booking.php: 缺货处理管理程序
\admin\goods_type.php: 商品类型管理程序
\admin\guest_stats.php: 客户统计
\admin\help.php: 管理中心帮助信息
\admin\index.php: 控制台首页
\admin\integrate.php:
第三方程序会员数据整合插件管理程序
\admin\mail_template.php: 管理中心模版管理程序
\admin\message.php:
\admin\order.php: 订单管理
\admin\order_stats.php: 订单统计
\admin\pack.php: 包装管理程序
\admin\payment.php: 支付方式管理程序
\admin\picture_batch.php: 图片批量处理程序
\admin\privilege.php: 管理员信息以及权限管理
\admin\repay.php:
\admin\sale_general.php: 销售概况
\admin\sale_list.php: 销售明细列表文件
\admin\sale_order.php: 商品销售排行
\admin\shipping.php: 配送方式管理程序
\admin\shipping_area.php: 配送区域管理程序
\admin\shophelp.php:
\admin\shopinfo.php:
\admin\shop_config.php: 管理中心商店设置
\admin\sitemap.php: 站点地图生成程序
\admin\snatch.php:
\admin\sql.php: 会员管理程序
\admin\template.php: 管理中心模版管理程序
\admin\users.php: 会员管理程序
\admin\users_order.php: 会员排行统计文件
\admin\user_msg.php: 客户留言
\admin\user_rank.php: 会员等级管理程序
\admin\visit_sold.php: 访问购买比例
\admin\vote.php: 调查管理程序
\admin\includes\cls_exchange.php:
\admin\includes\cls_google_sitemap.php: Google sitemap
类
\admin\includes\cls_phpzip.php: ZIP 处理类
\admin\includes\init.php: 管理中心公用文件
\admin\includes\lib_ajax.php: 管理中心用于Ajax的类库
\admin\includes\lib_image.php: 管理中心图片处理函数库
\admin\includes\lib_main.php: 管理中心公用函数库
\admin\includes\lib_report.php: 报表统计函数文件
\admin\includes\lib_template.php:
管理中心模版相关公用函数库
\admin\js\editzone.js(2): 编辑区脚本类
\admin\js\listzone.js(2): 列表脚本类
\admin\js\region.js(2): 公用脚本函数库
\admin\js\selectzone.js(2): select脚本类
\admin\js\utils.js(2): 公用脚本函数库
\admin\js\validator.js(2): 表单验证类
\includes\cls_captcha.php: 验证码图片类
\includes\cls_ecshop.php: 基础类
\includes\cls_ecshop.php(56):
密码编译方法;
\includes\cls_rss.php: RSS 类
\includes\cls_smtp.php: SMTP 邮件类
\includes\inc_constant.php: 常量
\includes\init.php: 前台公用文件
\includes\lib_common.php: 公用函数库
\includes\lib_goodscat.php: 前台公用函数库
\includes\lib_insert.php: 动态内容函数库
\includes\lib_main.php: 前台公用函数库
\includes\lib_payment.php: 支付接口函数库
\includes\iconv\cls_iconv.php: 字符集转换类
\includes\ip\cls_ip.php: IP 归属地查询类
\includes\modules\integrates\discuz.php: 会员数据处理类
\includes\modules\integrates\ecshop.php: 会员数据处理类
\includes\modules\integrates\molyx.php:
会员数据处理类(MolyX)
\includes\modules\integrates\phpwind.php:
会员数据处理类
\includes\modules\integrates\vbb.php:
会员数据处理类(VBB)
\includes\modules\payment\alipay.php: 支付宝插件
\includes\modules\payment\bank.php:
银行汇款(转帐)插件
\includes\modules\payment\chinabank.php: 快钱插件
\includes\modules\payment\cod.php: 货到付款插件
\includes\modules\payment\kuaiqian.php: 快钱插件
\includes\modules\payment\paypalcn.php: 贝宝插件
\includes\modules\payment\post.php: 邮局汇款插件
\includes\modules\shipping\cac.php: 上门取货插件
\includes\modules\shipping\ems.php: EMS插件
\includes\modules\shipping\express.php: 城际快递插件
\includes\modules\shipping\flat.php: 邮政包裹插件
\includes\modules\shipping\post_express.php:
邮政包裹插件
\includes\modules\shipping\post_mail.php: 邮局平邮插件
\includes\modules\shipping\sf_express.php: 顺丰速运
配送方式插件
\includes\modules\shipping\sto_express.php: 申通快递
配送方式插件
Powered by ScribeFire.
1.1 用户界面设计
在业界,用户界面设计在工作流程上分为结构设计(Structure
Design)、交互设计(Interactive Design)、视觉设计(Visual
Design)三个部分。
1.1.1 结构设计
结构设计是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper
Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是"重要记事",让用户很难找到。
1.1.2 交互设计
交互设计的目的是使产品让用户能简单使用。
任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
l 有清楚的错误提示。误操作后,系统提供有针对性的提示。
l
让用户控制界面。"下一步"、"完成",面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
l
允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
l
允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
l 使用用户的语言,而非技术的语言。
l 提供快速反馈。给用户心理上的暗示,避免用户焦急。
l
方便退出。如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
l 导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
l 让用户知道自己当前的位置,使其做出下一步行动的决定。
1.1.3 视觉设计
在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:
l 界面清晰明了。允许用户定制界面。
l 减少短期记忆的负担。让计算机帮助记忆,例:User
Name,、Password、IE进入界面地址可以让机器记住。
l 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择
l 提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计):Where,
What, Next Step
l 提供默认(default)、撤销(undo)、恢复(redo)的功能
l 提供界面的快捷方式
l
尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。
l
完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。
l
界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。
l 同样功能用同样的图形。
l
色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
用户界面设计构筑了软件产品设计的基础。如只有首先确定了手机菜单的交互形式,才能在造型设计上决定是采用五项键或上下键。
在国外,用户界面设计人员也有了新称谓:Information
Architecture,信息建筑师。它不仅仅是指美工,而是具有心理学、软件工程学、设计学等综合知识的人。
读 UIRSS对百度UI设计经理 张海龙的采访 心得:
1、用户体验:界面层-->结构层-->功能层-->战略层
2、好的平面设计包括:好的视觉+好的思想+好的传播
好的搜索产品包括:易用性+不用思考+传播性+准确性(这个恐怕最重要)
3、设计应该说是一门广泛的学科,设计师不能只是停留在视觉设计的表现层面,还应该掌握产品设计学、计算机应用、交互设计、设计心理学等多领域知识。
4、长线项目要快做(给后期充足的时间反馈和修改), 短线、紧急的项目要缓做(前期尽量考虑周全,避免后期更改耗时)
对于下一代操作系统Vista的主打中文字体微软雅黑(现在版本7.5)有的夸1,有的贬,也有详细介绍。至少我是很喜欢这款字体,我把IE的中文字体自定义成了微软雅黑,英文为Lucida console,很漂亮,Opera和Firefox也都设置成雅黑,很难再回到宋体时代了,宋体毛边太厉害,感觉很刺眼!
不过今天发现了微软雅黑的一个问题,在Photoshop8中,如果使用雅黑字体,下次打开PSD文件的时候,所有的雅黑字体都变成了粗体,超级黑!还有就是更改图像或者画布大小的时候,会使中文字体变成 乱码!
希望微软尽早改正这些价值千金的字体。
中国和世界 关于Coreldraw和Illustrator的比较:
中国:Coreldraw可谓一枝独秀!

在世界范围内:Illuatrator技压群芳!

美国:这种压倒性优势更为明显

下面是英国:

不知道这仅仅是一种差别还是一种差距!
常有朋友来信问我,"为什么我用Adobe Premiere6.0-6.5做VCD生成影片速度很慢"、"为什么做好的视频不清晰"、"为什么有锯齿"等等。据我个人经验,很多情况下是忽视了Premiere的项目设置或者设置不正确而造成的。Premiere没有提供现成的做VCD的项目设置编辑,需要自行定制。初次使用Premiere5.1,运行后出现New Project Settings(新项目设置)界面,点击最上面的General Settings右边的小三角就会弹出一个下拉菜单,其中包括Genral Setting、Video Settings、Audio Settings、Keyframe and Rendering Options和Capture Settings这5项,点右下角的按钮[Next]和[Prev]也可以循环打开在这5个项目的设置界面。下面针对编辑制作VCD来介绍设置这些参数。
一、General Settings(总体设置):
1).Editing Mode(编辑模式):选用默认的Video for Windows,这就是我们常用的编辑AVI文件。
如果点右边的小三角弹出下拉菜单,会看到很多选项,包括苹果电脑常用的Quick Time,如果你安装了MPG压缩的插件,可以在这里找到它。
2).Timebase(时基):改为25。
点一下右边的小三角,将默认的29.97改为25,下面的Time Display(时间显示)也改为25。因为Premiere系统默认的是NTSC制式,我国电视制式为PAL,帧频25。
3).Time Display(时间显示):改为25
二、Video Settings(视频设置):
1).Compressor(视频编码器):可以选Windows自带的Indeo Video 5.10。
Windows95可能没有这个编码,那就用Intel Indeo(R) Video R3.2。如果你的电脑安装了视频采集卡则最好用卡自带的硬件视频编码器,如Browdway(百老汇)的Broadway MPEG I-Frame Codec。如果你安装了像PVMJPG这样的软件视频编码器,就选用PICVideo MJPEG Codec。
不同的视频编码器作出的视频品质有差别,很多朋友没有注意这点,生成时Premiere调用的是Cinepak Codec by Radius(只因为它按照字母的顺序排在第一位),这个视频编码器编码的速度非常慢,图像也不清晰,一般只使用在电脑多媒体交互式演示文件中。很多朋友遇到的"速度慢"、"不清晰"多半是这里设置不合适造成的。
点[Configure]可以对视频编码器进行设置,有些包括品质系数等等。不同的视频编码器有不同的设置界面。
2).Depth(色彩深度):一般选用Millions(Indeo Video5.10的选项是灰色的,固定不可选)。
某些视频编码器可以设置多种色彩深度,如256 colors(256种彩色)、Thousands(千种色彩)、Millions(24bit真彩色)、Millions+(32bit真彩色,可以带有Alpha通道)。
3).Frame Size(帧尺寸):h(水平)=352,v(垂直)=288,同时去掉"4:3 Aspect(图像比例)"前面的"√"。
4).Quality(品质):调整到100%。
Quality的数值越大,品质越好,但是所占磁盘空间也越大。有些视频编码器的Quality需要到它自己的设置界面中改变(点上面的按钮[Configure]即可打开),如PICVideo MJPEG Codec。
5).Frame Rate(帧率):国内用PAL制式,所以选25。
6).Data Rate(数据速率) - Limit data rate to(限制速率到):主要用在网络或CD-ROM对数据传输数率有限制的场合,一般不需要,不打"√"
7).Recompress(重新压缩):不打"√"。
假设已经有Indeo Video 5.10格式的AVI文件,编辑并重新生成新的同样格式的AVI文件。如果打"√",Premiere会把原来的AVI的每一帧都解码后在重新编码压缩为Indeo Video 5.10格式,并存储为新的AVI;如果不打"√",Premiere会把原来的AVI的Indeo Video 5.10格式帧直接存储为新的AVI,这样会快很多。当然,对于添加字幕、增加滤净效果或者转场效果的片段,Premiere还是会重新编码压缩的。
三、Audio Settings(声音设置):
1).Rate(采样速率): 选44 kHz。
采样速率越高,声音的频率响应越宽。做VCD用44.1kHz。
2).Format(格式): 选16 Bit - Stereo。
数值越高,声音越清晰。Stereo(立体声)的效果比Mono(单声道)更好。
3).Type(类型): 选Uncompressed。
类型也有很多选项,有各种声音编码压缩类型。多数采集卡采集的视频AVI的声音部分是Uncompressed(不压缩)的。一些压缩类型还可以通过点右边的[Advanced Settings]进一步设置。
4).Interleave(交叉存储):选用系统默认的1秒。
大家知道视频处理的信息量很大,播放视频需要较多的CPU和其他系统的运算和处理时间,通常视频的内容是实时载入的,也就是一帧一帧地从硬盘上读取的,而音频则可以采用这样的方法,即每隔一定时间比如是1秒钟读取一次若音频信息存在内存中,这样CPU可以腾出时间集中尽力处理视频,避免频繁交叉调用音频和视频而导致声音的断续的后果。但是高的interleave值需要较多的内存。
5).Enhanced Rate Conversion(增强的速率转换):一般用默认的"Off"
当在Timeline中播放声音时,为了将Timeline中的片断的采样速率(比如用了22kHz的音频文件),转换到设置值(即上面的设定的采样速率-Rate:44.1kHz),而指定一定的品质水平。这个选项同样对增加取样率(upsampling)和降低取样率(down-sampling) 。
Off:重新取样的速度快,但品质稍差;
Better:在品质和处理时间之间权衡;
Best:用于尽可能地提高品质,但需要较多处理时间。
6).Logarithmic Audio Fades(指数音量衰减):一般不打"√"。
声音增益的增减控制方式,如果选择打"√",采用指数方式控制声音的增益,比较符合人耳的生理听觉,声音变化比较自然,但是会增加电脑的处理时间,也许超级发烧友才会体会到。
四、Keyframe and Rendering Options(关键帧和渲染选项):
Rendering Options(渲染生成选项):
1).Ignore audio filters(忽略音频过滤器):音频过滤器即滤镜,不打"√"。
Premiere5.1中,可以用Reverb(混响)、Echo(回响)、Equalize(频率均衡器)、Bass & Treble(高低音)等等21种音频过滤器对声音特效处理。如果打"√",就不对声音进行处理。
2).Ignore video filters(忽略视频过滤器):不打"√"。
同上,Premiere5.1中有很多对图像进行处理的过滤器,通常称之为滤镜,如Gaussian Blur(高斯模糊)、Color Balance(色彩平衡)等等很多种。
3).Ignore audio rubber bands(忽略音频"橡皮筋"):不打"√"。
常常需要对音乐的音量进行控制,如图,声音波形中的红色线条(调节起来象橡皮筋)的起伏代表音量大小,如果打"√",成品的声音就不受"橡皮筋"的控制,也就是没有声音起伏的效果。
4).Optimize stills(优化静止图像):一般可以打"√"。
如果项目中有连续的静止图像,例如用照片做VCD,用这个选项可以节约生成时间。不过需要注意的是,这样生成的AVI其实是有丢帧的,某些软件处理丢帧的AVI会出问题或者干脆罢工(如Cinema Craft Encoder2.5)。
5).Field settings(场序设置):做VCD设置为"No Fields"。
如果编辑720x576或者704x576这样的分辨率,如果场序错误,则在电视上看,画面颤动不堪,不流畅。不同的视频采集卡捕获的AVI场序不尽相同,如DC30卡采用Upper Field First,而用1394卡采集的DV则是Lower Field First。而做VCD则一定要用"No Fields"。常常有人说"有锯齿"就是这里设置的问题。
有关场序设置容易让人困扰,以后将作专题介绍。
6).Preview to Ram(在内存中生成预览):这个选项意义不大。可以不打"√"。
如果编辑过程中,临时要看一下某一局部片断的实际效果,一般不生成全部影片,用Preview渲染生成局部的效果,用这个选项将局部片断合成到内存中,内存大的话才有用。否则,是生成临时文件到硬盘中。
Keyframe Options(关键帧选项):这个选项一般不用理会,用默认的即不打"√"就行了。
7).Keyframe Every _ Frames(每若干个帧设置一个关键帧):不打"√"。
当输出视频文件时,由视频编码器在其视频文件内部设置关键帧。
.Frames Only at Markers(仅是做了记号的帧):
如果选择它时,只播放时间线上做了记号(Marker)的帧。这个选项不对输出影片关键帧起作用。
9).Add Keyframes(增加关键帧):
选择"At Markers"将把每个做了记号的地方建立关键帧。
选择"At Edits"同样在每个片断(Clip)之间建立关键帧。
五、Capture Settings(视频采集设置):
这部分的内容取决于你的视频采集卡,如果没有安装,这个界面是空的。
设置好上述内容后,可以将这些参数保存下来供将来使用。点按钮[Save],出现"Save Project Settings(储存项目设置)"界面。在"Name for these settings(设置的名称)"栏目中,给自定义的设置命名如"VCD动态相册专用设置",在"Description(描述)"栏目中,可以输入一些文字供选择项目时参考。点[OK]保存刚刚所作的参数设置。
以后每次打开Premiere出现New Project Settings窗口时,就可以在启动界面点[Load]载入自己制作的设置----"VCD动态相册专用设置"了.
Powered by Haiwit