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 ...')
(Exemplo de Página HTML)
 
(2 edições intermediárias não estão sendo exibidas.)
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]]
 +
 
 +
 
 +
São diversas as possibilidades de criação da página HTML!
 +
 
 +
''palavras chaves para este tópico: html editor nova página pagina criação de conteúdo formulário programação linguagem redirecionamento''

Edição atual tal como 09h21min 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


São diversas as possibilidades de criação da página HTML!

palavras chaves para este tópico: html editor nova página pagina criação de conteúdo formulário programação linguagem redirecionamento

Ferramentas pessoais