Pinegrow Web Editor Mac版是一款Mac平臺(tái)上的可視化網(wǎng)頁(yè)開(kāi)發(fā)工具，其為用戶提供了完全所見(jiàn)所得的編輯面板，加上豐富的編輯與設(shè)計(jì)工具，從而能夠?yàn)橛脩籼峁┮惶淄晟频木W(wǎng)頁(yè)開(kāi)發(fā)方案，輕松的為用戶完成網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)開(kāi)發(fā)、Bootstrap開(kāi)發(fā)等等，值得一提的是，這款工具其在設(shè)計(jì)上與操作性上更加符合用戶的操作習(xí)慣，能夠極大的提升用戶的網(wǎng)頁(yè)項(xiàng)目開(kāi)發(fā)的效率，有需要的用戶趕緊來(lái)下載吧！

軟件功能

　　Pinegrow Web Editor以極快的速度構(gòu)建網(wǎng)站

　　一款桌面應(yīng)用程序，可以讓你更快地建立起響應(yīng)性的網(wǎng)站，使用多頁(yè)編輯、CSS樣式和智能組件，用于引導(dǎo)、基礎(chǔ)、AngularJS和WordPress。

　　使用拖放的方式設(shè)計(jì)你自己的網(wǎng)頁(yè)，同時(shí)在多個(gè)頁(yè)面上工作，并使用這個(gè)高級(jí)網(wǎng)頁(yè)設(shè)計(jì)師編輯HTML代碼

　　Pinegrow Web Editor是一種用戶友好和直觀的軟件解決方案，它為您提供了創(chuàng)建網(wǎng)站、支持多頁(yè)面編輯操作和允許您打開(kāi)任何HTML文件的簡(jiǎn)單方法。您可以從頭開(kāi)始或者以預(yù)先存在的模板為基礎(chǔ)進(jìn)行設(shè)計(jì)。

　　這個(gè)程序非常容易理解和處理，但它確實(shí)需要web設(shè)計(jì)知識(shí)，以便從它的功能中得到充分的好處。它的特點(diǎn)是一個(gè)“Lib”，你可以把所有的東西拖放到你正在創(chuàng)建的網(wǎng)頁(yè)上，并定制它們來(lái)匹配你的設(shè)計(jì)。

　　“自由”包含了許多有用的東西,比如“網(wǎng)格”(“容器”、“行”、“列”,等等),“按鈕”(“按鈕”,“圖像”,“脫字符號(hào)”,和其他人),文本和圖像的(“頁(yè)眉”、“錨”,“縮寫”、“Glyphicon”,等等),“UI元素”(如“標(biāo)簽”,“徽章”,“進(jìn)度條”,“媒體”、“小組”,等等),“列表”(“列表項(xiàng)”,“描述表”,“描述詞”),“表”(“表”,表的標(biāo)題,“表體”,“表行”和其他人),“代碼”,“形式”(“輸入組”、“選擇”、“靜態(tài)組”,“廣播”,“復(fù)選框”、“文本區(qū)域”)或“導(dǎo)航”(“導(dǎo)航欄”、“標(biāo)簽”,“分頁(yè)”,“面包屑”)。

　　此外，具有更復(fù)雜功能的對(duì)象可以從它們自己的“操作”菜單中進(jìn)一步調(diào)整。Pinegrow Web Designer的“Prop”選項(xiàng)卡允許您修改每個(gè)元素屬性的某些方面。如果某個(gè)特定的更改不像您預(yù)期的那樣，您可以使用“撤銷”函數(shù)刪除它。

　　此外，從Pinegrow網(wǎng)頁(yè)設(shè)計(jì)師的“CSS”部分，你可以手動(dòng)修改或刪除各種條目的“規(guī)則”，而“表單管理器”允許你“復(fù)制”、“重命名”或“刪除”CSS文件，并附上或?qū)⑵鋸腍TML中分離出來(lái)。

　　Pinegrow Web Editor是一個(gè)可靠的工具，它提供了無(wú)數(shù)的高級(jí)選項(xiàng)和特性，可以幫助您創(chuàng)建令人印象深刻的Web頁(yè)面，并有最少的工作量。

