Criar Sites » PHP, HTML e JavaScript

phpFormGenerator – Desenvolva formulários de contato para seu site sem saber programar

Convidado — Thu, 21 Apr 2011 11:00:52 +0000

Este é um guest post escrito por Fábio Almeida, do blog Criar Programas.

O phpFormGenerator é uma ferramenta utilizada para desenvolvimento de formulários em PHP sem que você precise fazer qualquer tipo de codificação! Aqueles formulários com várias opções para marcar, listas de opções e outros controles que você possa imaginar, são adicionadas de forma automática com essa ferramenta.

Está ferramenta utiliza uma interface web para guiar os usuários pelos passos a serem seguidos para chegar ao resultado: o formulário. É uma ferramenta muito completa, gratuita e além de você poder enviar a mensagem do formulário para um e-mail, você pode também salvá-la em um banco de dados!

COMO FUNCIONA
Primeiramente, você precisa ter o script em mãos para poder instalá-lo em seu servidor. Você pode baixá-lo no site do projeto: http://sourceforge.net/projects/phpformgen/ . Lembrando: você precisa de um serviço de hospedagem com suporte a PHP e com a função mail() do PHP ativada. Após fazer o download você deve descompactar o arquivo utilizando o Winrar ou similar e em seguida fazer o upload da pasta descompactada para o servidor.

Após isso acesse a pasta que foi enviada para o seu servidor: WWW.seusite.com/phpform
OBS: para você ter acesso a interface e poder criar os seus formulários você deve atribuir permissão de leitura/escrita para as seguintes pastas:

forms
forms/admin
use
forms/admin/config.inc.php
forms/admin/data.dat
forms/form1.html
forms/process.php

VÍDEO AULA
Assista a vídeo aula em que é ensinado a criação de um formulário utilizando o phpFormGenerator:

Este é um guest post escrito por Fábio Almeida, do blog Criar Programas.

Mais Artigos que você pode estar interessado

Qual o local correto para adicionar scripts em seu site?

Celso Lemes — Tue, 22 Mar 2011 13:53:32 +0000

Outro dia, após publicar o artigo “Como Adicionar o Código do Google Analytics ao Blogger e WordPress” tivemos uma pequena discussão relacionada a qual parte do código da página, devemos adicionar o código de monitoramento do Google Analytics.

O correto seria adicionar perto da tag que se encontra já no final do código da páginas, porém um dos visitantes perguntou: _ Porque no final?

Temos vários motivos para que o código do Google Analytics seja adicionado no final do código da página. Confira alguns deles.

Ps. Se você não tem idéia de como uma página é construída, recomendo que aperte o botão direito do mouse e clique em “Exibir código fonte” para que você não fique perdido durante o resto deste artigo.

Agilidade no carregamento

Os sites são carregados no computador dos visitantes de acordo com a sequência dos elementos presentes na página. Se você sobrecarregar o início do código da página, com elementos que deveriam estar no final, você poderá deixar o carregamento do que é realmente importante para o visitante mais lento. Conteúdo!

Melhor para SEO

Especialistas em SEO dizem que o Google indexa apenas uma determinada quantidade de KB da página e que todo o resto é ignorado. Por isso, se você deixar elementos desnecessários no começo, o indexador pode deixar de indexar o conteúdo ou outra coisa que seria mais vital para o posicionamento do site.

Monitoramento correto dos visitantes

Ao adicionar o código de monitoramento do Google Analytics no começo do código da página, você poderia coletar dados incorretos sobre os visitantes que acessam seu site, já que existem casos em que o carregamento da página é interrompido/travado por algum motivo ou o visitante desiste de acessar o site antes de carregar a página completamente.

Neste caso, como o código de monitoramento está mais perto do começo do código da página, ele poderia ser contabilizado, mesmo sem o visitante ter permanecido na página.

“É claro que isso não seria um problema se você deseja apenas ter números para aumentar seu EGO”.

Outros exemplos

Existem scripts que exigem que seus códigos sejam adicionados no local exato em que você deseja que ele apareça dentro da página, como é o caso de chats, contadores de visitas, players de músicas e etc.

Mas também existem alguns scripts, que independente do local da página em que você o adicione, ele sempre será exibido (seja lá o que for) em locais determinados pelo código fornecido pelo desenvolvedor. Um exemplo disso é a barra de ferramentas do Wibiya, que não importa se você o adicione no começo, meio ou fim da página. A barra sempre aparecerá no rodapé, exatamente como pode ser visto aqui no CriarSites.com.

Portanto, neste caso não faria sentido adicionar o código no começo do código da página, já que isso estaria atrapalhando o desempenho do site de diversas formas.

