Web Designer: A nova ferramenta da Google para HTML5

30 Set 2013 · Windows 33 Comentários

Crie facilmente sites para Desktop e Mobile em HTML5

O HTML5 é o novo padrão para HTML. Tem novos elementos, novos atributos, oferece total suporte para CSS3, áudio, vídeo, suporte para gráficos 2D e 3D, tratamento de erros melhorada. Permite armazenamento local no lado do cliente, oferece bases de dados SQL locais, podemos construir aplicações web independentemente do dispositivo que o irá executar.

Apesar de existirem já algumas ferramentas para desenvolvimento em HTML5, a Google decidiu criar e disponibilizar a sua própria ferramenta. Vamos conhecer o Web Designer.

Web Designer é uma ferramenta gráfica gratuita, disponibilizada pela Google, que permite criar projectos envolventes, criativos e interactivos em HTML5, capazes de correrem em qualquer dispositivo.

Uma ideia …um ecrã

Com o Web Designer, o programador apenas necessita de criar um único projecto que este adapta-se a qualquer ecrã…desktop, tablet, smartphone…etc.

Focada no design

A ferramenta ajuda na produção de código em HTML5 e CSS3…o que permite ao programador/designer focar-se mais no design

Evolua o seu código

Com o Web Designer edite o seu código a qualquer momento.

Características

Dois modos de animação

Um modo rápido que permite criar cena a cena. Um modo mais avançado que permite animar elementos individuais, usando camadas.

Ambiente de criação 3D

O Web Designer permite criar e manipular conteúdos 3D utilizando um conjunto de ferramentas e o poder do CSS3.

Visualização do código e do design

Com esta característica, o utilizador pode de imediato ver o resultado de um determinado código.

Ferramenta de ilustrações

Agora para criar novas tags HTML nos projectos, basta desenhá-los com a ferramenta Tag.

Veja o Web Designer em acção

Estas são algumas das funcionalidades que irão fazer com que o Web Designer seja uma ferramenta de sucesso. O Pplware ainda não teve a possibilidade de experimentar, pois este software é demasiado recente, mas fica prometido uma analise para breve.Quem quiser experimentar, é só fazer download…é gratuito e está disponível para MacOS e Windows.

Licença: Freeware
Sistemas Operativos: Windows e MacOS
Download: WebDesigner
Homepage: WebDesigner

Este artigo tem mais de um ano

Acompanhe o Pplware no Google Notícias

Propor Revisão Proponha uma correção, faça uma sugestão

Autor: Pedro Pinto

Tags: designer html web

Comentários33

Rodrigo says:

30 de Setembro de 2013 às 23:09

Uma boa alternativa, vamos ter que testar pra ver sua funcionabilidade, mas a primeira vista, me parece boa.
Tá aí, O google atirando pra todos os cantos.

Responder
- rui estacio says:
  
  24 de Abril de 2014 às 16:08
  
  ola pessoal nao funciona no windows 8 mesmo em modo de compatibilidade
  
  Responder
Bruno says:

30 de Setembro de 2013 às 23:15

Muito bom. Já agora, alguém me sabe dizer um programa género o indesign da adobe que seja free?

Responder
- Joaquim says:
  
  1 de Outubro de 2013 às 00:00
  
  Olá, penso que talvez o inkscape,há uma versão portable que corre sem instalar e funciona em português ou outras linguas.
  
  Responder
  - João Moreira says:
    
    1 de Outubro de 2013 às 02:44
    
    indesign vs inkscape? nunca usei o ink, mas não me parece que sejam para as mesmas funcionalidades lol
    
    Responder
- lumitoro says:
  
  1 de Outubro de 2013 às 00:32
  
  http://linuxappfinder.com/
  Embora este website esteja direccionado para encontrar alternativas de programas windows para linux, a maior parte dos programas sugeridos tb funcionam(e até têm instaladores) em windows.
  
  Responder
- Miguel Machado says:
  
  1 de Outubro de 2013 às 01:42
  
  Já testei e a ideia é sem duvida muito interessante, andará perto do Adobe Edge animate. Tal como os outros que tinha testado (edge Reflow), gera bastante código, que se fossemos nós a programar, resumíamos a meia dúzia de linhas, ou seja, é sem duvida uma ferramenta interessante, mas para projectos mais pequenos, como os ads. De qualquer forma, não deixa de ser interessante ver o rumo que as coisas levam… Com esta a google começa a dar o golpe final ao flash…
  
  Responder
- Fernando says:
  
  1 de Outubro de 2013 às 10:32
  
  o inkscape é mais tipo ilustrator: o que andas à procura é o scribus, muito bom, opensource também, não te deixes enganar pelo site feio, o programa é muito bom.
  Disponível aqui: http://www.scribus.net/canvas/Scribus
  
  Responder
- NC says:
  
  1 de Outubro de 2013 às 13:51
  
  sim, o Scribus:
  http://www.scribus.net/canvas/Scribus
  
  Responder
- Bruno says:
  
  1 de Outubro de 2013 às 18:37
  
  thanks people
  
  Responder
- Ricardo Carvalho says:
  
  4 de Outubro de 2013 às 14:15
  
  Scribus
  
  Responder
Nuno Cruz says:

30 de Setembro de 2013 às 23:35

É pena apenas funcionar em versões do Mac OSX superiores a 10.7, para versões 10.6.8, que é o meu caso, não é uma aplicação viável.

Responder
- Fábio Pereira says:
  
  1 de Outubro de 2013 às 09:36
  
  Eu nem consigo fazer o download para testar, e estou com a 10.8.5. Gostava mesmo de experimentar esta ferramenta num projecto que estou a desenvolver.
  
  Responder
