web編輯器Pinegrow Web Editor

Pinegrow Web Editor是一款非常簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)制作軟件，軟件提供了海量的網(wǎng)頁(yè)模板，你可以直接選擇喜歡的模板樣式來(lái)填入自己的網(wǎng)頁(yè)內(nèi)容。Pinegrow Web Editor使用相當(dāng)簡(jiǎn)單，不需要html知識(shí)都可以輕松制作出上好的網(wǎng)頁(yè)樣式。

軟件介紹：

圖形化的HTML5編程工具，Google日前推出了Web Designer的公測(cè)版，這是一款為創(chuàng)意型專業(yè)人員打造的HTML5網(wǎng)站和廣告的設(shè)計(jì)工具。目前，Web Designer適用于Mac和Windows設(shè)備。Google Web Designer不但適用于Windows平臺(tái)，也兼容了Mac平臺(tái)，有了Web Designer，用戶可以創(chuàng)建互動(dòng)式的單頁(yè)面網(wǎng)站和動(dòng)畫。目前Web Designer的一些功能只適用于制作廣告，不過(guò)Google表示這些工具在未來(lái)還能派上其它用場(chǎng)。

雖然 Web Designer 的核心功能在于它是一個(gè)可視化的工具。不過(guò)用戶也可以利用JavaScript和CSS 來(lái)對(duì)創(chuàng)建的網(wǎng)站進(jìn)行微調(diào)。事實(shí)上，Web Designer允許用戶在一個(gè)內(nèi)置編輯器中來(lái)操控所有的編碼，同時(shí)讓你在設(shè)備的任何瀏覽器上預(yù)覽你所創(chuàng)作網(wǎng)站或廣告。Web Designer涵蓋了所有開(kāi)發(fā)者可能已熟悉的可視化設(shè)計(jì)工具，其中有一些Google專門為Web Designer開(kāi)發(fā)的有意思的工具，包括一個(gè)可供自由繪圖的工具筆以及制作動(dòng)畫的時(shí)間軸

功能特色：

使用可視化電源工具加快構(gòu)建HTML

使用強(qiáng)大的可視化工具快速構(gòu)建網(wǎng)頁(yè)布局，以添加，編輯，移動(dòng)，克隆和刪除HTML元素。使用轉(zhuǎn)發(fā)器插入多個(gè)元素，并通過(guò)一次移動(dòng)修改所有選定元素的布局。

智能拖放

中繼器

頁(yè)面庫(kù)

插入元素

編輯元素代碼

頁(yè)面代碼編輯器

CSS，SASS和LESS風(fēng)格 - 直播！

檢查活動(dòng)的CSS規(guī)則，使用豐富的可視化控件，開(kāi)發(fā)工具類編輯器或代碼 - 所有這些都是一起工作的。編輯SASS和LESS，直播，無(wú)需任何外部工具。

積極的規(guī)則

陰影和代碼

視覺(jué)控制

快速創(chuàng)建規(guī)則

內(nèi)聯(lián)風(fēng)格

上海社會(huì)科學(xué)院

使用Bootstrap和Foundation的完美工具

將數(shù)百個(gè)框架類轉(zhuǎn)換為強(qiáng)大的可視化控件。使用完整的即用型組件庫(kù)，并使用動(dòng)態(tài)組件（如模態(tài)）。調(diào)整頁(yè)面上的列的大小，并使用顯示幫助程序顯示布局。

插入

響應(yīng)控制

視覺(jué)控制

列和網(wǎng)格

自定義主題

情態(tài)動(dòng)詞

基礎(chǔ)

一次編輯和測(cè)試所有設(shè)備尺寸的頁(yè)面

使用多頁(yè)編輯功能可以在多種設(shè)備尺寸下編輯頁(yè)面。使用Media查詢幫助工具輕松設(shè)計(jì)響應(yīng)式網(wǎng)站。添加自定義斷點(diǎn)或讓Pinegrow通過(guò)分析樣式表來(lái)檢測(cè)它們。

編輯多個(gè)視圖

設(shè)備預(yù)設(shè)和縮放

媒體查詢