Criar Páginas

De Melhor Loja Web

(Diferença entre revisões)
(Criou página com '== Criar Páginas == Para criar páginas estáticas ou com um formulário, vá até a aba “Conteúdo do Site” e depois em “Criar Uma Página”, conforme mostra a imagem ...')
Linha 54: Linha 54:
<br>
<br>
-
<p>Reparem que coloquei um texto antes do formulário, e selecionei mais alguns campos de cadastro do cliente, abaixo, você vê o resultado final da página que foi criada momentos atrás:</p><br>
+
<p>Reparem que coloquei um texto antes do formulário, e selecionei mais alguns campos de cadastro do cliente, abaixo, você vê o resultado final [[Arquivo:Exemplo.jpg]]da página que foi criada momentos atrás:</p><br>
[[Arquivo:resultado_final_pagina.jpg]]
[[Arquivo:resultado_final_pagina.jpg]]
-
----
+
 
 +
 
 +
== Exemplo de Página HTML ==
 +
 
 +
Também possuímos a opção do cliente utilizar um editor HTML para criar a página da sua maneira:
 +
 
 +
 
 +
[[Arquivo:Editorhtml.PNG]]
 +
 
 +
É importante selecionar primeiramente a opção de HTML no próprio editor para que possa inserir a programação. Se digitar o código diretamente no editor sem usar a opção do HTML ele será apresentado como código puro na página.
 +
 
 +
 
 +
[[Arquivo:Editorhtml3.PNG‎]]
 +
 
 +
 
 +
Após selecionado um box será aberto, onde você digitará a programação de acordo com a linguagem HTML:
 +
 
 +
 
 +
[[Arquivo:Editorhtml4.PNG]]
 +
 
 +
 
 +
Feito isto, salve o arquivo clicando em ATUALIZAR no canto esquerdo inferior.
 +
 
 +
Nesta opção, é possível editar completamente a página utilizando programação HTML.
 +
Isto nos permite a criação de diversas páginas diferentes.
 +
 
 +
Alguns exemplos:
 +
 
 +
'''- Formulários mais complexos.
 +
- Mensagens de agradecimento.
 +
- Anúncios animados (GIFS).'''
 +
 
 +
Entre outros. Veja um exemplo de programação na página para criação de um formulário diferente do formulário para contato:
 +
 
 +
[[Arquivo:Editorhtml2.PNG]]

Edição de 09h17min de 19 de janeiro de 2016

Tabela de conteúdo

Criar Páginas

Para criar páginas estáticas ou com um formulário, vá até a aba “Conteúdo do Site” e depois em “Criar Uma Página”, conforme mostra a imagem abaixo.


Ver criacao paginas.jpg


Criação de Páginas

Como destaca a imagem abaixo, você poderá criar suas páginas, com diversas opções.


Tipos criacao pagina.jpg


Abaixo, vamos detalhar mais sobre cada tipo de criação de página:

Tipos criacao pagina detalhado.jpg

Ao selecionar a opção número:
1: Inserir um texto que será estático no editor que aparece abaixo;
2: Inserir uma URL, que ao ser clicado neste link da página, irá para esta página;
3: Inserir uma URL do RSS Feed, que ao clicar neste link, irá para esta página com os feeds;
4: Permite, além de um texto estático, inserir os campos padrões localizados abaixo do campo de texto, para que o cliente possa submeter alguns dados, que serão enviados para o e-mail que informar ali.

Opções de Criação

Opcoes todas paginas.jpg

Para todas as páginas, as opções são as mesmas, abaixo vamos detalhar para que serve cada uma:

Menu de Navegação: Se selecionado, mostrará o link para o cliente clicar.
Página Pai: Caso selecione alguma página pai, esta página ficará dentro da página selecionada.
Título: Título da página (que aparece acima do navegador);
Palavras-Chave: Palavras chave da página, para serem indexadas pelos buscadores.
Descrição: Descrição da página (pequeno texto explicativo sobre a página).
Palavras-chave de Busca: Digite várias palavras que correspondam a este assunto, assim entrará na busca do site.
Arquivo de Layout: Esta opção é para usuários avançados, para criar um layout alternativo para a página.
Mostrar como página principal: Se selecionado, esta página será a página principal do seu site.
Restringir apenas aos clientes: Se selecionado, apenas clientes poderão visualizar.
Ordem de exibição: Serve para ordenas as páginas.


Exemplo de Página de Contato

Neste exemplo abaixo, criei uma página de contato:

Exemplo pagina contato.jpg



Reparem que coloquei um texto antes do formulário, e selecionei mais alguns campos de cadastro do cliente, abaixo, você vê o resultado final Arquivo:Exemplo.jpgda página que foi criada momentos atrás:


Resultado final pagina.jpg


Exemplo de Página HTML

Também possuímos a opção do cliente utilizar um editor HTML para criar a página da sua maneira:


Editorhtml.PNG

É importante selecionar primeiramente a opção de HTML no próprio editor para que possa inserir a programação. Se digitar o código diretamente no editor sem usar a opção do HTML ele será apresentado como código puro na página.


Editorhtml3.PNG


Após selecionado um box será aberto, onde você digitará a programação de acordo com a linguagem HTML:


Editorhtml4.PNG


Feito isto, salve o arquivo clicando em ATUALIZAR no canto esquerdo inferior.

Nesta opção, é possível editar completamente a página utilizando programação HTML. Isto nos permite a criação de diversas páginas diferentes.

Alguns exemplos:

- Formulários mais complexos. - Mensagens de agradecimento. - Anúncios animados (GIFS).

Entre outros. Veja um exemplo de programação na página para criação de um formulário diferente do formulário para contato:

Editorhtml2.PNG

Ferramentas pessoais