軟件特色

　　在桌面上打開(kāi)HTML文件

　　Pinegrow允許您在計(jì)算機(jī)上處理HTML文件。它不會(huì)向您的代碼添加任何框架、布局或樣式。沒(méi)有任何東西可以上傳、導(dǎo)入或?qū)С?。?jiǎn)單地打開(kāi)，編輯和保存你的HTML文件。

　　Pinegrow與其他框架一起工作

　　加速使用HTML

　　用Pinegrow強(qiáng)大的可視化工具快速構(gòu)建頁(yè)面布局，用于添加、編輯、移動(dòng)、克隆和刪除HTML元素。

　　Pinegrow與其他框架一起工作

　　編輯

　　你在Pinegrow做的一切都是活的。沒(méi)有預(yù)覽。您可以同時(shí)編輯和測(cè)試您的頁(yè)面——即使您使用的是動(dòng)態(tài)JavaScript元素。

　　Pinegrow與其他框架一起工作

　　Bootstrap,Foundation,AngularJS或HTML

　　Pinegrow完全支持Bootstrap和Foundation。將組件拖到頁(yè)面上，并通過(guò)UI屬性定制它們。Pinegrow自動(dòng)設(shè)置屬性，添加類，甚至調(diào)整組件的HTML代碼。也支持AngularJS、960網(wǎng)格和普通HTML。

　　Pinegrow與其他框架一起工作

　　WordPress主題建設(shè)者

　　在Pinegrow Web編輯器中打開(kāi)或創(chuàng)建一個(gè)HTML頁(yè)面。將WordPress操作添加到HTML元素并設(shè)置其參數(shù)。出口的WordPress主題。Pinegrow生成PHP代碼并將頁(yè)面分割為PHP主題文件。和更多!

　　Pinegrow與其他框架一起工作

　　多頁(yè)面編輯

　　同時(shí)編輯多個(gè)頁(yè)面，使網(wǎng)站設(shè)計(jì)更輕松。復(fù)制和鏡像頁(yè)面(源頁(yè)的更改會(huì)自動(dòng)反映在鏡像頁(yè)面中)，設(shè)置不同的縮放級(jí)別和設(shè)備大小。

　　Pinegrow與其他框架一起工作

　　Pinegrow愛(ài)的代碼

　　Pinegrow并沒(méi)有向您隱藏代碼。在視覺(jué)和代碼的同時(shí)編輯頁(yè)面。通過(guò)可視UI進(jìn)行的更改會(huì)立即反映在代碼視圖中。代碼編輯——即使是在外部代碼編輯器中——在頁(yè)面和可視UI中都可以看到。(順便說(shuō)一下，這使得Pinegrow成為學(xué)習(xí)HTML和CSS的完美工具)。

　　Pinegrow與其他框架一起工作

　　強(qiáng)大的CSS編輯器

　　通過(guò)視覺(jué)或代碼編輯CSS規(guī)則。添加變量和表達(dá)式來(lái)創(chuàng)建容易定制的主題。使用樣式表管理器克隆、附加和刪除樣式表。在使用樣式表的所有頁(yè)面上都可以立即看到對(duì)樣式表的更改。

　　Pinegrow與其他框架一起工作

　　讓你的頁(yè)面響應(yīng)

　　輕松設(shè)計(jì)帶有媒體查詢助手工具的網(wǎng)站。添加自定義斷點(diǎn)或讓PG通過(guò)分析樣式表來(lái)檢測(cè)它們。使用多頁(yè)編輯來(lái)編輯多設(shè)備大小的頁(yè)面。

　　快速構(gòu)建帶有塊的網(wǎng)站

　　使用現(xiàn)成的網(wǎng)站塊來(lái)快速建立好看的網(wǎng)站。拖塊到頁(yè)面，定制內(nèi)容，樣式CSS規(guī)則，如果你想——而且你的網(wǎng)站完成了。你甚至可以用塊創(chuàng)建完全可定制的WordPress主題。

