為畢業(yè)季的過來人，每年拍畢業(yè)照，校園門口都擺滿了鮮花，一天下來，校門口一片狼藉。

其實，無論是學(xué)生黨還是小販賣花，我們大可選擇一個更方便的方式，就是做一個鮮花網(wǎng)上商城。下面以nicebox為例，給大家講解一下怎么搭建一個鮮花商城。

首先，你要有一個建站寶盒，注冊完成后直接登錄后臺，選擇喜歡的網(wǎng)站模板。里面專門針對鮮花的模板不多，但是，其他類型的模板一樣能修改成鮮花商城的，真的選起來，上千套呢。選好后直接安裝就好了。

安裝后顯示的是一個模板網(wǎng)站，我們要開始進行修改了。第一步當然要把最搶眼的輪播圖片改成我們自己想要的。

接著，是導(dǎo)航欄修改。這套模板中，有橫向和豎向兩個導(dǎo)航欄，記得要全部修改哦！

欄目修改后，里面的寶貝也要修改。模板網(wǎng)站中有上百個寶貝，大家可以根據(jù)實際修改或者刪除一些不必要的。

下面以一束滿天星為例，說說怎么修改。

改完描述，還要修改寶貝的運費和包裝方式、購買支付方式。

為了讓自己的寶貝更吸引人，大家在修改寶貝描述的時候一定要用心哦。按照上面的修改，預(yù)覽寶貝頁面是這樣的，因為時間關(guān)系，有些項目還沒有改過來。

大家可以按照上面的方式繼續(xù)增加寶貝。

一個欄目改好后，要想修改不同的欄目，要先預(yù)覽網(wǎng)站，選中要編輯的欄目頁面再進行修改。比如要修改婚禮季欄目下的鮮花：

所有東西都修改后，我們就能預(yù)覽自己做的網(wǎng)站了。

預(yù)覽沒問題后，選擇發(fā)布。

做好一個商城就這么簡單，完全沒有涉及代碼，非常適合普通的賣家使用。校門口賣花不僅破壞環(huán)境衛(wèi)生，售賣區(qū)域限制也比較大，很多學(xué)校是禁止商販在校門口賣東西的。方便快捷的網(wǎng)銷方式，大家不妨試試。

做鮮花網(wǎng)站：http://www.iisp.com/design/?s=yuqiuping

TML5響應(yīng)式網(wǎng)站能在不同尺寸和分辨率屏幕間自由切換，并保證用戶擁有統(tǒng)一的視覺體驗，可謂當前企業(yè)建站領(lǐng)域的“當紅炸子雞”。模板建站雖然能快速搭建響應(yīng)式網(wǎng)站，但也不免網(wǎng)站雷同。響應(yīng)式建站定制服務(wù)無疑給企業(yè)建站提供了更多選擇，也為網(wǎng)絡(luò)營銷提供了更多的可能性。下面給大家分享一個鮮花、禮品、工藝品類HTML5響應(yīng)式網(wǎng)站定制案例。

案例網(wǎng)站地址： http://www.djw.net.cn/

Pc端主要頁面效果展示：

1、網(wǎng)站首頁：

2、分銷頁面

3、網(wǎng)站信息頁

手機端效果展示：

HTML5響應(yīng)式網(wǎng)站定制：http://www.iisp.com/design/h5custom/?s=yuqiuping

書將當前Web 設(shè)計中熱門的響應(yīng)式設(shè)計技術(shù)與HTML5 和CSS3 結(jié)合起來，為讀者全面深入地講解了針對各種屏幕大小設(shè)計和開發(fā)現(xiàn)代網(wǎng)站的各種技術(shù)。書中不僅討論了媒體查詢、彈性布局、響應(yīng)式圖片，更將最新和最有用的HTML5 和CSS3 技術(shù)一并講解，是學(xué)習(xí)最新Web 設(shè)計技術(shù)不可多得的佳作。

本書特色：

隨著移動設(shè)備的普及，用戶上網(wǎng)的方式發(fā)生了巨大變化，無論從樣式還是可用性來講，只適合桌面顯示器的網(wǎng)站已經(jīng)過時了。如今，在設(shè)計網(wǎng)站的時候必須同時考慮多種屏幕尺寸和用戶體驗。如果網(wǎng)站對你或你的客戶品牌非常重要，那么實現(xiàn)響應(yīng)式設(shè)計就是當務(wù)之急。

“響應(yīng)式和移動優(yōu)先”的設(shè)計理念，可以確保無論使用什么設(shè)備都可以正常訪問你的網(wǎng)站。在這一理念的指導(dǎo)下，本書圍繞實戰(zhàn)案例，全面講解了與響應(yīng)式設(shè)計相關(guān)的現(xiàn)代Web技術(shù)，堪稱一部“響應(yīng)式設(shè)計大全”。

這一版根據(jù)最新的Web設(shè)計趨勢進行了更新，展示了實現(xiàn)現(xiàn)代響應(yīng)式設(shè)計最有效的方式，涵蓋了創(chuàng)建優(yōu)秀的響應(yīng)式設(shè)計所必需的全部最新技術(shù)和工具。掌握了這些內(nèi)容，你設(shè)計的網(wǎng)站不僅可以適應(yīng)當下，更可以順應(yīng)未來。

- 理解響應(yīng)式設(shè)計，以及為何它對現(xiàn)代Web設(shè)計如此重要

- 清晰、高效地編寫富有語義的HTML5標記

- 使用CSS3媒體查詢基于設(shè)備應(yīng)用不同的樣式，了解媒體查詢的最新進展

- 根據(jù)不同的屏幕大小、分辨率和使用環(huán)境加載不同的圖片

- 掌握表單處理，使用HTML5標記添加日期選擇器、范圍滑塊等交互控件

- 在響應(yīng)式設(shè)計里使用SVG提供分辨率無關(guān)的圖片，修改SVG并添加動畫效果

- 使用CSS最新的特性，如自定義字體、nth-child選擇符、自定義屬性及CSS calc

<亞馬遜讀者評論>

(1)“看完這本書，我覺得時間花得太值了。書中滿是關(guān)于響應(yīng)式Web設(shè)計的高質(zhì)量信息，保證不會讓你失望。”

(2)“讀這本書可以說是一種享受。過去幾周，我一直把研讀這本書作為工作之余的最大樂趣。不管是提升技術(shù)水平，還是一窺Web設(shè)計的奧秘，這本書都非常合適。它將成為我手邊必備的參考書。”

(3)“這本書的作者應(yīng)該是我看過的書里思路最清晰的一位了，所有技術(shù)點在他筆下依次呈現(xiàn)，紛至沓來，讀后有如醍醐灌頂。程序員特有的幽默不時閃現(xiàn)，卻從不喧賓奪主。”

如果對這本書感興趣，可以私信回復(fù)“響應(yīng)式web設(shè)計”領(lǐng)取。