Conclusões
Cada script deve ser adicionado ao site de acordo com as especificações do fornecedor de forma que ele funcione corretamente e da melhor maneira. Portanto, recomendo que procure informações no site que fornece o script e que faça como ele descreve.

Gostou deste artigo? Tem algo a adicionar? Ainda tem dúvidas? Deixe seu comentário.

Mais Artigos que você pode estar interessado

Como Criar um PopUp HTML para Captação de Email no Site!

Convidado — Thu, 10 Mar 2011 12:00:46 +0000

Este é um guest post que foi escrito por Rogério Gomes que bloga no WRG.

Hoje vou mostrar como criar um PopUp HTML para Captação de Email através do FeedBurner, como o utilizado aqui no CriarSites.com. Um popup simples e eficaz para aumentar consideravelmente sua lista de email.

A ideia é criar algo simples e chamativo para atrair e fisgar a atenção dos seus visitantes.

O único Problema é que muitos métodos para inserir um popup no site são pagos, e isso dificulta muito para quem esta começando um novo site e não dispõe de muitos recursos financeiros para investir.

obs: Gostaria de deixar uma observação que esse código não foi produzido originalmente por mim, e não tive acesso a quem foi o criador, apenas consegui boa parte do código na internet e fiz algumas adaptações como mostro abaixo. Caso alguém conheça o criador, por favor, deixe nos comentário para dar os créditos a quem mereça por esse fabuloso script.

Para iniciar, clique aqui (clique com o botão direito e em “Salvar destino como“) e realize o download do código java script popup html.

Após realizar o download, verá um arquivo em html, basta clicar com o botão direito no arquivo e selecionar as opções “Abrir Com..”, e “Bloco de Notas”.

Repare que esse é o exato modelo usado aqui no CriarSites.com e diante disso, vou deixar algumas mudanças para realizar no código e personalizar de acordo com seu site.

Ao abrir o arquivo com o bloco de notas, não é necessário mexer em nada no inicio do código, basta ir ate o trecho final e localizar os pontos a serem personalizados de acordo com seu site (nos pontos como mostra a figura acima, destacados pelo comentário “ISSO E UM COMENTARIO PERSONALIZE ESSA LINHA ABAIXO com …”).

Também lembre-se de publicar em seu site/blog as imagens “closeicon.gif” e “rss-feed-gif.gif” e anote o endereço de cada um deles. Depois cadastre-os endereços no código do popup.

Nos locais onde se encontra “CriarSites“, você deve alterar com o nome que aparece no endereço de seu blog no FeedBurner.

Realizadas estas estas alterações, basta inserir todo o trecho do código antes da tag no seu site, ou se estiver usando um blog WordPress, basta criar um widget Texto/HTML e inserir o código já personalizado (por completo).

Pronto, seus problemas para captar e-mails e aumentar consideravelmente sua lista de e-mails está resolvido de uma vez por todas.

Se realmente gostou desta dica, além de deixar seu comentário, procure compartilhar esse artigo pelas redes sociais para ajudar mais webmasters de plantão!

Esse código realmente é um “salva vidas”, assim como o CriarSites.com, rs.

Este é um guest post que foi escrito por Rogério Gomes que bloga no WRG. Visite o blog e prestigie o autor.

Mais Artigos que você pode estar interessado

Efeito neve em seu site para comemorar o Natal

Celso Lemes — Sun, 10 Oct 2010 23:38:16 +0000

Prepare seu site para o Natal com um efeito neve muito legal.

Basta que você adicione este pequeno código antes da tag das páginas de seu site.

Você pode conferir o resultado nesta mesma página

Mais Artigos que você pode estar interessado

Instale um Caixinha de parceria em seu site/blog

Celso Lemes — Thu, 29 Oct 2009 10:54:49 +0000

É muito comum webmasters e blogueiros fazerem parcerias com a idéia de aumentar o trafego de visitantes e para facilitar a parceria.

Alguns webmasters costumam deixar a amostra o código do banner ou link dentro de uma pequena caixinha, onde o parceiro interessado pode pegar o código e adicionar em seu blog para dar início a parceria. Confira a imagem abaixo.

O código de implantação desta caixinha é bem simples e pode ser adicionado em praticamente qualquer lugar do site que aceite HTML. Clique aqui para baixar o código.

Como modificar o código
Caso você tenha dificuldades para alterar o código com as informações do seu site/banner, confira a explicação…

Na imagem acima você pode ver que eu destaquei os campos que devem ser modificados com algumas cores. Abaixo você pode conferir o que cada uma delas quer dizer.