　　從網(wǎng)上編輯任何頁(yè)面

　　Pinegrow還允許您從web打開(kāi)任何頁(yè)面。只需輸入U(xiǎn)RL并開(kāi)始編輯遠(yuǎn)程頁(yè)面:更改布局、編輯文本和圖像、修改CSS規(guī)則……這對(duì)于編輯服務(wù)器生成的頁(yè)面和嘗試模板都非常有用。然后將修改后的HTML和CSS文件保存到您的計(jì)算機(jī)上。

　　編輯多個(gè)頁(yè)面

　　在您最喜歡的代碼編輯器旁邊使用Pinegrow

　　Pinegrow適合您的工作流程。使用它與您最喜歡的代碼編輯器(具有智能自動(dòng)刷新)、源代碼控制系統(tǒng)、包管理器和部署工具一起使用。使用Atom的插件與Pinegrow進(jìn)行同步編輯。

　　編輯PHP,ASP和ERB HTML模板

　　用動(dòng)態(tài)服務(wù)器端代碼標(biāo)記可視化地編輯HTML布局。雙擊任何包含PHP、ASP或Ruby on Rails塊的元素來(lái)編輯代碼。閱讀更多»

　　項(xiàng)目、主頁(yè)、組件、部分和庫(kù)

　　Pinegrow PRO是Pinegrow Web編輯器的一個(gè)版本，它擁有強(qiáng)大的工具，如項(xiàng)目、主頁(yè)、部分和智能組件，用于構(gòu)建和管理多頁(yè)面網(wǎng)站。

使用方法

　　頁(yè)面風(fēng)格

　　為什么停在模型?只要繼續(xù)，把它變成一個(gè)定制的網(wǎng)頁(yè)，通過(guò)樣式元素和CSS規(guī)則。通過(guò)GUI編輯規(guī)則或直接編寫代碼。

　　使用CSS變量和函數(shù)

　　使用變量而不是硬編碼的CSS值。使用數(shù)學(xué)表達(dá)式和功能，比如點(diǎn)亮和變暗，創(chuàng)建可以通過(guò)改變幾個(gè)變量來(lái)定制的設(shè)計(jì)——都是實(shí)時(shí)的。

　　同時(shí)編輯多個(gè)頁(yè)面

　　打開(kāi)多個(gè)共享相同樣式表的頁(yè)面。風(fēng)格的改變可以實(shí)時(shí)地反映在所有頁(yè)面上。在不同的屏幕尺寸下查看。鏡像內(nèi)容從一個(gè)頁(yè)面到另一個(gè)頁(yè)面。

　　嘗試不同的設(shè)計(jì)

　　拿一個(gè)頁(yè)面，打開(kāi)一個(gè)鏡像拷貝。使用樣式表管理器復(fù)制和連接/分離樣式表。使用不同的設(shè)計(jì)實(shí)時(shí)。如果您使用不同的屏幕大小和CSS變量，則加分。

　　編輯頁(yè)面的內(nèi)容

　　使用Pinegrow作為靜態(tài)Html頁(yè)面的CMS。移動(dòng)元素，雙擊任何元素來(lái)編輯它的文本內(nèi)容。

　　嘗試網(wǎng)上模板

　　只需打開(kāi)一個(gè)來(lái)自internet的模板演示，并開(kāi)始用你的圖像和內(nèi)容定制它。立即查看模板是否為您工作。

　　需要一個(gè)快速的代碼片段嗎?

　　需要一個(gè)Bootstrap窗體或?qū)Ш綏l?在Pinegrow中設(shè)計(jì)它，只需一次點(diǎn)擊就改變它的布局。選擇表單，單擊動(dòng)作/編輯代碼并復(fù)制html。

　　重用組件

　　將經(jīng)常使用的頁(yè)面元素保存到庫(kù)中，并在頁(yè)面和項(xiàng)目中重用它們?；蛘吆湍愕膱F(tuán)隊(duì)成員分享。

更新日志

　　更快的CSS樣式工作流

　　改進(jìn)的文本編輯

　　閃亮的新幫助和教程