分享

网店装修如何用好div+css设计美观店铺

 千本樱之家 2010-10-16
网店装修如何用好div+css设计美观店铺。对于一些网店新手卖家来说,要想使自己的网店变得更美,更好看,用好div+css是关键。

其实,易趣店铺本身具有很多自身的优势是淘宝所没有的,其中最吸引我的一点就是他对div+css的友好支持以及更开放的自定义页面平台。易趣的卖家应该更好的利用这个平台创造出更具个性、更为专业的店铺。
 
今天我先讲一下div+css的设计模式比table的设计模式更为先进和独具优势的地方。
 
对于目前多数自己进行网店装修的买家来说,大多数人的做法基本都是先在ps里面做好网页样式,然后进行图片切割,然后直接另存为html格式或者将切割好的图片放到自定义的table里面。这种方法没有错,但是,table是很多年前的网页设计主流应用模式,它是基于当时的互联网技术和标准的。但是随着网络的迅速发展和互联网标准的不断更新,table已经成为了一种过时的应用技术,它的优势远远落后于div+css技术。
 
 
    1.div+css大大缩减页面代码,提高页面浏览速度,缩减带宽成本。就易趣卖家而言,快速的加载速度是对客户的一种更为人性化的体验。
 

    2.结构清晰,容易被搜索引擎搜索到,天生优化了seo。虽然现在针对网店有很多的搜索引擎优化的方法,但是基于网页本身的这种最基础而且直接有效的的优化方式是易趣卖家绝对不应该忽视的。
 
 
    3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。虽然易趣的店铺涉及不到城百上千的店铺,但是即使只有4、5个页面能够迅速的修改完成也是一种效率的提高。

    4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题,改变字体颜色,字体样式等等。

    5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。

    6.提高易用性。使用CSS可以结构化HTML,例如:<p>标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

    7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。

   8.更好的控制页面布局。
 

    9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。

    10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking),这对易趣卖家来说绝对是个利好。

    11.Table 布局灵活性不大,你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。

    12.Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。

    13.在几乎所有的浏览器上都可以使用。要知道,不是所有的人都在使用垃圾IE,现在更多的人都在使用更加高端,更符合互联网标注的浏览器,如firefox、opera和safari等,易趣的卖家千万不要因为页面浏览出现问题而丢失这些重要的客户。

    14.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面,这也是为什么我会强烈推荐使用div+css,要知道单靠图片拼接出来的页面加载速度过慢,会使客户失去等待的耐心,从而转到其它卖家那里。
    15.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多