Azul: O endereço completo do site ou da página de destino.
Vermelho: Se você quiser que o site abra na mesma janela modifique o “_blank” para “self”.
Verde: Endereço completo do seu banner.
Marrom: Texto alternativo do banner.
Laranja: Medidas exatas do banner utilizado.

Depois que fizer as modificações necessárias, publique o código em um local do seu site que suporte HTML.

Gostou desta dica? Tem dúvidas? Deixe um comentário.

Mais Artigos que você pode estar interessado

Dificulte a cópia do seu conteúdo desabilitando o botão direito do Mouse

Celso Lemes — Tue, 09 Jun 2009 13:56:02 +0000

A cópia do conteúdo por pessoas que querem se aproveitar de nossos trabalhos (alguns fazem por inocência, porque acham que isso não trará conseqüências para o autor) é um problema que uma hora ou outra todos nós webmasters enfrentamos e que infelizmente não existe um meio eficaz de impedir que isso aconteça.

No caso das páginas do site, o que nós podemos fazer é apenas dificultar a cópia utilizando um javascript que desabilita o uso do botão direito do mouse.

Porém repare que mesmo utilizando este script o seu conteúdo não estará 100% seguro contra cópias, por três simples motivos.

1 – Sempre que um visitante acessa o seu site, os arquivos que compõem a página é copiada para o computador do visitante. Desta forma, basta que ele olhe os arquivos temporários do navegador para ter acesso ao site inteiro.

2 – Se o visitante desabilitar o Javascript no navegador, este script não será carregado e conseqüentemente o botão direito estará novamente habilitado.

3 – O visitante pode ter acesso ao código fonte da página com a ajuda do próprio navegador clicando em Exibri e em Código Fonte.

Ou seja, se você não quer que ninguém copie seu conteúdo, a solução final seria “não publicar o seu conteúdo”.

Baixar o código
Você pode baixar o código do javascript aqui (clique com o botão direito e em salvar como).

Como instalar
Para instalá-lo em suas páginas, você deve copiar o código disponível na página de teste e colar entre as tags e do código de suas paginas que quiser bloquear.

Repare que este código somente pode ser implantado em editores de sites ou sistemas de criação de sites que permitam acesso ao código da página ou que pelo menos permitam inserir o código entre as tags e da página.

Página de teste
Infelizmente eu não posso instalar o código nesta página, por isso eu criei uma página de teste utilizando o DreamWeaver onde você poderá ver o código em ação e também . Se você quiser conferir este código em ação, visite esta página e tente clicar com o botão direito do mouse.

Mais Artigos que você pode estar interessado

Código para instalar uma Rádio Online no seu site

Celso Lemes — Thu, 26 Mar 2009 11:21:44 +0000

Hoje recebi um email de um visitante que adicionou uma rádio em seu site, porém sempre que uma nova página era carregada o player reiniciava.

Isso é muito comum de acontecer porque geralmente os webmasters colocam o player dentro das páginas do site, quando na verdade o player tem que ser colocado em uma página separada, que chamaria o restante do site utilizando um Frame.

Você pode conferir um exemplo aqui.

Como adicionar uma Rádio Online em seu site

A estrutura
No exemplo do player, a página é formada por 2 páginas + a página do site.
1 – Index.html
2 – player.html
3 – Página inicial do fórum.

Você pode fazer o download dos arquivos do frame aqui.

Editando os arquivos
Para fazer com que seu site apareça no frame, edite o arquivo index.html em um editor de sites e troque o atual endereço pelo endereço do da página principal do seu site.

Neste exemplo foi utilizado a rádio oferecida pelo portal Rádio Nova, porém você pode adicionar qualquer outra rádio editando o arquivo player.html

Se quiser que a rádio seja acessada a partir do endereço principal “www.seusite.com”, terá que manter o nome do arquivo index.html e renomear o arquivos da página principal do seu site para index2.hmtl (ou outro nome de sua escolha).

Notas Este tipo de arquivo não pode ser hospedado em sites de criação de sites que não oferecem acesso via FTP como Webnode, Blogger, Ucoz, Weebly, etc.

A pedido dos visitantes eu resolvi criar uma vídeo aula ensinando a instalar a rádio

Créditos da imagem de João Pedro.

Mais Artigos que você pode estar interessado

Como Criar uma Rádio Online

Mural de Recados que não precisa de Banco de Dados MySQL

Celso Lemes — Mon, 02 Mar 2009 16:39:18 +0000

Mural de Recados que não necessita de Banco de Dados MySQL.

Este mural foi desenvolvido pelo Willian do blog Pânico na Internata e necessita apenas que o servidor onde ele será instalado suporte PHP.

