Como fazer uma vitrine com o Dreamweaver

O Dreamweaver da Adobe permite que você crie sua própria loja on-line, mesmo que você não tenha experiência em design ou codificação. O Dreamweaver fornece modelos prontos que contêm todos os elementos de uma página de catálogo, incluindo o título, descrição, imagem e preço do produto. Juntamente com uma solução de e-commerce, como o PayPal ou o Google Checkout, você pode incluir botões que permitem que os visitantes comprem seus itens eletronicamente. Use as ferramentas à sua disposição para criar rapidamente uma loja funcional na Internet.

1

Faça login na sua conta de comércio eletrônico, como o PayPal ou o Google Checkout, e use as ferramentas do comerciante para criar botões "Comprar" que permitem que os visitantes comprem seus produtos. Copie os códigos exibidos automaticamente no final de cada processo de criação de botões. Consulte a página Ajuda, Suporte ou FAQ se precisar de ajuda para executar essa tarefa com seu provedor específico.

2

Inicie o Dreamweaver. Selecione "Novo" no menu Arquivo para abrir a janela Novo documento.

3

Clique na opção "Página da amostra" à esquerda e clique em "Página inicial (tema)" ou "Página inicial (básica)" na primeira coluna para exibir uma lista de modelos de catálogo. Veja os designs de catálogo observando a imagem de visualização à direita. Clique no catálogo que você deseja e, em seguida, clique no botão "Criar" na parte inferior para criar esta página.

4

Clique duas vezes no texto do modelo para preencher as informações da sua loja, incluindo o nome do site, os títulos dos produtos e os preços. Clique em cada alocador de espaço de imagem, clique no ícone da pasta Src no Inspetor de propriedades e selecione o arquivo de imagem desejado usando a janela que é aberta.

5

Posicione o cursor na área onde deseja que o botão de compra apareça. Clique em "Dividir código" no menu Exibir para dividir sua área de trabalho para ver o design e o código da sua página. Cole o código do seu botão para adicionar o botão de compra. Se você não tiver certeza de onde encontrar esse local no código, digite algo na janela de design e realce-o para destacar o código no mesmo local.

6

Clique na opção "Visualizar no navegador", no menu Arquivo, para ver sua loja. Quando estiver pronto, clique na opção "Salvar como" no menu Arquivo para preservar seu trabalho.

Dicas

• Fornecedores comuns de soluções de e-commerce incluem PayPal, Google Checkout e AlertPay.
• Você pode alterar quaisquer designs predefinidos encontrados no seu modelo. Clique em "Estilos CSS" no menu Janela, clique no botão "Todos", na guia Estilos CSS, clique duas vezes em cada entrada e use os menus que aparecem para aplicar os aprimoramentos desejados.