Revisão: SiteGrinder 3, mais um CMS que um plug-in do Photoshop

se o seu desenvolvimento web é altamente orientado para o design, Existem muitos aplicativos que ajudarão os trabalhadores criativos em sua equipe a criar um site. Existem poucos aplicativos que permitem que o design seja criado em um verdadeiro aplicativo de designers como o Photoshop, enquanto ainda oferece aos usuários todas as ferramentas que eles e você precisam para acabar com um site voltado para o sistema de gerenciamento de conteúdo (CMS).O Dreamweaver espera que os web designers saibam tudo sobre HTML e CSS. Mesmo iWeb ou RapidWeaver ou Sandvox de Karelia esperam pelo menos alguma visão de como o HTML funciona. Não é assim com SiteGrinder 3. Esta versão mais recente do SiteGrinder é uma combinação de um plug-in do Photoshop e um aplicativo autônomo que se combinam para fornecer um CMS completo sem que o usuário tenha que tocar em HTML, CSS ou Javascript-mesmo para páginas da web ou blogs complexos. Tudo o que ele precisa é de um bom conhecimento do Photoshop CS3, CS4 ou CS5 (32 bits).

quando revisei o SiteGrinder há cerca de 4 anos, fiquei impressionado com o que você poderia fazer com ele em termos de transformar rapidamente uma composição em camadas do Photoshop em uma página da web. O SiteGrinder 3 Da Media Lab está em uma liga completamente diferente. É muito mais profundo do que seu antecessor. Não está mais confinado aos limites de um plug-in do Photoshop.

SiteGrinder 3 é sem exagero um CMS completo. Pode não ter robustez e escalabilidade em escala empresarial– por exemplo, não é orientado por banco de dados-mas para designers que criam sites para clientes, o SiteGrinder 3 tem não apenas um sistema de gerenciamento de Conteúdo Local e independente do Photoshop baseado em navegador, mas opcionalmente também um gerenciador de conteúdo remoto.

você pode até ter uma solução de comércio eletrônico com SiteGrinder 3, usando Foxycart como seu back-end de comércio.

SiteGrinder 3 –as Versão 2-funciona com ‘dicas’, que são nomes precedidos por um traço que você deve adicionar aos nomes das camadas. As dicas dizem ao sistema SiteGrinder o que fazer com a camada. Por exemplo, se você criar um botão e quiser que um clique nesse botão resulte em uma camada oculta se tornando visível, esses dois elementos devem compartilhar nomes de camada, mas a camada de botão deve ter a dica “-button” adicionada a ele e a dica-clickshow para torná-la visível. Dessa forma, o SiteGrinder sabe que o botão está ‘vinculado’ à camada de texto e o liga quando o botão é clicado.

no Gerenciador de Design, que inicia automaticamente no navegador da web depois de criar sua página na interface de plug-in do Photoshop, você pode definir os elementos para agir de acordo com as configurações e parâmetros inseridos no Gerenciador de Design. O Design Manager é uma interface de navegador para os recursos avançados de design e desenvolvimento do SiteGrinder.

é somente após a implantação de uma página da web, o Gerenciador de conteúdo fica disponível. Novamente, baseado no navegador, o Gerenciador de conteúdo permite que você insira texto e imagens e até outras coisas na página –da mesma forma que você trabalharia com WordPress ou Drupal (mas mais fácil).

embora o fluxo de trabalho seja algo com o qual você se acostumará em breve, a deslumbrante variedade de dicas e combinações de dicas pode exigir que você mantenha a Referência de dicas à mão. SiteGrinder 3 não só tem dicas para a construção de páginas simples, mas também para blogs, desenhos de colunas (tanto esticar como o conteúdo cresce) e rodapés. Os rodapés usados em combinação com uma dica de página ou coluna forçam o rodapé a ‘grudar’ na parte inferior da página. Existem várias dezenas de truques e combinações inteligentes de dicas e fluxos de trabalho que permitem que você crie um site tão flexível e dinâmico quanto um site WordPress, com exceção dos fundamentos do banco de dados (e, portanto, menos escalável).

por exemplo, depois de experimentar os muitos truques diferentes de construção de páginas ‘comuns’ que o SiteGrinder 3 tem na manga, pensei em criar uma galeria. O primeiro problema foi decidir que tipo de Galeria eu queria. Existe uma galeria orientada a CSS relativamente simples, mas em combinação com o Fancybox e outros recursos de colírio para os olhos, mesmo essa galeria CSS ‘simples’ pode acabar rapidamente em uma enorme variedade de possibilidades para escolher.

outro exemplo dessa abundância de recursos pode ser encontrado nas três folhas de miniaturas de imagem possíveis que você pode fazer. Você pode ter folhas de miniaturas de imagem CSS “crescentes” que mostram todos os polegares ao mesmo tempo, polegares Flash que deslizam ou polegares CSS paginados que mostram grupos de polegares e permitem que você navegue de grupo para grupo. Qualquer um deles pode ser usado como” planilhas ” que mostram visualizações alternativas de uma exposição de galeria.

tudo isso aumenta a riqueza do design que você pode criar com o SiteGrinder 3, mas também a uma grande dificuldade: escolher a combinação certa. Trabalhar com o SiteGrinder 3, portanto, requer um bom planejamento com antecedência, tanto na área de aparência quanto na funcionalidade da web 2.0.