Seu funcionamento é bastante simples e ideal para webmasters que queiram disponibilizar uma área do site para os visitantes conversarem entre si.

Confira o resultado

Como instalar
Publique o mural em qualquer pasta de seu site e aplique a permissão chmod777 no arquivo recados.txt (se você não aplicar o chmode nesse arquivo, o mural não irá funcionar e retornará um erro).

Para adicionar o mural em suas páginas, você deve adicionar o seguinte código Iframe que será responsável por chamar o mural.

Nota
Caso a página em que pretende instalar o mural esteja em um local diferente de onde está aoljado o mural, será necessário adicionar o endereço completo do mural antes do texto index.php

Nota 2
Dentro dos arquivos do mural se encontram outras informações importantes. Recomendo que leia.

>> Faça o download do Mural de Recados do Pânico na Internata <<

Visite o site Pânido na Internata e prestigie o autor.

Mais Artigos que você pode estar interessado

CuteNews – Sistema de Notícias que não precisa de Banco de Dados MySQL

Celso Lemes — Thu, 26 Feb 2009 17:16:47 +0000

O CuteNews é um sistema de Notícias gratuito que não precisa de banco de dados, a única exigência é que o servidor onde o sistema será instalado suporte PHP.

Todos os dados referentes as notícias, são gravados em arquivos presentes dentro da pasta em que o CuteNews for instalado.

Esta é uma ótima opção para webmasters e blogueiros que precisam de um sistema dinâmico para publicar notícias ou novidades rapidamente.

Confira o resultado “aqui“.

Painel de Controle
O CuteNews possui um painel de controle onde você poderá criar, editar e apagar as notícias e comentários deixados pelos visitantes.

Aparência
Embora o CuteNews permita editar o template (somente tente se você entender sobre PHP e HTML) por padrão ele não possui um template definido, apenas mostra as notícias e os comentários permitindo que você o adicione em qualquer página de seu site.

Comentários
Os visitantes poderão deixar comentários personalizados com emoticons nas notícias postadas.

Como instalar

Publique o CuteNews em uma pasta dentro do servidor;
Aplique chmode777 na pasta “data” e em todos os arquivos que estiverem dentro dela;
Termine a instalação acessando o endereço http://seusite.com/cutenews/index.php (troque pelo endereço em que se encontra o CuteNews em seu servidor) e siga as instruções na tela.
Inclua o seguinte código na página em que deseja que o sistema apareça (se não for possível adicionar o código abaixo, tente por Iframe).
include(“cutenews/show_news.php”);
?>

Pronto! Agora é só começar a inserir as notícias em seu site.

Nota
Dentro da pasta do CuteNews, você poderá encontrar um arquivo chamado Readme que contém maiores informações sobre como incluir o sistema de notícias em seu site. Você pode conferir uma versão traduzida aqui.

Confira um vídeo de como proceder na instalação

Nota 2
O sistema CuteNews foi indicado ao Criar Sites pelo visitante Willian que desenvolve o site Naruto Shippuuden.

>> Faça o download do Cute News <<

Mais Artigos que você pode estar interessado

Templates Grátis para o Joomla

Celso Lemes — Wed, 13 Aug 2008 14:00:59 +0000

O Joomla é um dos melhores gerenciadores gratuitos de sites. Com ele é possível administrar um site de forma fácil de qualquer lugar do mundo, bastando apenas um computador com uma conexão com a internet.

Apesar de o Joomla ser gratuito, alguns dos templates existentes para ele são pagos. Por isso eu fiz uma pesquisa e descobri vários sites que disponibilizam templates gratuitos para o Joomla para que você crie seu site com a sua cara (não estou dizendo que você deve colocar sua foto no site) como os que podem ser vistos abaixo.

{Aperte o Shift enquanto clica no link se quiser que a página abra em outra janela}

Site Ground – O site tem 49 templates grátis.

Joomla Shack – Oferece 14 templates grátis para o Joomla.

Joomla Templates – Oferece 12 Templates gratuitos para o Joomla.

Joomla 24 – Segundo o site, eles possuem mais de 1500 templates gratuitos para o Joomla.

Joomla Designs – Oferece 11 templates gratuitos.

Joomla TP – Oferece centenas de templates gratuitos.

Themza – Oferece 8 templates grátis.

Joomlart – Oferece 58 templates grátis.

Best of Joomla – Oferece centenas de templates gratuitos.

Themes Base – Oferece centenas de templates gratuitos.

Joomla 2 U – Oferece mais de 500 templates gratuitos.

Todos os sites listados acima possuem templates para as versões 1.0.x e 1.5.x

Se tiver dúvidas sobre o Joomla confira o artigo “Crie seu site com o Joomla“