
要做一套模板,首先自然是做个首页。首页需用XHTML+CSS的方式独立做一个静态页,内容全部用静态的方式输出。然后保证其浏览器的兼容性,例如兼容IE6,IE7,IE8,Firefox,opera,safari等浏览器。代码规范性,绝对会影响网站的SEO能力和后期维护的效率,良好的代码规范,是做好一个shopex模板的前提。很多模板商写法粗鲁,只要效果,甚至在HTML中定义id时,有相同的id,我每次读到这样的代码都恶心不已。尽可能写的代码语义化,如果你没有学会良好的HTML+CSS架构能力,建议先买本css的书籍啃一下。推荐 《精通 CSS-高级web标准解决方案》,适合有一定css基础的朋友看。
当你把首页静态页做完后,将公共头部黏贴在block/header.html中,将公共底部黏贴在block/footer.html中。将其他部分黏贴到index.html中,将css文件和图片文件copy至images中。由于index.html调用头部和底部文件,所以预览模板的时候就可以看到首页的整体效果了,虽然这个时候你没有任何功能,只是完整的静态页。
重申一点,就是HTML代码的合理性,语义化,前段的代码都是极其细致化的结果。没有最好,但是要向最好的代码靠近。其实4.85模板机制个人是觉得不友好的,当添加一个挂件的时候,会自动在挂件外添加一个<div>标记,首先他增加的页面的代码量,影响了页面输出或者搜索引擎爬虫的效率,其次他还会破坏页面的布局,我们知道<div>是块状标记,本来我这个挂件想添加的是行内标记,现在莫名多出个<div>标记,破坏了本来的布局。希望4.86改善这一点。好的后端代码不能以牺牲前端代码为基础。