響應(yīng)式HTML設(shè)計(jì)師CoffeeCup Responsive Site Designer是一款專業(yè)級(jí)的網(wǎng)站編程軟件,排名第一的響應(yīng)式網(wǎng)站設(shè)計(jì)師。使用Bootstrap和Foundation框架進(jìn)行可視化設(shè)計(jì),不會(huì)編繪語(yǔ)言也可以自己做網(wǎng)站,有需要的小伙伴歡迎下載。
關(guān)于CoffeeCup:
有一天,在與客戶聊天關(guān)于創(chuàng)建和更新網(wǎng)站時(shí),一個(gè)簡(jiǎn)單而強(qiáng)大的HTML編輯器的想法誕生了。我們想要?jiǎng)?chuàng)建一個(gè)漂亮的軟件,讓像我們這樣的人輕松構(gòu)建網(wǎng)站。其中一位常客是一位程序員,他開(kāi)始研究我們現(xiàn)在著名的HTML編輯器的第一個(gè)版本。該應(yīng)用程序于1996年8月在www.coffeecup.com域名上首次亮相網(wǎng)絡(luò)歷史。該軟件一炮打響!來(lái)自世界各地的人們正在下載該計(jì)劃并向我們發(fā)送他們的贊譽(yù)。
建立網(wǎng)絡(luò)軟件證明是非常有趣的,我們迫不及待地開(kāi)發(fā)更多的網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)品。我們開(kāi)始集成FTP和編輯器功能,從而誕生了直接FTP。后來(lái)我們發(fā)布了世界上第一個(gè)使用Flash,XML,PHP和Delphi技術(shù)混合創(chuàng)建軟件的Web表單。2011年,隨著移動(dòng)設(shè)備的使用量不斷增加,應(yīng)用程序被重建為符合Web標(biāo)準(zhǔn)(又稱用HTML和CSS替換Flash)。
在過(guò)去的17年里,我們已經(jīng)將美國(guó)辦事處搬遷了幾次,成立了歐洲辦事處和國(guó)際發(fā)展部門。2008年,我們將總部遷至熱情的亞特蘭大市(去了勇士隊(duì)。。我們通過(guò)將其集成到我們的軟件中簡(jiǎn)化了Web托管,設(shè)置了易于使用的Web表單托管和處理服務(wù),并啟動(dòng)了搜索引擎優(yōu)化Web服務(wù)(現(xiàn)在由Website Insight取代)。是的,我們還創(chuàng)建了超過(guò)35個(gè)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用程序,由90多個(gè)不同國(guó)家的優(yōu)秀人員購(gòu)買,并免費(fèi)提供一堆。你能看到我們喜歡網(wǎng)絡(luò)嗎?
軟件特點(diǎn):
使用Bootstrap的功能和基礎(chǔ)
CSS框架被數(shù)百萬(wàn)設(shè)計(jì)人員和開(kāi)發(fā)人員使用。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)航菜單,畫廊等,而無(wú)需與額外的腳本搏斗 - 甜蜜!
軟件功能:
自定義斷點(diǎn)
讓您可以隨時(shí)隨地進(jìn)行設(shè)計(jì)和布局更改,斷點(diǎn)確實(shí)是響應(yīng)式設(shè)計(jì)的秘密武器。通過(guò)這個(gè)革命性的應(yīng)用程序,他們可以創(chuàng)建和管理。
魔術(shù)滑塊
使用方便的視口滑塊以每種可能的顯示寬度檢查您的創(chuàng)建。任何時(shí)候某些東西看起來(lái)都不是最好的,可以選擇一個(gè)強(qiáng)大的斷點(diǎn)來(lái)優(yōu)化布局或設(shè)計(jì)。
使用Flexbox
Flexbox進(jìn)行設(shè)計(jì)非常棒!只需輕按按鈕即可對(duì)齊,堆疊或重新排序元素。它是一個(gè)偉大的工具,應(yīng)該成為任何響應(yīng)式設(shè)計(jì)工具包的一部分。要了解更多信息并使用真實(shí)設(shè)計(jì)示例,請(qǐng)獲取我們的免費(fèi)交互式Flexbox指南。
您喜歡的設(shè)計(jì)工作流程
指定每個(gè)元素的默認(rèn)樣式。然后使用您自己的類來(lái)創(chuàng)建設(shè)計(jì)變體。通過(guò)單個(gè)編輯更改每個(gè)元素類型,類或ID的站點(diǎn)屬性。變化的變化怎么樣?多級(jí)系統(tǒng)讓您擁有自己的后背,從而實(shí)現(xiàn)您無(wú)法在其他地方體驗(yàn)到的設(shè)計(jì)創(chuàng)意和生產(chǎn)力。
實(shí)時(shí)設(shè)計(jì) - 清潔代碼
直接在瀏覽器中工作不僅可以創(chuàng)建獨(dú)特的實(shí)時(shí)設(shè)計(jì)體驗(yàn),還可以使代碼具有語(yǔ)義和清晰。不需要(令人困惑的)代碼生成,CSS3直接寫入真實(shí)的樣式表,從而產(chǎn)生簡(jiǎn)潔易懂的規(guī)則。插入的HTML元素是基于標(biāo)準(zhǔn)的?梢酝ㄟ^(guò)兩次簡(jiǎn)單的點(diǎn)擊切換標(biāo)簽,以使用語(yǔ)義HTML5元素,如<nav>和<header>,從而產(chǎn)生標(biāo)記良好的頁(yè)面并向搜索引擎?zhèn)鬟_(dá)意義。
前所未有的設(shè)計(jì)控制
直觀的控制功能可以訪問(wèn)CSS提供的所有設(shè)計(jì)功能。沒(méi)有繁瑣的代碼編輯,創(chuàng)建和實(shí)驗(yàn)自然而然。選擇,單擊,指向,選擇和滾動(dòng)以創(chuàng)建不在此世界中的網(wǎng)站和頁(yè)面。證據(jù)?聽(tīng)聽(tīng)客戶的意見(jiàn),并驚嘆于他們的杰作。
在筆記本電腦上設(shè)計(jì)寬屏幕
縮小以查看更多信息。查看頁(yè)面在比您正在使用的屏幕寬得多的顯示器上的樣子。您還可以通過(guò)同時(shí)查看頁(yè)面的更多高度來(lái)獲得更好的頁(yè)面流感 - 甜蜜!
從紙質(zhì)草圖到生產(chǎn)服務(wù)器
跳過(guò)靜態(tài)Photoshop或矢量設(shè)計(jì)應(yīng)用程序。使用真實(shí)的HTML元素和自適應(yīng)網(wǎng)格直接在瀏覽器中創(chuàng)建。使用CSS3的全部功能和直觀的工具。使用易于管理的自定義媒體查詢?yōu)樗性O(shè)備進(jìn)行設(shè)計(jì)。在生產(chǎn)環(huán)境(瀏覽器!)中看到和感受網(wǎng)站的發(fā)展是現(xiàn)代網(wǎng)絡(luò)的方式。
拯救地球 - 使用<picture>
在移動(dòng)設(shè)備和電話網(wǎng)絡(luò)中,圖像通常是網(wǎng)站性能的主要瓶頸。使用<picture>元素,可以為移動(dòng)用戶提供優(yōu)化或更小版本的圖像。
適合任何設(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)用程序擁有一切!
集成的Web檢查器
Web檢查器多年來(lái)一直是前端開(kāi)發(fā)人員不可或缺的工具,我們?cè)赟ite Designer中提供了它。使用檢查器查看或更改(拖放)元素在DOM樹(shù)中的位置;蛘邔(shù)懸停在樹(shù)上以查看每個(gè)元素的輪廓。
過(guò)渡和效果
使用CSS3屬性(如平移,旋轉(zhuǎn)和傾斜)來(lái)創(chuàng)建強(qiáng)大的視覺(jué)效果。在任何元素和沒(méi)有圖形編輯器。轉(zhuǎn)換可以平滑在不同狀態(tài)上定義的值更改。在懸停圖像或按下按鈕時(shí)吸引注意力并給訪客留下深刻印象。移動(dòng)它,移動(dòng)它,你必須移動(dòng)它!通過(guò)視圖中的動(dòng)畫激發(fā)訪問(wèn)者的興趣。只需在可以看到元素之前調(diào)整位置,大小,可見(jiàn)性等,以及達(dá)到元素正常狀態(tài)所需的時(shí)間。完成!
系統(tǒng)要求:
- Windows 10 32/64位
- Windows 8 32/64位
- Windows 7 32/64位
- Windows Vista 32/64位
發(fā)行說(shuō)明:
•與其他所有MacOS程序一樣,您現(xiàn)在可以使用退格鍵作為刪除元素的另一種方法!
•包含樣式化地址元素的項(xiàng)目將停留在加載屏幕上。經(jīng)過(guò)一些修改后,所有項(xiàng)目現(xiàn)在應(yīng)該正常加載。