[SITE] Guia prático ~CRIAÇÕES DE SITES~

[fetish]

Olá, me chamo Near. aqui estou eu de volta com a 2ª parte do meu guia sobre criação de sites para servidores de Lineage II.

[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]

Índice
[1]-Introdução
[2]-Filezilla
[3]-Sistema de News
---[3.1]-Requísitos
---[3.2]-Instalação
---[3.3]-Configuração
------[3.3.1]-Usuários
------[3.3.2]-Templates
------[3.3.3]-Configurações Pessoais
------[3.3.4]-Sitema
------[3.3.5]-BackUp
---[3.4]-Mostrando
---[3.5]-Postando
[4]-Dúvidas Freqüentes
[5]-Agradecimentos Finais

Capítulo 1 - Introdução

No último guia, eu disponibilizei os links para tudo que é necessário para criar um site de servers e os scripts que facilitam toda a vida de um webmaster. Agora falta instalar tudo isso. Como? Via FTP. FTP (File Transfer Protocol (Protocolo de Transferência de Arquivos) é um servidor interligado com o HTML do site. Com o FTP é possível mandar arquivos se conectando direto com o servidor usando um programa auxiliar. Nesta série, usaremos o Filezilla, que tem uma interface simples e é bem rápido em suas transferências.

Capítulo 2 - Filezilla

Após ter baixado e instalado devidamente o Filezilla, abra-o, usando o atalho em sua Área de Trabalho. Você provavelmente verá algo assim:

[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]

No campo Host, você deve colocar o host do servidor FTP.
No campo nome de usuário, coloque o seu usuário do FTP.
No campo Password, coloque a senha do FTP.

Se você for usar Apache ou Abyss no teu servidor e quiser usar uma porta dele para o site, então coloque esta porta no campo Porta. A maioria dos servers FTP não tem uma porta específica, então não há necessidade de se mexer neste campo.

Após preencher tudo direitinho, clique em Conexão Rápida.
O FTP começará a conectar com seu site. Aguarde alguns segundos

O painel direito mostra o que tem dentro do seu site e pode ser usado. O painel esquerdo mostra os arquivos e pastas do seu computador, que você pode transferir para o seu site a qualquer momento.
Para transferir um arquivo, basta clicar sobre ele e arrastá-lo para o painel direito. A transferência iniciará.

Durante a transferência
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]


Capítulo 3 - Sistema de News
Um Sistema de News pode ser bem útil. Ele proporciona mais dinamismo, melhor acesso, menos trabalho para o webmaster e alta performance, incluindo comentários, headlines e templates. Na parte 01, eu disponibilizei 2 sistemas muito bons e fáceis de se mexer, usando somente arquivos TXT/PHP e nenhuma tabela SQL(como tantos outros).

MzNews²
O MzNews² era um projeto de avanço rápido e de boa composição, sendo usado em muitos sites bons e até empresariais, mas foi cancelado e parou na versão 2.0 RC5(eu não recomendo a 2.0), mas deixou disponibilizado para o público ambas as versões: 1.0 Final e 2.0 RC5. Link na parte 01. Fornece configuração para templates, users e news.

CuteNews
Da mesma empresa do CuteFTP, o CuteNews é um sistema de news quase q a base de PHP, o que favorece em muito o dinamismo. Já está na versão 1.4 e avançando. Fornece configuração de templates, users, news e categorias.

---3.1 - Requísitos
O server que você vai usar no site deve ter:
FTP
PHP - Recomendado: 4 ou superior
Suporte a CHMOD - Infelizmente não tem como saber se o servidor suporta CHMOD sem perguntar ou testar no FTP

