CoffeeCup Responsive Site Designer是一款非常專業的網頁設計制作軟件，其簡稱為Site Designer。它能夠為網頁設計者提供更多更全面的響應式設計解決方案。這款軟件沒有能夠讓您在沒有特定的代碼控件下發貨你該有的創造力，并且您你能夠在實時瀏覽器環境中利用拖放工作流進行構建，然后使用可點擊的控件以超快的速度設置內容的樣式。Site Designer利用CSS框架的強大功能和CSS Grid的靈活性讓您在設計中能夠更好地發揮出自己想要的效果。
Site Designer適合各類人群使用，對于精通代碼的設計人員和前端開發人員將受益于直觀，快速的工作流程，可以進行更多的實驗和設計迭代。這導致更短的周轉時間和/或更真實，獨特的場地設計。較少（或沒有）代碼精明的設計師不會因編碼細節而陷入困境。使用可視化CSS控件的重點是內容和體驗設計，而不是搜索和調整代碼片段。對于沒有經驗的用戶來說，Site Designer是學習CSS和使用Foundation，Bootstrap和Materialize進行設計的絕佳工具。視覺設計控件與實時預覽相結合，提供了出色的反饋機制，有助于理解添加或更改CSS代碼的效果。但是，與具有CSS經驗的人相比，使用此應用程序可能需要更多時間才能啟動和運行。歡迎有需要的朋友下載體驗！

CoffeeCup Responsive Site Designer特色

1、一個全新的用戶界面
基于社區反饋，我們開始著手解決可見性問題并更新UI。它收到的令人驚嘆的改造使其更清晰，更容易導航，幫助您比以往更快地制作頁面。
CSS過濾器和混合模式
動態更改顏色，調整較小顯示器的設置，并使用交互式效果和過渡響應用戶。這些技術將您的網站帶到另一個層次！
2、無代碼設計工作流程
選擇，單擊，指向，選擇和滾動以創建不在此世界中的網站和頁面。使用無代碼的CSS控件，您可以專注于設計，同時我們會處理代碼。您可以自由探索新穎的外觀并嘗試獨特的布局。
3、比legos好
使用組件庫忘記重復的設計工作并加快生產時間。保存并重用其他項目中的項目。
CSS框架提供了一種優雅的方式來構建導航菜單，手風琴，酷炫的選項卡面板，模態對話框等等。構建一次，隨時使用！
4、語義和清潔代碼
在實時瀏覽器環境中構建可以讓您的創造力蓬勃發展，因為您不會因為代碼語法而陷入困境。將為您生成干凈的語義代碼。CSS3直接寫入真實的樣式表，從而產生無膨脹，易于解釋的規則。
可用的HTML元素是基于標準的。可以通過兩次簡單的點擊切換標簽，以使用語義HTML5元素，如和，從而產生標記良好的頁面并向搜索引擎傳達意義。
5、導出到CodePen
熟練的用戶會喜歡將元素的標記導出到CodePen的能力。這樣您就可以在CMS或其他地方使用它，而無需完全導出。
6、同步它！
在整個項目中保持公共物品的完美和諧。這可以確保您的頁腳，導航，徽標和其他任何內容在編輯時保持同步。
我們在這里談論節省時間。

軟件功能

一、統治你的內容：
填充白色畫布從未如此簡單。
1、組件
使用組件庫可以省去重復的設計工作，并縮短生產時間。保存并重復使用其他項目中的項目。
2、符號
將導航欄，頁腳，注冊表單等轉換為符號，您可以通過一次編輯在整個網站上進行更改。
3、元素
用HTML5提供的所有內容填充空白畫布。拖入原始元素并根據需要設置其樣式。
4、檢驗員
檢查器為您提供了頁面內容的詳盡概述。搜索術語以深入到元素級別，然后查看CSS標記。
5、自定義代碼
在或頁面的任何位置使用javascript和CSS樣式表。全屏欣賞我們的代碼編輯器對話框。
二、適合您的內容：
使您的項目對任何設備或瀏覽器負責。
1、CSS網格
通過調整列和行并跨元素來創建無縫布局，使設計栩栩如生。不見不散。
2、彈性盒
輕按按鈕即可對齊，堆疊或重新排序元素。這是一種非凡的工具，應該成為任何響應式設計工具包的一部分。
3、自定義斷點
在任何像素寬度下均可享受自定義斷點的自由。讓您的內容決定所需的位置，并完全控制任何屏幕設備。
4、設備視圖
輕松預覽各種現代設備。您可以將任何屏幕尺寸添加到設備列表中。您還可以在任何瀏覽器上快速預覽。
5、后備能力
針對最廣泛的瀏覽器支持進行設計，并針對支持最新和最強大的CSS屬性的瀏覽器進行增強。
三、免代碼設計流程：
選擇，單擊，指向，選擇和滾動以創建世界之外的網站和頁面。使用無代碼的CSS控件，您可以專注于設計，而我們會處理代碼。
1、創建可重用的CSS類
與基于CSS的類系統一起使用，可以同時在多個元素之間進行樣式更改。
2、版式
可以訪問完整的Google字體庫。編輯印刷參數，例如行高，字距調整，跟蹤，權重等等。
3、CSS過濾器和混合模式
跳過照片編輯工具，直接在頁面畫布上工作。應用獨特的混合模式和效果，例如重疊，柔和的光線或乘法以創建自己的品牌形象。
4、顏色
使用選擇器或滾輪選擇任何顏色，創建調色板并在項目中共享它們。
四、導出您的內容：
直接發布到網絡上，或交出干凈的代碼。
1、發布
將您的網站置于網上從未如此簡單。發布到世界一流的托管堆棧，該堆棧可以處理您向其拋出的所有流量，并始終通過HTTPS連接進行保護。
2、導出清潔代碼
導出干凈，語義和W3C兼容的代碼。一次單擊即可從硬盤驅動器獲取HTML和CSS，JavaScript，圖像和其他資源。
導出干凈的，符合語義且符合W3C的代碼
3、提升您的SEO
為SEO或插件添加元數據和其他頭（或尾）代碼。還要激活結構化數據工作流程，以為Google和其他搜索引擎標記您的內容。
提升您的SEO添加結構數據
4、在CodePen中查看
熟練的用戶會喜歡將元素的標記導出到CodePen的功能。這樣，您可以將其與CMS或其他地方一起使用，而無需進行完整的導出。