1. 程式人生 > >谷歌圖形化HTML5網頁編輯器Google Web Designer

谷歌圖形化HTML5網頁編輯器Google Web Designer

近日,谷歌釋出了一款基於HTML5開發的網頁編輯器“ Google Web Designer”,為非技術整合型網頁開發工具,可免去HTML編碼的繁瑣過程,免費提供服務。下載地址:點選開啟連結

剛隨便弄了個東西來玩玩,呵呵。


軟體介面如下:


Google Web Designer的工作原理和 Adobe Dreamweaver類似,谷歌稱它為“所見即所得”(“What You See Is What You Get”)的編輯器,也就是說,設計者只要新建一個專案,然後將其頁面拖動到空白頁,軟體會自動生成HTML和CSS程式碼。

該工具主要用於HTML5網頁和動畫設計,附帶許多建立和操作3D內容的工具,即使是初學者也很容易上手,對於精通 HTML and CSS的設計者來說,Google Web Designer的亮點就在於,設計檢視中所有程式碼可以快速編輯和更新,設計檢視和程式碼檢視之間可實現快速切換。

兩個動畫模式:快速模式和高階模式

全3D製作環境

Google Web Designer

設計檢視和程式碼檢視

Google Web Designer      

插圖工具

Google Web Designer

簡易廣告工作流程

Google Web Designer

相關推薦

圖形HTML5網頁編輯Google Web Designer

近日,谷歌釋出了一款基於HTML5開發的網頁編輯器“ Google Web Designer”,為非技術整合型網頁開發工具,可免去HTML編碼的繁瑣過程,免費提供服務。下載地址:點選開啟連結 剛隨

瀏覽器提示該網頁已屏蔽以下插件

.cn mage log code 網址 啟動 -i pre 谷歌 打開谷歌瀏覽器 在網址欄輸入: chrome://flags/#run-all-flash-in-allow-mode 把設置從default修改為enabled