---3.2 - Instalação
MzNews²
Após baixar e extrair a pasta do MzNews² para algum lugar, abra o CoreFTP e arraste a pasta que você extraiu para o seu site. Espere o upload.
Para concluir a instalação, entre no diretório do MzNews² no seu site. Exemplo: [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
Aparecerá uma tela de configuração inicial. Preencha os dados corretamente e Pronto!

CuteNews
[COLOR="DeepSkyBlue"]Após baixar e extrair a pasta do CuteNews para algum lugar, abra o filezilla e arraste a pasta que você extraiu para o seu site. Espere o upload.
Para concluir a instalação, entre no diretório do CuteNews no seu site.
Aparecerá uma tela de configuração inicial. Preencha os dados corretamente.
Depois, delete o arquivo install.mdu que se encontra na pasta inc do CuteNews que você pois no site e Pronto!

---3.3 - Configuração
O melhor desses sistemas de news é a configuração! Você pode configurar praticamente tudo que quiser/precisar!

------3.3.1 - Usuários

Adicionando
MzNews²
Na página incial do MzNews²(ex.: [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] ), clique no ícone de Usuários(duas pessoinhas mal desenhadas usadas pelo Ruindows... err... Windows XP). Nela aparecerá os usuários do seu sistema. Clique em Adicionar. Preencha os campos e clique em OK. Pronto!

CuteNews
Faça o login e clique em Options. Clique na opção Add/Edit Users vai aparecer um formulário de adição de novos membros. Preencha-o e clique em Add User.
No campo de Access Level, escolha uma das opções:
Administrator - Pode excluir notícias, publicar novas notícias, editar notícias e comentar, além de mexer nas opções.
Editor - Pode excluír, editar, postar notícias e comentar.
Journalist - Pode postar notícias e editar só as postadas por ele, além de comentar.
Commenter - Pode somente comentar notícias.

Editando
MzNews²
Na página de Usuários, clique no usuário que você quer editar. Preencha os campos que quer editar e clique em Salvar.

CuteNews
Na página de Add/Edit Users, clique a opção [edit] do usuário que você quer editar. As únicas opções a se editar são a senha e o nível de acesso(Access Level).

------3.3.2 - Templates
Adicionando
MzNews²
No MzNews², usa-se um único template, então só se pode editar o template existente.

CuteNews
Clique no menu Options e depois em Menage Templates. Clique em [create new template]. No primeiro campo, escolha um template já existente para servir de base. No segundo, escolha o nome ddo novo template. Clique em Create Template. Pronto!

Editando
MzNews²
Editar um template é muito fácil. Basta você criar um conjunto de tags html que formem uma espécie de quadro, com espaço para data, notícia, avatar, autor e alguma outra coisa que lhe interesse por. Tags como <html>, <body> e <head> e seus fechamentos não podem estar incluídas.
Por exemplo:

<div align="left">[{date day}/{date month}] <a href="#{news id}" title="Por {user name} em {news dateFull}"><b>{news title}</b></a></div>

Esse é o código padrão para uma Headline. Isso na página ficaria assim:
[dia/mês] Nome da News
("Nome da News" seria um link para a news.)
Na edição, no lugar do campo que você quer que apareça, coloque o seguinte:
{news id} - ID da notícia.
{news title} - Nome da notícia.
{news content} - Conteúdo da notícia.
{comments count} - Nº de comentários.
{news dateFull} - Data da notícia. Completa.
{date day} - Data da notícia. Dia.
{date month} - Data da notícia. Mês.
{date year} - Data da notícia. Ano.
{date hour} - Data da notícia. Hora.
{date minute} - Data da notícia. Minutos.
{date second} - Data da notícia. Segundos.
{user user} - Nome do autor.
{user name} - Nickname do autor.
{user email} - E-Mail do autor.
{user avatar} - Avatar do autor.
{user field1} - ICQ do autor.
{user field2} - MSN do autor.
Essas tags também podem ser usadas em links.Exemplo:

<a href="mailto:{user email}">E-mail</a>

CuteNews
Vá na página de Edit Templates e selecione o template a editar no campo Switch to Template e clique em OK. Clicando nos nome dos campos que se quer editar, aparecem as possíveis tags para aquele campo. Editar um template é muito fácil. Basta você criar um conjunto de tags html que formem uma espécie de quadro, com espaço para data, notícia, avatar, autor e alguma outra coisa que lhe interesse por. Tags como <html>, <body> e <head> e seus fechamentos não podem estar incluídas.
As Tags usaveis se encontram acima do quandro para a edição, mas como um bom tradutor e tutor, aqui estão as traduzidas.
{title} - Título da notícia. - Usável em:Active News , Full News.
{avatar} - Mostra avatar do autor(se houver algum). - Usável em:Active News , Full News.
{short-story} - Mostrar resumo da história. (Campo Short Story na postagem de News). - Usável em:Active News , Full News.
{full-story} - Mostrar história completa. (Campo Full Story na postagem de News). - Usável em:Active News , Full News.
{comment} - Mostrar comentário. - Usável em:Comment.
{author} - Nome do autor com link para e-mail. - Usável em:Active News , Full News , Comment.
{author-name} - Nome do autor sem link para e-mail. - Usável em:Active News , Full News.
[mail] e [/mail] - Gera um link para o e-mail do autor. Ex: [mail]E-Mail[/mail]. - Usável em:Active News , Full News.
{mail} - E-Mail do autor do comentário. - Usável em:Comment.
{date} - Data que a news foi postada. - Usável em:Active News , Full News , Comment.
[link] e [/link] - Gera um link permanente para a Full Story. Ex: [link]Full[/link]. - Usável em:Active News.
[full-link] e [/full-link] - Gera um link para a Full Story somente se houver alguma. Ex: [full-link]Full[/full-link]. - Usável em:Active News.
[com-link] e [/com-link] - Gera um link para os comentários do artigo. Ex: [com-link]Coments[/com-link] - Usável em:Active News.
{comments-num} - Mostra o nº de comentários sobre o artigo. - Usável em:Active News , Full News.
{category} - Mostra a categoria do artigo, se houver alguma. - Usável em:Active News , Full News.
{category-icon} - Mostra o ícone da categoria, se houver algum. - Usável em:Active News , Full News.
[prev-link] e [/prev-link] - Gera um link para a página anterior de notícias/comentários. Ex:[prev-link]Notícias Anteriores[/prev-link] - Usável em:News Pagination , Comments Pagination.
[next-link] e [/next-link] - Gera um link para a próxima página de notícias/comentários. Ex:[next-link]Próximas Notícias[/next-link]. - Usável em:News Pagination , Comments Pagination.
{pages} - Gera links numéricos para as páginas de notícias/comentários. Ex: 1 2 3 4 5(cada um desses nºs representam uma página). - Usável em:News Pagination , Comments Pagination.
Essas Tags podem ser usadas entre sí. Ex:

[com-link]{comments-num}[/com-link]

------3.3.3 - Configurações Pessoais
MzNews²
Clique no ícone de Configurações(um certinho vermelho). Como está em português, axo que não há necessidade de se explicar cada campo não é? Caso haja demanda, eu editarei o tuto e colocarei as explicações.

CuteNews
Clique em Options e em System Configuration.
Full URL to CuteNews directory - Coloque aqui a url completa até o diretório do cutenews, no nosso exemplo: [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
CuteNews Skin - A skin que o cutenes irá usar. Deixe "Default" para usar a skin que você editou.
Auto Wrap Comments - Digite nesse campo o limite de caracteres de uma palavra antes dela passar para outra linha.
Comments Flood Protection - Controle de flood para comentários. Digite 0 para retirar o controle.
Smilies - Palavras usadas para os smiles.
Time Adjustment - Ajuste do horário. Em minutos. Ex: +120=adicionar 2 horas. -120=reduzir em 2 horas.
Use Avatars - Coloque "Yes" para mostrar avatars e "No" para o campo de avatars ficar em branco.
Reverse Comments - Coloque "Yes" para os comentários mais novoc virem em primeiro.
Reverse News - Coloque "Yes" e as notícias mais velhas virão em primeiro.
Show Comments When Showing Full Story - Coloque "Yes" e os comentários serão mostrados debaixo da história completa(Full Story).
Time Format For News - Formatação da hora que aparecem nas news com o comando {date}.
Show Full Story In PopUp - Coloque "Yes" para a Full Story aparecer em um pop-up.
Settings for Full Story PopUp - Configurações para a janela do pop-up da Full Story. Somente se a opção acima estiver "Yes".
--Linhas permitidas
---HEIGHT=(altura(em pixels))
---WIDTH=(largura(em pixels))
---resizable=(yes/no)
---scrollbars=(yez/no)
--Separação por vírgula
Max. Length of Comments in Characters - Nº máximo de caracteres em um comentário. Coloque 0 para desabilitar o limite.
Comments Per Page (Pagination) - Quantidade de comentários que serão mostrados por página. Coloque 0 para remover o limite.
Only Registered Users Can Post Comments - Restringir comentários para users registrados. Coloque "No" para liberar o comentário para todas as pessoas/visitantes.
Allow Mail Field to Act and as URL Field - Permitir que o campo de URL no formulário de comentários funcione com URLs também. Coloque "Yes" para habilitar.
Show Full Story When Showing Comments - Exatamente igual a Show Comments When Showing Full Story.
Time Format For Comments - Formatação de hora que aparecem nos comentários com o comando {date}.
Show Comments In PopUp - Coloque "Yes" para os comentários aparecerem em um pop-up.
Settings for Comments PopUp - Configurações para a janela do pop-up dos comentários. Somente se a opção acima estiver "Yes".
--Linhas permitidas
---HEIGHT=(altura(em pixels))
---WIDTH=(largura(em pixels))
---resizable=(yes/no)
---scrollbars=(yez/no)
--Separação por vírgula
Quando acabar, clique em Save Changes.

------3.3.5 - Backup
Criando
MzNews²
Clique no ícone que parece uma caixinha com um CD do lado. Clique em Criar. O BackUp Será criado e você deverá agora clicar no botão Baixar. Salve-o em algum lugar. E depois clique em Remover. Caso você não remova, as notícias podem ficar inacessíveis.

CuteNews
Clique em Options e depois em BackUp Tool. No campo "Name of the BackUp", digite o nome do seu BackUp e clique em Proceed.

Restaurando
MzNews²
Após ter baixado e removido o BackUp, na aba Restaurar um BackUp, clique em Arquivo... e selecione o arquivo que você baixou. Clique em Restaurar. Pronto!

CuteNews
Na tela do BackUp Tools, clique na opção [restore]. Pronto!

---3.4 - Mostrando
MzNews²
Caso você vá usar o truque de Query Strings, apresentado na Parte 01, abra o bloco de notas e digite isto:

<?php include ("mznews/data/xNews.txt"); } ?>

Salve como news.php e ponha como default do seu Query Strings.

CuteNews
Caso você vá usar o truque de Query Strings, apresentado na Parte 01, abra o bloco de notas e digite isto:

<?php include ("mznews/data/xNews.txt"); } ?>

