Programas para Criar Sites

by Celso Lemes on 16/04/2008

in Criar Site Grátis

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

Related Posts with Thumbnails

Mais Artigos que você pode estar interessado




{ 78 comments… read them below or add one }

1 Celso Lemes 25/06/2009 às 4:38 pm

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!

Responder

2 Higor 25/06/2009 às 8:44 pm

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

Responder

3 Celso Lemes 26/06/2009 às 10:48 am

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!

Responder

4 higor 26/06/2009 às 3:45 pm

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

Responder

5 Celso Lemes 26/06/2009 às 6:05 pm

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!

Responder

6 Higor 27/06/2009 às 2:06 pm

celso, tem algum tutorial mostrando como coloca esses negocios para comentar ? ou tem que criar mesmo ?

Responder

7 Celso Lemes 27/06/2009 às 10:11 pm

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!

Responder

8 Higor 29/06/2009 às 2:28 pm

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

Responder

9 Celso Lemes 29/06/2009 às 4:19 pm

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!

Responder

10 Francisco 13/07/2009 às 10:56 am

Cara teu site e praticamente uma video
aula enssina direitinho…

blzzz

fuizz

Responder

11 Francisco 13/07/2009 às 11:05 am

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..>

Responder

12 celsoalemes 13/07/2009 às 3:18 pm

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!

Responder

13 Francisco 14/07/2009 às 10:06 am

Celsoalemes

Muito obrigado pela dica
Blzz, seu site é um otimo lugar pra aprender
bastante…

blzzz
flww
Abraços !!

Responder

14 Anderson 28/07/2009 às 12:02 pm

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

Responder

15 celsoalemes 28/07/2009 às 6:18 pm

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.

Responder

16 Amanda 10/08/2009 às 10:27 am

ooie !

adoreei as dicas, valeeu mesmoo , em breve vou criar meu proprio site :lol:

Beijoos :*

Responder

17 Jossan Glayton 27/09/2009 às 2:38 pm

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 :grin:

Responder

18 Celso Lemes 28/09/2009 às 12:04 am

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!

Responder

19 Altair Barbosa 04/11/2009 às 10:10 pm

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!

Responder

20 Celso Lemes 04/11/2009 às 11:13 pm

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!

Responder

21 Vinicius 06/11/2009 às 4:08 pm

Como eu crio um site igual a este
http://www.habbo.com.br/me

Responder

22 Celso Lemes 08/11/2009 às 12:07 am

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!

Responder

23 Irlani 03/03/2010 às 12:55 pm

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:

Responder

24 Celso Lemes 04/03/2010 às 12:14 am

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!

Responder

25 Irlani 04/03/2010 às 10:50 am

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!

Responder

26 Irlani 11/03/2010 às 7:31 pm

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.

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Previous post:

Next post: