Responsive Site Designer是一款響應(yīng)式網(wǎng)站設(shè)計(jì)軟件，使用這款軟件可以對(duì)網(wǎng)頁(yè)頁(yè)面的文本代碼進(jìn)行編輯，可以用來(lái)創(chuàng)建炫酷的交互式組件，能夠幫助您制作一個(gè)精美華麗的網(wǎng)站。

軟件介紹

Responsive Site Designer擁有強(qiáng)大的文本編輯器編寫(xiě)，粘貼或編輯文本功能，讓你對(duì)自己的網(wǎng)站進(jìn)行編輯和布局，優(yōu)化你的網(wǎng)站構(gòu)架，支持拖放內(nèi)容元素，如標(biāo)題，圖像，按鈕，圖標(biāo)等，對(duì)網(wǎng)站進(jìn)行進(jìn)一步的美化。

軟件功能

1、拖放內(nèi)容元素，如標(biāo)題，圖像，按鈕，圖標(biāo)等

2、在項(xiàng)目資源庫(kù)中組織圖像和其他資產(chǎn)

3、設(shè)計(jì)與懸停，活動(dòng)和按下?tīng)顟B(tài)控件的交互創(chuàng)建強(qiáng)大的3D效果，使網(wǎng)站活躍起來(lái)……

4、使用直觀，功能強(qiáng)大的文本編輯器編寫(xiě)，粘貼或編輯文本

5、無(wú)限制的網(wǎng)站項(xiàng)目，每個(gè)頁(yè)面最多50個(gè)(現(xiàn)在)頁(yè)面

6、全范圍視口涓塊-在應(yīng)用程序中以任何可能的寬度查看和處理設(shè)計(jì)。

7、具有相應(yīng)媒體查詢(xún)的移動(dòng)優(yōu)先和桌面下行工作流程

8、行可以被約束到特定寬度或全寬度以吸引視覺(jué)(背景)效果

9、為SEO或插件添加元數(shù)據(jù)和其他頭(或頁(yè)腳)代碼

10、導(dǎo)出可以上傳到任何服務(wù)器的干凈，語(yǔ)義，HTML和CSS(包括任何添加的插件)

軟件特色

1、使用Bootstrap和Foundation的強(qiáng)大功能

數(shù)百萬(wàn)設(shè)計(jì)人員和開(kāi)發(fā)人員使用CSS框架。Bootstrap 3和4，F(xiàn)oundation 6和Materialize是最受歡迎的。使用這些經(jīng)過(guò)良好測(cè)試的框架進(jìn)行設(shè)計(jì)具有許多優(yōu)點(diǎn)。

他們使用經(jīng)常維護(hù)和更新的組織良好的HTML，CSS和Javascript。此外，它們?cè)试S創(chuàng)建很酷的交互式組件，如dropups，導(dǎo)航蒸單，畫(huà)廊等，而無(wú)需與額外的腳本搏斗-甜蜜!

2、允許您在任何需要的地方進(jìn)行設(shè)計(jì)和布局更改，斷點(diǎn)確實(shí)是響應(yīng)式設(shè)計(jì)的秘密武器。通過(guò)這個(gè)革命性的應(yīng)用程序，他們可以創(chuàng)建和管理。

3、通過(guò)V3飆升到新的水平

這一大規(guī)模更新為功能強(qiáng)大的Bootstrap 3(和4)，F(xiàn)oundation 6和Materialize前端框架提供了可視化界面。我們還添加了已經(jīng)備受好評(píng)的組件庫(kù)-輕松地自己發(fā)布并在項(xiàng)目中重復(fù)使用它們。甚至更好，很快你就可以從一大堆超酷的預(yù)制組件中進(jìn)行選擇，例如響應(yīng)式導(dǎo)航，畫(huà)廊，視頻背景，框架組件等等。

在V3中還有內(nèi)容同步符號(hào)，令人敬畏的動(dòng)畫(huà)(易于制作)，圖像濾鏡和混合，付款按鈕，以及眾多令人印象深刻的新設(shè)計(jì)控件。

4、使用Flexbox進(jìn)行設(shè)計(jì)

Flexbox太棒了!只需輕按按鈕即可對(duì)齊，堆疊或重新排序元素。它是一個(gè)偉大的工具，應(yīng)該成為任何響應(yīng)式設(shè)計(jì)工縣包的一部分。

5、您喜愛(ài)的設(shè)計(jì)工作流程

指定每個(gè)元素的默認(rèn)樣式。然后使用您自己的類(lèi)來(lái)創(chuàng)建設(shè)計(jì)變體。通過(guò)單個(gè)編輯更改每個(gè)元素類(lèi)型，類(lèi)或ID的站點(diǎn)屬性。

變化的變化怎么樣?在多級(jí)系統(tǒng)有你的背部，導(dǎo)致設(shè)計(jì)創(chuàng)意，你不能在其他地方出現(xiàn)的生產(chǎn)率。

6、現(xiàn)場(chǎng)設(shè)計(jì)-清潔代碼

直接在瀏覽器中工作不僅可以創(chuàng)建獨(dú)特的實(shí)時(shí)設(shè)計(jì)體驗(yàn)，還可以使代碼具有語(yǔ)義和清晰。不需要(令人困惑的)代碼生成，CSS3直接寫(xiě)入真實(shí)的樣式表，從而產(chǎn)生簡(jiǎn)潔易懂的規(guī)則。

插入的HTML元素是基于標(biāo)準(zhǔn)的。可以通過(guò)兩次簡(jiǎn)單的點(diǎn)擊切換標(biāo)簽，以使用像和那樣的語(yǔ)義HTML5元素，從而產(chǎn)生標(biāo)記良好的頁(yè)面并向搜索引擎?zhèn)鬟_(dá)意義。

7、從紙質(zhì)草圖到生產(chǎn)服務(wù)器

跳過(guò)靜態(tài)Photoshop或矢量設(shè)計(jì)應(yīng)用程序。使用真實(shí)的HTML元素和自適應(yīng)網(wǎng)格直接在瀏覽器中創(chuàng)建。使用CSS3的全部功能和直觀的工具。

使用易于管理的自定義媒體查詢(xún)?yōu)樗性O(shè)備進(jìn)行設(shè)計(jì)。在生產(chǎn)環(huán)境(瀏覽器)中看到和感受網(wǎng)站的發(fā)展是現(xiàn)代網(wǎng)絡(luò)的方式。

8、適合任何設(shè)備的自定義布局

只需單擊一下即可添加行和內(nèi)容容器。在自定義斷點(diǎn)處切換列跨度以為較小的屏幕創(chuàng)建定制的布局。如果您先設(shè)計(jì)移動(dòng)設(shè)備，或者在布局之間創(chuàng)建定制的平板電腦，筆記本電腦，桌面和所有內(nèi)容。

您甚至可以使用子網(wǎng)格和容器嵌套來(lái)實(shí)現(xiàn)更精確的布局控制。拉伸行，停止浮動(dòng)，更改顯示屬性，約束高度……這個(gè)應(yīng)用程序擁有一切

9、集成的Web Inspector

Web檢查器多年來(lái)一直是前端開(kāi)發(fā)人員不可或缺的工具，我們?cè)赟ite Designer中提供了它。使用檢查器查看或更改(拖放)元素在DOM樹(shù)中的位置?；蛘邔?shù)懸停在樹(shù)上以查看每個(gè)元素的輪廓。