. Salve como news.php e ponha como default do seu Query Strings.

---3.5 - Postando
MzNews²
Clique no primeiro ícone do painel(que parece uma folha de jornal com um "+" na frente). Nesta página, você pode escrever a news que precisar para seu server. Os campos que não estão em negrito não são obrigatórios. Quando a notícia estiver pronta, clique em Salvar. Pronto!

CuteNews
Na barra do menu, clique em Add News. Nesta página, você pode escrever a news que precisar para seu server. Todos os campos(menos Full Story e o Avatar) são obrigatórios. O campo Category pode estar em branco, simbolizando que a new não tem categoria definida. Clique em Add News. Pronto!

Capítulo 4 - Dúvidas Freqüentes

P - Existem outros sistemas de news além dos dois apresentados aqui?
R - Existem sim. LinkinNews é uma boa alternativa, só que eu não o coloquei aqui pois nunca o testei.

P - Como eu faria um sistema de news sem usar esses programas?
R - Tecnicamente, você teria que editar um arquivo html toda vês que quisesse uma news nova, e isso dá muito trabalho. Acredite.

P - Por que o tutorial não estava completo até agora?
R - Aconteceu um acidente e eu o mandei na metade. Peço desculpas.

Quero agradecer a:
Você, por ter lido esse tutorial,
Eu, por ter conseguido essa proeza,
Fórum Secret Experience, por nos dar a chance de ver esse tutorial.