Programas utilizados para criar sites.
![]() |

Imagem de Shai Coggins
O desenvolvimento de websites requer algumas ferramentas como editor de sites, editor de imagens, animador de imagens e cliente FTP para publicação do site.
Cada uma das ferramentas citadas aqui se referem a diferentes finalidades, portanto não é necessário utilizar todas ao criar um site. Pode-se perfeitamente utilizar apenas um editor de sites junto com um template pronto. Neste caso poderia não ser necessário o uso de um editor ou animador de imagens.
Você deve avaliar o resultado final que deseja alcançar e tentar utilizar as ferramentas de acordo.
Nota
Por se tratar de programas profissionais, alguns dos programas citados nesta página são pagos.
Também repare que alguns destes programas são tão complexos que necessitam de um bom tempo de aprendizado. Portanto você poderá necessitar de um curso apropriado ou se você for autodidata, poderá baixar uma apostila referente ao programa.
Editores de sites
Os editores de sites permitem criar e editar o código das páginas de um site.
A maioria dos programas permitem trabalhar o site de forma visual onde você vê o que está sendo feito, sendo do editor todo o trabalho de gerar o código das páginas.
Para os iniciantes, os editores visuais são altamente recomendados, pois assim o aprendizado se torna mais fácil e rápido.
Alguns programas que permitem criar sites de forma visual e por código são: DreamWeaver (eu recomendo), FrontPage e NVU.
Editor de imagens
Os editores de imagens permitem criar e editar imagens que pode ser utilizadas como parte do design ou algum elemento inserido na página.
Embora seja possível criar um site utilizando templates prontos, as vezes nos vemos em situações em que é necessário recortar, modificar ou diminuir o tamanho de uma imagem.
Profissionais em Webdesign preferem utilizar programas como o FireWorks e PhotoShop. Eu, como sou do contra, prefiro utilizar o Corel Draw.
Animadores de imagens
O tipo de animação mais utilizado desde os tempos remotos da internet é o gif animado, onde a animação é criada utilizando várias imagens que são exibidas uma após a outra, dando a impressão que a imagem está em movimento.
O programa mais utilizado para criar Gifs animados é o Gif Animator . Eu também recomendo o Diniz Gif Animator que apesar de não possuir todos os recursos do Gif Animator cumpre sua tarefa que é a de animar imagens.
Temos também o flash que é utilizado por profissionais na criação de animações mais realistas. Com ele é possível criar menus, banners, a até sites inteiros.
Cliente FTP
FTP é o protocolo utilizado para transferir arquivos entre o servidor (onde o site será armazenado) e o computador local (seu computador). Ele cria uma conexão remota permitindo publicar um site bastando arrastar os arquivos para a pasta do servidor.
Todos os serviços de hospedagem profissional permitem o uso de programas FTPs, porém alguns servidores gratuitos somente permitem publicar os sites utilizando um gerenciador de arquivos próprio como é o caso do BraveNet.
Um cliente FTP que eu recomendo é o FileZilla. Além de ser gratuito, possui recursos avançados e é fácil de mexer. Confira um tutorial onde em ensino a publicar sites utilizando o FileZilla.
Estes são alguns dos principais programas utilizados por profissionais no ramo da criação de websites. Se você souber de algum outro, fique a vontade para deixar sua dica nos comentários.
Artigos relacionados
20 Sites de Gifs Animados
Templates Grátis para criar Sites