- dajosova says:
  
  1 de Outubro de 2013 às 22:02
  
  Olha quem é ele… 😉
  
  Responder
David Ferreira says:

30 de Setembro de 2013 às 23:46

sábado já experimento e dou feedback. mas aviso já que uso todos os dias vs 2012 com .net + blend

Responder
André Pereira says:

30 de Setembro de 2013 às 23:46

Só tenho uma coisa a dizer que é:

A google só pode estar a brincar ao não lançar a versão para GNU/Linux…

Responder
- Cláudio Esperança says:
  
  1 de Outubro de 2013 às 03:45
  
  Concordo com o André… O facto de não existir uma versão para Linux é uma grande falha, se bem que pelas centenas de comentários sobre esta questão, não me parece que a google vá simplesmente ignorar este sistema.
  
  De qualquer modo acredito que a adobe esteja a trabalhar num produto semelhante como complemento ao brackets que já tem suporte para Linux.
  
  Responder
  - David Ferreira says:
    
    1 de Outubro de 2013 às 08:44
    
    vai ignorar pelo simples facto de + dia – dias os sistemas irão se basear no html 5 😛
    o primeiro a arrancar ca ideia é o primeiro a ser abraçado pela google…
    
    Responder
- Carlos Santos says:
  
  1 de Outubro de 2013 às 09:37
  
  Foi a primeira coisa que fui ver, suporte de sistemas? Linux not! WTFFFFFFFF?
  
  -.- I will wait!
  
  Responder
- Carlos says:
  
  1 de Outubro de 2013 às 11:45
  
  Não sei qual é a surpresa, a Google não tem o hábito de lançar os seus produtos para o Linux.
  
  Eles falam muito e dizem ser grandes defensores do código aberto e dos standards abertos, mas quando se vai a ver ainda são piores que a Microsoft porque para além de todos os defeitos que a Microsoft tem, ainda juntam a hipocrisia.
  
  O que é curioso é ainda haver quem acredite na conversa da Google…
  
  Responder
  - eprooo says:
    
    1 de Outubro de 2013 às 12:29
    
    Deves ser um fanboy da apple, para estar assim a criticar a Microsoft, pergunta lá a apple se chegou a pagar o que a Microsoft emprestou.
    
    Responder
    - Marina says:
      
      1 de Outubro de 2013 às 21:07
      
      Explica lá o que é que a Microsoft emprestou à Apple? foi o dinheiro do almoço?
      
      Responder
      - Daniel says:
        
        10 de Outubro de 2013 às 17:36
        
        Quando Jobs voltou a empresa praticamente sem grana e idéias a Microsoft emprestou um pouco de money para empresa se erguer….
  - Cláudio Esperança says:
    
    1 de Outubro de 2013 às 15:21
    
    Estás enganado Carlos. A Google disponibiliza várias aplicações no Linux como por exemplo Google Chrome, Google Music, Android Studio, etc. Por outro lado 2.4% das contribuições de empresas para kernel do Linux são da autoria da Google, algo que beneficia não só os androids, chrome os, servidores mas também desktops. No entanto é com pena que vejo que “esqueceram” este SO embora compreenda que existam poucos designers a utilizar o Linux como sistema de produção.
    
    Responder
Jose says:

1 de Outubro de 2013 às 00:21

Parece uma aplicação ainda um pouco verde, independentemente das features que tem.

Vamos ver se a Google lhe vai dar o suporte que precisa, caso contrário vai ser mais um dos FAILs da Google.

Responder
João Moreira says:

1 de Outubro de 2013 às 02:47

Ainda não experimentei, mas estou curioso uma vez que o Adobe Muse, nunca funcionou muito bem comigo e acho que ainda estava um pouco confuso.

Responder
António Pinto says:

1 de Outubro de 2013 às 09:26

O “Google Web Designer” está criado e direccionado à criação de Ads (anúncios) e não é indicado para criar sites completos.

É um programa mais aproximado ao Adobe Edge Animate do que ao Adobe Muse.

Penso ser uma confusão generalizada também pelo nome que leva a crer ser uma ferramenta mais genérica.

Responder
- Pedro Pinto says:
  
  1 de Outubro de 2013 às 09:33
  
  Sim, eles referem isso. Mais para “pequenos” anuncios
  
  Responder
Hugo says:

1 de Outubro de 2013 às 14:50

Sabem se existe algum offline installer para o Google Web Designer beta?

Responder
Anderson says:

1 de Outubro de 2013 às 19:34

não consigo instala-lo alguém em ajuda?

Responder
João Dias says:

2 de Outubro de 2013 às 01:13

Este Google Web Designer parece-me ser mais indicado para Google Ads, do que para websites.

Acho que o Adobe Edge Animate ou o Hype HTML5 fazem tarefa semelhante.
Para a malta que quiser experimentar realmente focar-se no design e menos no código (pouco recomendado), experimentem o Webflow.

webflow.com

Esta sim é uma ferramenta para quem realmente se preocupa com o design para a web.
Não é a resposta definitiva, mas ajuda em bastantes tarefas. Animações em CSS, edição e personalização “como deve ser” dos elementos de uma página, edição do código…

É pena ter planos pagos (há um grátis, claro), mas sendo a ferramenta que é…acho justo.

Responder
Leandro says:

6 de Outubro de 2014 às 13:48

Muito bom, vou testar essa nova ferramenta, mas pelo que estou vendo ela parece ser mais voltada para criação de ADS do que para web sites.

Responder
Marco says:

22 de Janeiro de 2015 às 15:46

Não funcionou seguindo o exemplo dado, não cria frames, não consegui

Responder

Deixe um comentário Cancelar Resposta

Aviso: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. A administração deste site reserva-se, desde já, no direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.