为毕业季的过来人，每年拍毕业照，校园门口都摆满了鲜花，一天下来，校门口一片狼藉。

其实，无论是学生党还是小贩卖花，我们大可选择一个更方便的方式，就是做一个鲜花网上商城。下面以nicebox为例，给大家讲解一下怎么搭建一个鲜花商城。

首先，你要有一个建站宝盒，注册完成后直接登录后台，选择喜欢的网站模板。里面专门针对鲜花的模板不多，但是，其他类型的模板一样能修改成鲜花商城的，真的选起来，上千套呢。选好后直接安装就好了。

安装后显示的是一个模板网站，我们要开始进行修改了。第一步当然要把最抢眼的轮播图片改成我们自己想要的。

接着，是导航栏修改。这套模板中，有横向和竖向两个导航栏，记得要全部修改哦！

栏目修改后，里面的宝贝也要修改。模板网站中有上百个宝贝，大家可以根据实际修改或者删除一些不必要的。

下面以一束满天星为例，说说怎么修改。

改完描述，还要修改宝贝的运费和包装方式、购买支付方式。

为了让自己的宝贝更吸引人，大家在修改宝贝描述的时候一定要用心哦。按照上面的修改，预览宝贝页面是这样的，因为时间关系，有些项目还没有改过来。

大家可以按照上面的方式继续增加宝贝。

一个栏目改好后，要想修改不同的栏目，要先预览网站，选中要编辑的栏目页面再进行修改。比如要修改婚礼季栏目下的鲜花：

所有东西都修改后，我们就能预览自己做的网站了。

预览没问题后，选择发布。

做好一个商城就这么简单，完全没有涉及代码，非常适合普通的卖家使用。校门口卖花不仅破坏环境卫生，售卖区域限制也比较大，很多学校是禁止商贩在校门口卖东西的。方便快捷的网销方式，大家不妨试试。

做鲜花网站：http://www.iisp.com/design/?s=yuqiuping

TML5响应式网站能在不同尺寸和分辨率屏幕间自由切换，并保证用户拥有统一的视觉体验，可谓当前企业建站领域的“当红炸子鸡”。模板建站虽然能快速搭建响应式网站，但也不免网站雷同。响应式建站定制服务无疑给企业建站提供了更多选择，也为网络营销提供了更多的可能性。下面给大家分享一个鲜花、礼品、工艺品类HTML5响应式网站定制案例。

案例网站地址： http://www.djw.net.cn/

Pc端主要页面效果展示：

1、网站首页：

2、分销页面

3、网站信息页

手机端效果展示：

HTML5响应式网站定制：http://www.iisp.com/design/h5custom/?s=yuqiuping

书将当前Web 设计中热门的响应式设计技术与HTML5 和CSS3 结合起来，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。书中不仅讨论了媒体查询、弹性布局、响应式图片，更将最新和最有用的HTML5 和CSS3 技术一并讲解，是学习最新Web 设计技术不可多得的佳作。

本书特色：

随着移动设备的普及，用户上网的方式发生了巨大变化，无论从样式还是可用性来讲，只适合桌面显示器的网站已经过时了。如今，在设计网站的时候必须同时考虑多种屏幕尺寸和用户体验。如果网站对你或你的客户品牌非常重要，那么实现响应式设计就是当务之急。

“响应式和移动优先”的设计理念，可以确保无论使用什么设备都可以正常访问你的网站。在这一理念的指导下，本书围绕实战案例，全面讲解了与响应式设计相关的现代Web技术，堪称一部“响应式设计大全”。

这一版根据最新的Web设计趋势进行了更新，展示了实现现代响应式设计最有效的方式，涵盖了创建优秀的响应式设计所必需的全部最新技术和工具。掌握了这些内容，你设计的网站不仅可以适应当下，更可以顺应未来。

- 理解响应式设计，以及为何它对现代Web设计如此重要

- 清晰、高效地编写富有语义的HTML5标记

- 使用CSS3媒体查询基于设备应用不同的样式，了解媒体查询的最新进展

- 根据不同的屏幕大小、分辨率和使用环境加载不同的图片

- 掌握表单处理，使用HTML5标记添加日期选择器、范围滑块等交互控件

- 在响应式设计里使用SVG提供分辨率无关的图片，修改SVG并添加动画效果

- 使用CSS最新的特性，如自定义字体、nth-child选择符、自定义属性及CSS calc

<亚马逊读者评论>

(1)“看完这本书，我觉得时间花得太值了。书中满是关于响应式Web设计的高质量信息，保证不会让你失望。”

(2)“读这本书可以说是一种享受。过去几周，我一直把研读这本书作为工作之余的最大乐趣。不管是提升技术水平，还是一窥Web设计的奥秘，这本书都非常合适。它将成为我手边必备的参考书。”

(3)“这本书的作者应该是我看过的书里思路最清晰的一位了，所有技术点在他笔下依次呈现，纷至沓来，读后有如醍醐灌顶。程序员特有的幽默不时闪现，却从不喧宾夺主。”

如果对这本书感兴趣，可以私信回复“响应式web设计”领取。