com o teste da galeria, também atingi as limitações do SiteGrinder 3. Não há muitos, mas uma das limitações que encontrei foi que-embora você possa criar formas complicadas-você não pode ter um sistema de pesquisa feito de dentro do SiteGrinder 3. Agora eu não ficaria muito surpreso ao saber que os desenvolvedores estão ocupados desenvolvendo um plug-in opcional para adicionar esse recurso, mas na minha versão não havia um plug-in Disponível.

o plug-in de comércio eletrônico, por outro lado, permite que você venda suas imagens por meio de um sistema gerenciado Foxycart. O plug-in se integra a um gateway de pagamento real, a propósito. Foxycart não é nada menos.

as características mais marcantes do SiteGrinder 3 no entanto, são suas capacidades CMS:

• A saída para PHP, bem como static HTML
• A capacidade de ter colunas que redimensiona automaticamente com conteúdo de
• Galeria a funcionalidade de que é incrivelmente poderoso e completo
• A arquitetura de plug-in que permite ampla funcionalidade
• A disponibilidade do Controle Remoto e de comércio eletrônico plugins
• O uso de CSS em todo
• A limpeza de código que está sendo gerado
• A possibilidade de utilização de multimídia em um design de web –incluindo áudio e vídeo
• A interatividade que é possível usando CSS e Javascript
• O fato de que em nenhum momento durante o processo você precisa saber sobre o código que faz com que seus elementos interativos trabalho

A desvantagem desse poder é que você vai precisar para tirar o curso de vídeo sobre o SiteGrinder site. Achei indispensável também imprimir o sistema de Ajuda completo –excelente e muito conciso. Talvez eu esteja mostrando minha idade, mas senti que precisava deste guia constantemente na vizinhança para não perder nenhum dos recursos e capacidades.

mesmo depois de ter lido o guia antecipadamente, não consegui construir uma página da web complexa em algumas horas. Em vez disso, Levei alguns dias até que finalmente consegui contornar a maneira do SiteGrinder de fazer as coisas. O fluxo de trabalho por si só é bastante simples: você projeta sua página no Photoshop, depois vai para o plug-in do SiteGrinder e constrói a página, depois ajusta o Photoshop e constrói novamente, até ficar satisfeito e pronto para implantar a página.

no Photoshop, você deve ter em mente que você precisa projetar seus elementos de página de tal forma que o SiteGrinder entenda o que é que você deseja que cada elemento Faça. Isso requer um pouco de aprendizado. Por exemplo, para criar uma animação –um bloco de texto que eu queria slide de um local para outro com o clique de um botão– eu precisava criar um botão e dois blocos idênticos. A diferença entre eles foram as dicas. Para que um fundo aparecesse atrás de um elemento deslizante, tive que criar outra camada abaixo dele, que continha apenas a cor e a textura que eu queria que o controle deslizante tivesse.

o código que está sendo gerado pode ser HTML estático, mas também– e provavelmente mais moderno em sua abordagem-PHP. Eu sempre escolhi PHP para meus testes e funcionou como um encanto. Você definitivamente precisará escolher o PHP como saída se quiser usar o SiteGrinder 3 como um CMS. Isso permite que você adicione páginas com base no design de página existente, da mesma forma que o que você pode fazer com o WordPress, Joomla! e Drupal.

sua configuração padrão do SiteGrinder 3 permitirá que você use o sistema como um CMS em uma máquina local, mas se você tiver o plug-in de controle remoto opcional, também poderá adicionar páginas com conteúdo de qualquer máquina usando o navegador da web e um URL específico. Este é o mais próximo que qualquer CMS ‘leve’ pode chegar da funcionalidade fornecida por sistemas orientados por banco de dados.

com essa afirmação, o que é realmente um elogio, estou completando a revisão. Depois de passar algumas semanas com o SiteGrinder 3, só posso dizer que ainda estou descobrindo coisas novas, coisas que posso fazer de maneira diferente para obter resultados diferentes. A beleza do SiteGrinder 3 é que ele funciona. Funciona tão bem que os resultados são sempre previsíveis, ou seja, você nunca é pego de surpresa, terminando com um design que é uma bagunça.

crítica? Sim, tenho algumas críticas. O Guia de Ajuda deve ter mais capturas de tela das configurações da camada do Photoshop para entender a maneira como as dicas funcionam mais rapidamente. Idealmente, deve haver um sistema de pesquisa adicionado ao SiteGrinder 3 –não apenas a capacidade de integração com a pesquisa na web do Google. E se pode haver integração com um sistema de banco de dados que iria colocar SiteGrinder 3 em competição a sério existentes com os sistemas CMS, embora também seria bom se houvesse uma maneira de criar designs e páginas que permitem que você integre um SiteGrinder projeto em WordPress ou Drupal uma forma ou de outra (talvez isso poderia ser um usuário avançado guia?).

a conclusão final da minha revisão é que Media Lab, os desenvolvedores do SiteGrinder 3 conseguiram algo que eu não acreditava ser possível: criar uma ferramenta que permite sites muito complexos sem aumentar a complexidade da própria ferramenta.

SiteGrinder 3 custa 349,00 USD. Cada um dos add-ons atualmente disponíveis (Controle e comércio eletrônico no momento da redação) custa 159,00 USD. O pacote completo, no entanto, tem um preço de introdução de 279,00 USD.

normalmente nunca comento preços, mas neste caso estou inclinado a fazer uma exceção: esses preços podem parecer caros no início, e seriam se o SiteGrinder fosse apenas um plug-in com pouco mais em termos de funcionalidade CMS. No caso do SiteGrinder 3, eu pessoalmente acredito que você certamente não está pagando muito-especialmente se você fizer bom uso do preço de introdução do MediaLab!