centos 6.5安裝vnc(圖形遠程服務

圖形化遠程 vnc 1、查詢是否安裝了vnc[root@localhost ~]#rpm -qa | grep -E "vnc|vnc-server"2、如果沒有安裝,安裝下[root@localhost ~]#yum -y install vnc-server3、修改配置文件[r

瀏覽器怎樣把網頁全部內容保存為.mhtml文件?

com height 啟用 地址 bubuko inf pos width led Chrome保存.mhtml網頁文件的方法: 在 Chrome 地址欄中鍵入chrome://flags,回車, 在頁面搜索欄輸入mhtml 把“Save Pag

AI論文BERT雙向編碼表徵模型:機器閱讀理解NLP基準11種最優(公號回覆“BERT論文”下載彩標PDF論文)

谷歌AI論文BERT雙向編碼器表徵模型:機器閱讀理解NLP基準11種最優(公號回覆“谷歌BERT論文”下載彩標PDF論文) 原創: 秦隴紀 資料簡化DataSimp 今天 資料簡化DataSimp導讀:谷歌AI語言組論文《BERT:語言理解的深度雙向變換器預訓練》,介紹一種新的語言表

Popline:帥氣的浮動 HTML5 文字編輯工具欄

  Popline 是一個基於 HTML5 實現的富文字編輯器工具欄,設計靈感來自 PopClip ,相比傳統的文字編輯器工具,Popline 能夠浮動在編輯的文本週圍,操作起來十分方便。 您可能感興趣的相關文章 去圍觀

外掛EpubPress 將網頁儲存為電子書

很早之前就買了Kindle閱讀器,剛入手的時候非常的喜歡這個閱讀器,可以讓人專注於閱讀,但是隨後由於「工作和學習」越來越忙了,就由把kindle放入了壓泡麵的位置。(藉口,就是你不喜歡看書了,玩手機去啦。。。) 分享一個外掛:EpubPress ,官方網址:http://epub.pre

瀏覽器安裝去除網頁廣告外掛

目標: 上網搜尋學習資料時,網頁的廣告太多,還一閃一閃的影響學習與工作。 通過給谷歌瀏覽器安裝外掛,過濾掉廣告。 事件: 我上網搜尋“ORA-12547:TNS:丟失連線”問題為例,這個問題很難解決,查看了幾十個網站,被廣告煩的不行不行的。 過濾廣告的效果: 同一個網頁,

8款流行前沿的HTML5文字編輯

如果你是一名Web開發人員,當你需要開發一個獨特的網站時,你就會知道文字編輯器的重要性。小編為大家整理了8款非常前沿的HTML5文字編輯器,簡化開發流程,喜歡就轉走吧! Mercury Editor是最流行和最常用的HTML5文字編輯器之一。它也是一個功能全面的編輯器

瀏覽器和火狐瀏覽器插件安裝方法,分別以”訪問助手”和”網頁截圖”為例

顯示 microsoft 打開 bold image 過程 測試 ott 拓展 本文內容 問題陳述 1. 谷歌瀏覽器安裝插件步驟 1.1 基本準備 1.2 安裝插件步驟圖文展示 1.3 安裝後測試使用效果 2. 火狐瀏覽器安裝插件步驟 2.1 基本準備 2.2 安裝插件步驟

VB.NET 簡易網頁編輯

最近被要求設計一個文字編輯器,要有類似WORD或者說類似論壇文字編輯器差不多的效果,由於是一個桌面程式,ASP的方案直接被槍斃了,找來找去還是很頭疼,不知道以何種方式來呈現,畢竟RICHBOX自身不能顯示背景色,圖片等功能,雖然可以顯示帶圖片的RTF,但那是兩碼事。 通過專業

網頁編輯新增paste事件

<script   language="javascript">     function   _iframeOnload(){             targetDoc   =   document.frames.target.document;     targetDoc.f=functi

三大核心技術(三)Google BigTable中文版

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

解決文件無法訪問的方法 Google Docs

 在hosts裡新增Google Docs的解析IP直接繞過DNS查詢,就能正常使用https的Google Docs了。 hosts檔案的位置: 1、windows:C:\Windows\System32\drivers\etc\hosts 2、Linux:/etc/host

三大核心技術(二)Google MapReduce中文版

Google MapReduce中文版     譯者: alex 摘要 MapReduce是一個程式設計模型,也是一個處理和生成超大資料集的演算法模型的相關實現。使用者首先建立一個Map函式處理一個基於key/value pair的資料集合,輸出中間的基於key/val

三大核心技術(一)Google File System中文版

The Google File System中文版 譯者:alex 摘要 我們設計並實現了Google GFS檔案系統,一個面向大規模資料密集型應用的、可伸縮的分散式檔案系統。GFS雖然執行在廉價的普遍硬體裝置上,但是它依然了提供災難冗餘的能力,為大

N個富文字編輯/基於Web的HTML編輯

基於WEB的HTML 編輯器,WYSIWYG所見即所得的編輯器,或是一個富文字的編輯器,是我們在開發WEB應用時接收使用者輸入時必需要考慮的問題。下面是一些開源的WEB線上的WYSWIG編輯器。 1. FCKeditor FCKeditor 這些線上編輯器中最著名的一個,其

【教程】教你找到免費的Google Translate API(翻譯介面)+C#版的Google翻譯函式

今日,在想要在C#中,利用google翻譯,實現把中文翻譯為英文。 然後就去找,對應翻譯的url和引數是如何使用的。 參考之前自己的的BlogsToWordpress中的Python版本的crifanLib:crifanLib.py中的translateString,然後去

三大核心技術(一)Google File System

We wish to thankt he following people for their contributions to the system or the paper. Brain Bershad (our shepherd) and the anonymous reviewers gave us

html5視覺圖形編輯(基於canvas)

我以前特別喜歡flash,不過flash水平一般,那是的我並不是程式設計師,充其量也就是個愛好者,在這個html5的時代中,我依舊對那個有時間軸的flash編輯介面念念不忘。於是便有了這篇文章。我的目標是做一款線上的圖片,文件,動畫,遊戲生成器。目標比較大(個人比較貪),目