Windows

Web Designer: A nova ferramenta da Google para HTML5

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_00

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.

web_01

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

web_02

Evolua o seu código

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

web_03

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.

web_04

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.

web_05

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.

web_06

Ferramenta de ilustrações

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

web_07
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

PUB
Autor: Pedro Pinto
Partilhar:
Tags:
designer html web

PUB.

Questão Semanal

Deveria haver uma marca obrigatória em todas as imagens geradas por IA?

Ver Resultados

Loading ... Loading …
Arquivo de Questões

PUB.

Velocímetro Pplware

Teste a velocidade da sua Internet
Como ter de volta o Novo Separador no Chrome
Artigo anterior

Como ter de volta o Novo Separador no Chrome
Apple ultrapassa Coca-Cola e é a marca mais valiosa
Próximo artigo

Apple ultrapassa Coca-Cola e é a marca mais valiosa
PUB

Comentários

33

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

  1. Avatar de Rodrigo
    Rodrigo

    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
    1. Avatar de rui estacio
      rui estacio

      ola pessoal nao funciona no windows 8 mesmo em modo de compatibilidade

      Responder
  2. Avatar de Bruno
    Bruno

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

    Responder
    1. Avatar de Joaquim
      Joaquim

      Olá, penso que talvez o inkscape,há uma versão portable que corre sem instalar e funciona em português ou outras linguas.

      Responder
      1. Avatar de João Moreira
        João Moreira

        indesign vs inkscape? nunca usei o ink, mas não me parece que sejam para as mesmas funcionalidades lol

        Responder
    2. Avatar de lumitoro
      lumitoro

      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
    3. Avatar de Miguel Machado
      Miguel Machado

      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
    4. Avatar de Fernando
      Fernando

      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
    5. Avatar de NC
      NC

      sim, o Scribus:
      http://www.scribus.net/canvas/Scribus

      Responder
    6. Avatar de Bruno
      Bruno

      thanks people

      Responder
    7. Avatar de Ricardo Carvalho
      Ricardo Carvalho

      Scribus

      Responder
  3. Avatar de Nuno Cruz
    Nuno Cruz

    É 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
    1. Avatar de Fábio Pereira
      Fábio Pereira

      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
    2. Avatar de dajosova
      dajosova

      Olha quem é ele… 😉

      Responder
  4. Avatar de David Ferreira
    David Ferreira

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

    Responder
  5. Avatar de André Pereira
    André Pereira

    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
    1. Avatar de Cláudio Esperança
      Cláudio Esperança

      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
      1. Avatar de David Ferreira
        David Ferreira

        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
    2. Avatar de Carlos Santos
      Carlos Santos

      Foi a primeira coisa que fui ver, suporte de sistemas? Linux not! WTFFFFFFFF?

      -.- I will wait!

      Responder
    3. Avatar de Carlos
      Carlos

      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
      1. Avatar de eprooo
        eprooo

        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
        1. Avatar de Marina
          Marina

          Explica lá o que é que a Microsoft emprestou à Apple? foi o dinheiro do almoço?

          Responder
          1. Avatar de Daniel
            Daniel

            Quando Jobs voltou a empresa praticamente sem grana e idéias a Microsoft emprestou um pouco de money para empresa se erguer….

      2. Avatar de Cláudio Esperança
        Cláudio Esperança

        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
  6. Avatar de Jose
    Jose

    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
  7. Avatar de João Moreira
    João Moreira

    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
  8. Avatar de António Pinto
    António Pinto

    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
    1. Avatar de Pedro Pinto
      Pedro Pinto

      Sim, eles referem isso. Mais para “pequenos” anuncios

      Responder
  9. Avatar de Hugo
    Hugo

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

    Responder
  10. Avatar de Anderson
    Anderson

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

    Responder
  11. Avatar de João Dias
    João Dias

    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
  12. Avatar de Leandro
    Leandro

    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
  13. Avatar de Marco
    Marco

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

    Responder
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.