thonny Dom Abr 20, 2008 11:35 amMuitos(praticamente todos), que fazem servidores de Habbo, querem fazer um site também não é mesmo?
Afinal, isso torna seu servidor mais popular e conhecido.Além disso você ainda ganha um espaço para por notícias,eventos,até mesmo radios e outras coisas, causando muito mais entretenimento.
Mas porém muitos tem um problema em comum:
"Não sei programa em HTML para fazer o site"
Uma grande maioria não tem conhecimentos HTML para programar um site,com as imagens e logo que quiser,tipo de menu,entre outros fatores.
Muitos não sabendo isso optam pelo Freewebs.Um site que oferece SubDominio([Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e hospedagem gratuitos.Porém nem todos ficam satisfeitos com isso e querem fazer coisas melhores,porém,por não saber programação,acabam deixando o site de lado e muitas vezes o servidor acaba (em casos mais graves).
Muitos, apesar de não satisfeitos, continuam com o Freewebs.
Você é um deles e não está satisfeito?
Esqueça o FreeWebs.Agora você vai poder fazer um site com a sua cara, com os seus menus, sua imagens, e tudo o que quiser implementar nele.E o melhor:
Sem ter que saber HTML
Vamos ao que interessa:
--------------------------------------------------------------------#
Índice:
1-Programas Necessários
2-Criando seu site
3-Configurações básicas da pagina
4-Adicionando Logo e Imagens
5-Criando as outras páginas
6-Criando Menus Dinamicos
7-Adicionando Botões
8-Publicando Textos
9-Publicando na Internet
-------------------------------------------------------------------#
1-Programas Necessários
Você deve estar imaginando que se precisa de MUITOS programas para se fazer este site,porém,vai se surpreender:
Você precisa de apenas 1(Um) programa
Este programa se chama Cariboost 2.0
É um software Freeware, porém, possui contas Premium, as quais não são obrigatórias.
O Download do Cariboost pode ser feito no Link abaixo
Cariboost 2.0
Após baixar,insta-le normalmente.
2-Criando seu Site
Ao abrir o programa,clique em "Criação de espaço Web".Um campo para você digitar vai se abrir.Digite neste campo o nome do seu site e de "Ok".
Após fazer isso,selecione o espaço Web que você acabou de criar e de "Ok"
Uma nova janela vai se abrir,apresentando exemplos de Templates para o seu site.Selecione "Empty" e de "Ok"
Seu espaço Web está criado,porém é necessario um Site para hospeda-lo.
Para escolher um,vá na aba:
Ficheiro -> Editar espaço Web actual -> Escolher um novo alojamento.
Lá vai ter uma lista de paises (que possuem os sites para hospedagem gratúita apartir deste programa) e logo abaixo os sites de hospdagem que o país selecionado possui.
Selecione um e de Ok(Recomendo o IEspana).
Agora,você deve criar uma conta no site que você escolher.Para isso vá ao site dele e crie sua conta lá,depois preencha os campos corretamente(Nome de Utilizador e Senha)
Como se registrar no IEspana:
-Vá ao site deles
-Vá na Aba "Servicios" e entre em "IWEB Gratis"
-Clique em "Inscribe"
-Crie sua conta
-Logue no site
-Crie seu SubDominio(IWEB) pela sua conta no site
Após fazer isso volte ao programa e preencha os campos e de Ok.
Seu site está criado e com hospedagem.
PS:Agora,as explicações são mais breves e rapidas,pois as maneiras são simples.
3-Configurações básicas da pagina
Agora vamos configurar a parte básica do site.
Você agora está vendo apenas uma pagina braca com pontinhos não é mesmo?
Vamos configurar isso para deixar do jeito que você deseja.
Clique com o botão direito do mouse em algum ponto dessa pagina branca e vá em "Propriedades da página".
Agora,vamos definir o fundo.
Você pode escolher tanto uma imagem como uma cor.Para escolher uma cor,clique no quadrado branco e selecione a cor
Para escolher uma imagem,clique na foto ao lado do quadrado de cores,uma nova janela se abrirá.Clique em "Adicione imagens de seu computador",selecione a imagem,de Ok para enviar ao programa,depois de Ok.
Vamos definir o tamanho da página
Abaixo de onde configuramos o fundo temos "Ambiente de trabalho (zona de deslocação dos elementos).É aqui que se define os parâmetros da pagina.
Ele vem pré-configurado com um padrão de 800(Largura) por 1300(Altura).Você pode modificar a seu gosto,porém,em minha opinião,800x1300 está mais do que suficiente.Você pode ir almentando os parâmetros dela conforme vai precisando de espaço para publicar o necessario.
Seu site está pré-configurado para o conteúdo
4-Adicionando Logo e Imagens
Agora vamos ao logo e as imagens.
-Adicionando Logo:
O logo do site é praticamente a parte que chama mais atenção.Faça ela de acordo com o tema do site.Não exagere e nem poupe esforços.Ela deve ter em média a largura do site(No caso 800) e aproximadamente 150 a 175 de comprimento.
Após fazer a imagem adequada,vá na Aba:
Inserir... -> Inserir uma imagem
Então,clique no quadrado semelhante ao que usamos para por imagens de fundo e siga o mesmo processo para selecionar o Logo.
Ao confirmar ele vai aparecer marcado no seu site.Arraste-o(Como no paint ou em programas de edição de imagens) para o lugar desejado (No caso,o topo da pagina).
-Imagens
Siga o mesmo processo,porém,tome cuidado com as imagens que seleciona.Nunca use imagens inúteis perante ao tema.
5-Criando as outras páginas
Você fez a Home certo?Agora temos que adicionar as outras paginas.
Ao lado esquerdo da tela,clique em "Nova Página" (Possui o Ícone de uma folha em branco).
Ao criar uma nova pagina ela vai estar da mesma maneira de quando começamos o site(Branca com bolinhas pretas).
Agora você se pergunta:
Quer dizer que vou ter que digitar,por imagens,fazer menus em todas as pág. uma a uma???
Resposta:NÃO
Primeiramente,entre em "Propriedades da Pagina" e aplique as mesmas configurações primeira.
Após isso,volte a outra pagina(Mude de pagina pela lista abaixo de onde você criou a outra página).Clique em sim quando perguntar se você deseja salvar as alterações.
Agora,já na primeira página,segure a telca Ctrl e clique em cima dos itens que você adicionou a página para marca-los.Após todos estarem marcados,solte a telca Ctrl e precione Ctrl + C para copiar.
Então volte a outra pág. e aperta Ctrl+V para colar.
6-Criando Menus Dinâmicos
Agora vamos criar um menu.
Aqui eu vou ensinar a criar um menu na posição vertical,porém,é possivel criar na Horizontal e segue os mesmos princípios
Vá na aba:
Inserir... -> Inserir um Menu Dinâmico
O menu vai aparecer no site.Agora clique com o botão direito e vá em propriedades.
Primeiramente apague as pastas "Sub-Menu","Menu 1" e "Menu 2".
Agora vá em aparências,e configure do mesmo jeito da configuração de fundo,a fonte e o fundo do menu.
Volte a aba Geral e clique em novo menu,após ele aparecer clique sobre ele com o botão esquerdo(uma vez).Na parte inferior modifique primeiramente o nome.Depois clique em Modificar Link.Uma janela vai se abrir,então mude na Aba de sem Link para "Link a uma página deste website".Então,selecione a página que você deseja que este menu vá.
PS:Crie o menu em apenas uma página e copie ele para as outras.Quando precisar editar ele,edite em apenas uma,salve,delete o das outras pág. e copie.
PS2:Agora,as explicações se tornam bem rápidas,simples e diretas.
7-Adicionando Botões
Adicionar um botão com um link é muito simples.
1-Vá em:
Inserir... -> Inserir um botão
Clique com o botão direito e vá em propriedades.
Lá escolha formato,cor,fonte,cor da fonte e texto.Então,vá na aba "Criar/Modificar link" e adicione o link da mesma maneira como no menu
Depois de Ok e coloque o botão no lugar desejado.
8-Publicando Textos
Publicar um texto é simples.
Vá em:
Inserir --> Inserir um Texto Rico
Agora,arraste para a área que deseja que ele fique.
Agora,alargue ele como numa foto e deixe do tamanho e comprimento que desejar.
Clique duas vezes para digitar.A configuração do texto eh feita como no Fórum.Por uma aba acima do campo de digitar.
9-Publicando na Internet
Depois de ter feito tudo isso e ter o site pronto(ou pelo menos uma base dele),obviamente você quer colocar ele na Internet.
Primeiro vizualize.Clique no Ícone pré-vizualizar(Ícone em formato de binóculos).Para ver como ele ficou.Caso tenha gostado clique no Ícone ao lado "Publicar" e pronto =D
ATENÇÃO: PARA ELE PÚBLICAR AS CONFIGURAÇÕES DO ÍNICIO(SITE DE HOSPEDAGEM),DEVEM ESTAR COMPLETAS E CORRETAS,DO CONTRÁRIO,SERÃO APRESENTADOS ERROS.
--------------------------------------------------------------------------------------------------------------
Agora,quanto a aperfeiçoar sua técnica e aprender outras funcionalidades é por sua conta ;-)
Afinal, isso torna seu servidor mais popular e conhecido.Além disso você ainda ganha um espaço para por notícias,eventos,até mesmo radios e outras coisas, causando muito mais entretenimento.
Mas porém muitos tem um problema em comum:
"Não sei programa em HTML para fazer o site"
Uma grande maioria não tem conhecimentos HTML para programar um site,com as imagens e logo que quiser,tipo de menu,entre outros fatores.
Muitos não sabendo isso optam pelo Freewebs.Um site que oferece SubDominio([Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e hospedagem gratuitos.Porém nem todos ficam satisfeitos com isso e querem fazer coisas melhores,porém,por não saber programação,acabam deixando o site de lado e muitas vezes o servidor acaba (em casos mais graves).
Muitos, apesar de não satisfeitos, continuam com o Freewebs.
Você é um deles e não está satisfeito?
Esqueça o FreeWebs.Agora você vai poder fazer um site com a sua cara, com os seus menus, sua imagens, e tudo o que quiser implementar nele.E o melhor:
Sem ter que saber HTML
Vamos ao que interessa:
--------------------------------------------------------------------#
Índice:
1-Programas Necessários
2-Criando seu site
3-Configurações básicas da pagina
4-Adicionando Logo e Imagens
5-Criando as outras páginas
6-Criando Menus Dinamicos
7-Adicionando Botões
8-Publicando Textos
9-Publicando na Internet
-------------------------------------------------------------------#
1-Programas Necessários
Você deve estar imaginando que se precisa de MUITOS programas para se fazer este site,porém,vai se surpreender:
Você precisa de apenas 1(Um) programa
Este programa se chama Cariboost 2.0
É um software Freeware, porém, possui contas Premium, as quais não são obrigatórias.
O Download do Cariboost pode ser feito no Link abaixo
Cariboost 2.0
Após baixar,insta-le normalmente.
2-Criando seu Site
Ao abrir o programa,clique em "Criação de espaço Web".Um campo para você digitar vai se abrir.Digite neste campo o nome do seu site e de "Ok".
Após fazer isso,selecione o espaço Web que você acabou de criar e de "Ok"
Uma nova janela vai se abrir,apresentando exemplos de Templates para o seu site.Selecione "Empty" e de "Ok"
Seu espaço Web está criado,porém é necessario um Site para hospeda-lo.
Para escolher um,vá na aba:
Ficheiro -> Editar espaço Web actual -> Escolher um novo alojamento.
Lá vai ter uma lista de paises (que possuem os sites para hospedagem gratúita apartir deste programa) e logo abaixo os sites de hospdagem que o país selecionado possui.
Selecione um e de Ok(Recomendo o IEspana).
Agora,você deve criar uma conta no site que você escolher.Para isso vá ao site dele e crie sua conta lá,depois preencha os campos corretamente(Nome de Utilizador e Senha)
Como se registrar no IEspana:
-Vá ao site deles
-Vá na Aba "Servicios" e entre em "IWEB Gratis"
-Clique em "Inscribe"
-Crie sua conta
-Logue no site
-Crie seu SubDominio(IWEB) pela sua conta no site
Após fazer isso volte ao programa e preencha os campos e de Ok.
Seu site está criado e com hospedagem.
PS:Agora,as explicações são mais breves e rapidas,pois as maneiras são simples.
3-Configurações básicas da pagina
Agora vamos configurar a parte básica do site.
Você agora está vendo apenas uma pagina braca com pontinhos não é mesmo?
Vamos configurar isso para deixar do jeito que você deseja.
Clique com o botão direito do mouse em algum ponto dessa pagina branca e vá em "Propriedades da página".
Agora,vamos definir o fundo.
Você pode escolher tanto uma imagem como uma cor.Para escolher uma cor,clique no quadrado branco e selecione a cor
Para escolher uma imagem,clique na foto ao lado do quadrado de cores,uma nova janela se abrirá.Clique em "Adicione imagens de seu computador",selecione a imagem,de Ok para enviar ao programa,depois de Ok.
Vamos definir o tamanho da página
Abaixo de onde configuramos o fundo temos "Ambiente de trabalho (zona de deslocação dos elementos).É aqui que se define os parâmetros da pagina.
Ele vem pré-configurado com um padrão de 800(Largura) por 1300(Altura).Você pode modificar a seu gosto,porém,em minha opinião,800x1300 está mais do que suficiente.Você pode ir almentando os parâmetros dela conforme vai precisando de espaço para publicar o necessario.
Seu site está pré-configurado para o conteúdo
4-Adicionando Logo e Imagens
Agora vamos ao logo e as imagens.
-Adicionando Logo:
O logo do site é praticamente a parte que chama mais atenção.Faça ela de acordo com o tema do site.Não exagere e nem poupe esforços.Ela deve ter em média a largura do site(No caso 800) e aproximadamente 150 a 175 de comprimento.
Após fazer a imagem adequada,vá na Aba:
Inserir... -> Inserir uma imagem
Então,clique no quadrado semelhante ao que usamos para por imagens de fundo e siga o mesmo processo para selecionar o Logo.
Ao confirmar ele vai aparecer marcado no seu site.Arraste-o(Como no paint ou em programas de edição de imagens) para o lugar desejado (No caso,o topo da pagina).
-Imagens
Siga o mesmo processo,porém,tome cuidado com as imagens que seleciona.Nunca use imagens inúteis perante ao tema.
5-Criando as outras páginas
Você fez a Home certo?Agora temos que adicionar as outras paginas.
Ao lado esquerdo da tela,clique em "Nova Página" (Possui o Ícone de uma folha em branco).
Ao criar uma nova pagina ela vai estar da mesma maneira de quando começamos o site(Branca com bolinhas pretas).
Agora você se pergunta:
Quer dizer que vou ter que digitar,por imagens,fazer menus em todas as pág. uma a uma???
Resposta:NÃO
Primeiramente,entre em "Propriedades da Pagina" e aplique as mesmas configurações primeira.
Após isso,volte a outra pagina(Mude de pagina pela lista abaixo de onde você criou a outra página).Clique em sim quando perguntar se você deseja salvar as alterações.
Agora,já na primeira página,segure a telca Ctrl e clique em cima dos itens que você adicionou a página para marca-los.Após todos estarem marcados,solte a telca Ctrl e precione Ctrl + C para copiar.
Então volte a outra pág. e aperta Ctrl+V para colar.
6-Criando Menus Dinâmicos
Agora vamos criar um menu.
Aqui eu vou ensinar a criar um menu na posição vertical,porém,é possivel criar na Horizontal e segue os mesmos princípios
Vá na aba:
Inserir... -> Inserir um Menu Dinâmico
O menu vai aparecer no site.Agora clique com o botão direito e vá em propriedades.
Primeiramente apague as pastas "Sub-Menu","Menu 1" e "Menu 2".
Agora vá em aparências,e configure do mesmo jeito da configuração de fundo,a fonte e o fundo do menu.
Volte a aba Geral e clique em novo menu,após ele aparecer clique sobre ele com o botão esquerdo(uma vez).Na parte inferior modifique primeiramente o nome.Depois clique em Modificar Link.Uma janela vai se abrir,então mude na Aba de sem Link para "Link a uma página deste website".Então,selecione a página que você deseja que este menu vá.
PS:Crie o menu em apenas uma página e copie ele para as outras.Quando precisar editar ele,edite em apenas uma,salve,delete o das outras pág. e copie.
PS2:Agora,as explicações se tornam bem rápidas,simples e diretas.
7-Adicionando Botões
Adicionar um botão com um link é muito simples.
1-Vá em:
Inserir... -> Inserir um botão
Clique com o botão direito e vá em propriedades.
Lá escolha formato,cor,fonte,cor da fonte e texto.Então,vá na aba "Criar/Modificar link" e adicione o link da mesma maneira como no menu
Depois de Ok e coloque o botão no lugar desejado.
8-Publicando Textos
Publicar um texto é simples.
Vá em:
Inserir --> Inserir um Texto Rico
Agora,arraste para a área que deseja que ele fique.
Agora,alargue ele como numa foto e deixe do tamanho e comprimento que desejar.
Clique duas vezes para digitar.A configuração do texto eh feita como no Fórum.Por uma aba acima do campo de digitar.
9-Publicando na Internet
Depois de ter feito tudo isso e ter o site pronto(ou pelo menos uma base dele),obviamente você quer colocar ele na Internet.
Primeiro vizualize.Clique no Ícone pré-vizualizar(Ícone em formato de binóculos).Para ver como ele ficou.Caso tenha gostado clique no Ícone ao lado "Publicar" e pronto =D
ATENÇÃO: PARA ELE PÚBLICAR AS CONFIGURAÇÕES DO ÍNICIO(SITE DE HOSPEDAGEM),DEVEM ESTAR COMPLETAS E CORRETAS,DO CONTRÁRIO,SERÃO APRESENTADOS ERROS.
--------------------------------------------------------------------------------------------------------------
Agora,quanto a aperfeiçoar sua técnica e aprender outras funcionalidades é por sua conta ;-)
