Guia Completo: Como Criar Sites com o Artisteer

O que é o Artisteer?

O Artisteer é um aplicativo para Windows que permite criar modelos de sites e blogs de forma intuitiva.

O que é um editor WYSIWYG?

WYSIWYG (acrônimo para What You See Is What You Get) é um editor que permite criar designs atraentes clicando em opções e visualizando imediatamente as alterações na tela.

Plataformas compatíveis

Os modelos criados no Artisteer são compatíveis com: Blogger, Joomla, WordPress, Drupal e aplicações .NET.

Formatos de arquivo

Os formatos suportados são: .ARTX, .HTML, .XML e .ZIP.

Interface do programa

• Barra de Título: Exibe o nome do programa e o arquivo ativo.
• Barra de Acesso Rápido: Contém opções frequentes como desfazer, salvar e abrir. Pode ser personalizada.
• Área de Trabalho: Exibe o modelo e as alterações em tempo real.

Faixa de Opções

A faixa de opções organiza as ações em abas, como: Ideias, Cores e Fontes, Layout, Profundidade, entre outras.

Menu Artisteer

• O botão Artisteer oferece operações principais: criar um novo arquivo, abrir um existente, salvar, exportar e visualizar no navegador.
• Permite acessar informações sobre o programa e opções de conta.

Como carregar um modelo no Blogger

Após criar o modelo, exporte-o conforme a plataforma desejada:

1. Clique no botão Exportar e escolha o nome e a pasta de destino.
2. Selecione "Exportar como um arquivo ZIP" para compactar os arquivos (incluindo imagens e o arquivo .xml).
3. Faça login no seu blog no Blogger.
4. Acesse "Design" e clique em "Editar HTML".
5. Recomendamos fazer um backup do modelo atual.
6. Pressione "Procurar", selecione o arquivo main.xml do novo modelo, envie e salve as alterações.

Explicação das Guias

• Disposição: Altera o layout da página e a localização dos elementos.
• Cores e Fontes: Escolha temas pré-determinados ou crie combinações personalizadas.
• Menu: Configura itens, subitens e o layout da barra de navegação.
• Ideias: Permite gerar automaticamente modelos aleatórios, alterando todo o design ou elementos específicos.
• Fundo: Define cores, gradientes, texturas ou imagens de fundo com opções de transparência e contraste.
• Folha: Ajusta largura, bordas, raio e tons da folha de estilo.
• Cabeçalho: Ajusta dimensões, texto, slogan e imagens de fundo.
• Artigo: Define o estilo de posts e entradas:
  • Imagem de base, margens e sombras.
  • Formatação de texto (corpo, títulos e rodapés).
  • Elementos como hiperlinks, citações e tabelas.
• Blocos: Define estilos para caixas, incluindo margens, espaçamento, fontes e cores.
• Menu Vertical: Configurações específicas para menus laterais.
• Botões: Personaliza design, textura, gradiente e fontes dos botões.
• Nota: Ajusta estilos de rodapé, ícones RSS e aparência de links.