{ 90 comentários… leia abaixo ou deixe o seu }
← Comentários Anteriores
Higor,
Desculpe mas essa é uma informação que eu não passo mais aqui no site, mas você pode conferir o último artigo em que eu citei os valores aqui http://www.criarsites.com/o-que-aconteceu-no-criar-sites-no-mes-de-abril-de-2009/
Abraço!
obrigado celso
mais vcs tem algum tutorial que mostre a criar +paginas
tipow fis a capa do site e talz agora clika em contato e vai pra outra pagina como eu crio essa outra pagina ? no dreawweaver ;s
Higor,
Se você já fez a capa, basta que você salve este mesmo arquivo com outro nome e insira os dados dentro dela.
Depois crie um link apontando para esta nova página.
Abraço!
obrigado celso.
mais uma pergunta tipow abaixei um template ai tem tudo akeles risco dividindo imgagen das letras e talz um risco amarelo pontilhado. eu quero saber bota akeles riscos sabe me explicar ?
obrigado
Higor,
Infelizmente não dá para eu te falar, porque cada template é feito de um jeito. Pode ser que ele use uma imagem, pode ser que ele foi feito por CSS e etc.
Tenta copiar Ctrl + C e colar no local que você deseja.
Abraço!
celso, tem algum tutorial mostrando como coloca esses negocios para comentar ? ou tem que criar mesmo ?
Higor,
A área de comentários existe em sistemas CMS como é o caso dos blogs.
Para instalar algo assim em sites seria necessário saber programação.
Se você precisa se uma área de comentários eu recomendo que procure criar seu site com um sistema CMS ou construtor de sites que permita fazer isso.
Abraço!
Celso obrigado denovo
+ uma perguntinha tem algum video mostrando como colocar video do youtube no site ?
por favor se não tiver video vc pode me ensinar com poucas palavras ?
obrigado
Higor,
Você pode conferir este artigo em que eu falo como colocar vídeos no site http://www.criarsites.com/como-colocar-videos-do-youtube-no-site/
Abraço!
Cara teu site e praticamente uma video
aula enssina direitinho…
blzzz
fuizz
Bom dia admin do site …
uma pergunta…
Como posso fazer um slide de imagens
igual a do http://www.baixaki.com.br
que fica passando as imagens..
blzzz
se puder dar me a respostas eu agradeco
blzz
eu estou construindo um site de Musica
espero que eu num seja peocessado por pirataria ..
blzz
fui..>
Francisco,
Aí vai depender de onde ou como você está tentando criar seu site.
Uma boa solução para qualquer tipo de site seria o Slide http://www.slide.com/arrange
Abraço!
Celsoalemes
Muito obrigado pela dica
Blzz, seu site é um otimo lugar pra aprender
bastante…
blzzz
flww
Abraços !!
Celso, tb estou assim como vc aprendendo sozinho a lhi dar com essas ferramentas, recentemente criei o http://www.biologosdobrasil.yolasite.com mais como vc disse mais mesmo para efeito de aprendizado vou abandonar o projeto a partir de agora e começar a desenvolver um web mais profissional
Anderson,
Realmente eu sempre indico para as pessoas que somente utilizem os serviços gratuitos para aprendizado e que partam para uma hospedagem profissional assim que sentirem que estão no caminho certo.
Abraço e muito sucesso.
ooie !
adoreei as dicas, valeeu mesmoo , em breve vou criar meu proprio site
Beijoos :*
No caso dos editores de imagens Photoshop e o Corel Draw são pagos, tem algum outro que pode substituí-los sendo gratuitos?
Obs.: tenho o Photoscape serve?
agradeço
Amanda,
Obrigado por comentar.
Jossan,
O PhotoScape serve, porém ele somente permite criar imagens básicas.
Se você procura algo sofisticado eu recomendo o Gimp que é um editor profissional de distribuição gratuita.
Abraço!
gostaria de deixar meu site como se fosse um fórum mais não sei como estou usando o cariboost e gostaria de saber como fazer pra conseguir isto gostaria de ter um sistema de usuarios perfil e que eles consigam postar! um abraço e espero que possa me ajudar até mais!
Altair,
Criar um site assim como o WebAcappella seria muito complicado, recomendo que crie um fórum mesmo ou que faça um curso sobre programação.
Abraço!
Como eu crio um site igual a este
http://www.habbo.com.br/me
Vinicius,
Um site assim não é nada fácil de criar, você precisa ser um programador de PHP, CSS, HTML, MySQL e etc.
Se você realmente deseja criar um site assim, recomendo que faça cursos.
Abraço!
Olá! Veja se você pode me ajudar.
Estou criando um site no Dremweaver CS3 e o texto do “alt” não aparece nos testes do Navegador Explorer.
O que pode estar acontecendo?
Exemplo de código:
Irlani,
O Dreamweaver não oferece esta opção. Seria necessário que você adicione o código referente ao título alternativo manualmente.
Abraço!
Muito Obrigado!
Desta forma pude resolver o meu problema.
Assim que publicar o meu site faço questão de sua opinião para melhorias. Ok!
Um abraço!
Olá! Preciso de + 1 ajudinha.
Coloquei em meu site uma div de 902 px de altura com baner deslizante usando: <marquee behavior="scroll". Está funcionendo bem, porém eu quero que quando a página for aberta os baners apareçam em toda extenção da div e somente depois de uns 5 segundos comecem a rolar.
Outra coisa. Como faço para que ao chegar o último baner o 1º já esteja logo em seguida e não iniciando no fim da div, que como é longa, está fora da visão quando no início da página.
Espero que seja possível.
Desde já agradeço suas dicas.
Quebrooo meu galho pro trabálho de informática , vllw !
Cara bem legal, e bem interessante.
Mais o editor de imagens é o Corel PhotoPaint não o Corel Draw. Corel Draw é para criar imagens.
Abraços”
Adorei este espaço! Parabéns Celso!
Penso em montar dois tipos de sites, sendo um site filantrópico de nível informativo (sem fins lucrativos) para levar dicas para um público específico e um segundo site para ganhar dinheiro oferecendo produtos acessórios de moda com preços bem acessíveis para o público em geral.
Vou tentar seguir sua dicas para montar os dois sites. Assim espero!
Celso, fico feliz em saber que compartilha seu conhecimento com todos na rede! Registro meus sinceros agradecimentos e comunico que pretendo publicar alguns textos que elaborei da seara do Direito no sabetudo.com o qual localizei através de sua página. Sua iniciativa é maravilhosa! Muito grata!
Votos de felicidades para todos!
Claudia Lima
Claudia,
Espero que você tenha sucesso com os seus projetos. Se tiver alguma dúvida, passe aqui, quem sabe eu não possa ajudar.
Estarei aguardando os seus artigos no oSabeTudo.com, você será bem vinda lá.
Abraço!
Olá Celso?
Td b?
Celso, estou com um probleminha, eu sai do zooming e estou no site de hospedagem Ti Fácil, lá eu não tenho alguém que me ajude no desenvolvimento do meu site. Eu preciso de ferramentas para colocar banners, anuncios, enfim publicidades de afiliação nas minhas páginas, mas neste site não tem como script, pelo menos dentro do meu pouquissimo conhecimento não tem, e eu enviei um ticke pedindo ajuda e o analista de Suporte Técnico pediu para mim pedir ajuda de um desenvolvedor. Eu quero fazer alguns cursos, mas no momento está difícil financeiramente. Portanto, conto com a sua ajuda em orientar-me o que fazer.
Por enquanto obrigado!
Carlos Passion
Carlos,
Para que eu possa te ajudar, seria necessário que você me explique mais sobre o que ou como está fazendo para criar seu site.
Repare que o que você pretende fazer pode exigir mesmo algum estudo sobre como a plataforma que você está utilizando para criar o seu site.
Eu posso tentar te ajudar, mas seria bem complicado explicar aqui pelos comentários.
Abraço!
Celso Lemes
quais programas vc me recomendaria pra criar site gratis…?
é q eu to começando a fazer sites agora e pelo o q eu li vc entende muito ai vim aki te pedir umas dicas ai ….
http://www.youtube.com/watch?v=2t7bmJjEO-A
sera q vc poderia me dizer onde posso baixar esse programa q ele estava usando no video?
Darlon,
Se você quer mais controle sobre o que quer adicionar no site eu recomendo o DreamWeaver. Se você quer um programa mais fácil (com algumas limitações) eu recomendo o WebAcappella. Se você quer algo mais fácil ainda (com mais limitações) eu recomendo o Webnode.
O programa que aparece no vídeo é o BlueVoda. Mas repare que sites feitos com ele somente podem ser publicados nos servidores do BlueVoda (pago).
Abraço!
foi otimo mas preciso saber quanto custa o programa para criação do site
obrigado
Jaldemir,
Você pode utilizar o Webnode para criar seu site. Eles tem uma versão gratuita que você pode utilizar.
Abraço!
← Comentários Anteriores