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

Olá . Este é meu primeiro tutorial no SE e se direciona a pessoas que estão tendo problemas em fazer o site dos servers.


Índice
[1]-Introdução
[2]-Links
[3]-Definições
[4]-Dúvidas Freqüentes
[5]-Agradecimentos Finais



Capítulo [1] - Introdução

Vamos começar por entender algumas coisinhas.
Um site começa com uma imagem formada na mente e toma forma em códigos html(geralmente), incluíndo conteúdo, imagens e cores. Mas na execução é um pouco diferente. Também deve-se levar em conta a resolução, tamanho, linguagem etc.
Nesta série de tutos, darei exemplos dos layouts mais usados em sites para servers e ensinarei a modificá-los.



Capítulo [2] - Links

Antes de começarmos, vamos precisar de algumas ferramentas.

Um editor de páginas da Web
---Recomendado
Adobe Dreamweaver MX

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

[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] - Tamanho: 350Mb

Um sistema de News
---Uso: - Isso poupa o trabalho de ficar se editando uma página de news o tempo todo, dia após dia.
---Recomendados
CuteNews - [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] - Tamanho: 200Kb
mzNews² - [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] - Tamanho:para versão 2.0 500 Kb / para versão 1.0 250 Kb
!ATENÇÃO!: Para o funcionamento de ambos, necessita-se dar o comando CHMOD 777 na pasta do sistema das news.


Um cliente FTP
---Recomendado
Filezilla - [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]

Scripts PHP para facilitar a vida.

---Recomendado
---Script para mostrar o status do servidor ~ créditos: _Dudu_1533

código do arquivo status.php

<?
/////////////////////////////////////////////////
// [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] //
// [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] //
// Script feito por _Dudu_1533 //
// [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] //
/////////////////////////////////////////////////

$servidor = 'localhost';
$usuario = 'root';
$senha = '';
$banco = "l2noblesse";

$conexao = mysql_connect($servidor, $usuario, $senha) or die(mysql_error());
mysql_select_db($banco, $conexao) or die(mysql_error());


function total($tab, $cond = NULL) {
$sql = mysql_query("SELECT COUNT(*) AS total FROM ".$tab." ".$cond."") or die(mysql_error());
$c = mysql_fetch_array($sql);
return $c['total'];
}


$loginserver = @fsockopen($servidor, 2106, $errno, $errstr, 2);
$gameserver = @fsockopen($servidor, 7777, $errno2, $errstr2, 2);
?>
Loginserver: <?php echo $loginserver ? 'Online' : 'Offline'; ?>
<br>
Gameserver: <?php echo $gameserver ? 'Online' : 'Offline'; ?>
<br>
Players Online: <?php echo total('characters', 'WHERE online = 1'); ?>
<br>
Contas Criadas: <?php echo total('accounts'); ?>
<br>
Clans Criados: <?php echo total('clan_data'); ?>

Coloque este código no include da sua página.

<?php

/* users online */
include("status.php");

?>

!IMPORTANTE! - Lembre-se de salvar as páginas em .php e de colocar o status.php no mesmo diretório das páginas que vão utilizar o script.
!MUITO IMPORTANTE! - A maioria dos hosts gratuítos não aceitam esse script, já que ele abre uma brecha na segurança do servidor para verificar as portas. Hosts pagos, que tem uma segurança maior, permitem esse script.

----QueryStrings - Truque em PHP ~ créditos: RikuSchala
----Uso: As urls do site ficam mais fáceis de lembrar e bem mais dinâmicas. Ex.: para abrir a página downloads.php, a url ficaria +/- assim: [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] . Com isso, você não precisará recodar o layout em todas as páginas, assim deixando só texto no conteúdo.

coloque este código na body do seu index.php, no lugar do conteúdo.

<?
$page = $_REQUEST['page'];
?>
<?
switch($page) {
case "news":
$pagina = "news.php";
break;
default:
$pagina = "news.php";
break;
}
?>
<?
if( (isset($pagina)) and (file_exists($pagina)) ) {
include($pagina);
} else {
echo "Página solicitada não existe!";
}
?>

Vamos entender agora.

<?
$page = $_REQUEST['page'];
?>
<?
switch($page) {

...

}
?>

Necessário para o script funcionar.

default:
$pagina = "news.php";
break;

Página que abrirá quando o site estiver como [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] . mude o que está entre aspas para mudar a página a ser aberta.

case "downloads":
$pagina = "downloads.php";
break;

A página downloads.php abriria quando a url estiver em [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] . Adicione um para cada link/página que vc for usar.

case "downloads":
Mude o que está entre aspas para muda o que aparece depois de id= na url.
$pagina = "news.php";
Mude o que está entre aspas para o nome da página que abrirá com a Id selecionada na url.

<?
if( (isset($pagina)) and (file_exists($pagina)) ) {
include($pagina);
} else {
echo "Página solicitada não existe!";
}
?>

Mude o valor do echo para mudar o que aparece se a página selecionada pela ID não existir.

!ATENÇÃO! - Coloque nas páginas(salvas em php) APENAS O TEXTO DO CONTEÚDO COM AS FORMATAÇÕES DO MESMO E AS TAGS DE HTML BÁSICAS(<html><head><body>)!! Caso você obtenha algum erro de Background de cores diferentes, adicione uma tag de Bgcolor ao <body> dos conteúdos.


Capítulo [3] - Definições

Vou dar um exemplo de layout e explicar alguns conceitos básicos.

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

1 - Header: onde se encontra o Banner do site e em alguns casos as Headlines de notícias.
2 - Menu: onde se encontram as opções de navegação do site com os links para páginas e arquivos.
3 - Links: onde se encontram links para parceiros, afiliados e top sites.
4 - Conteúdo: onde aparece o conteúdo do site.
5 - Copyright: onde se encontram os direitos autorais do site e do server.

Capítulo [4] - Dúvidas Freqüentes

P - Um site de server tem alguma linguagem obrigatória?
R - Não necessáriamente... É recomendado o HTML com tags em php, deixando a página dinâmica, fácil de se acessar e bem leve, mas também existem vários sites em javascript, css etc...

P - Algum outro editor de sites para uso?
R - Claro! O Microsoft FrontPage é simples e bem útil, mas eu não consegui pegar o link. Outros editores no site [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]


Capítulo [5] - Agradecimentos Finais

Quero agradecer à:
-Você
-Eu
-Pessoal do Secret Experience
-Às companias citadas neste tutorial.

Espero que este guia tenha ajudado alguns que antes eram OBRIGADOS a hostear o seu site pessoal, de servidores ou de fórum's em blogs(sim... eu ja vi disso ...digowsam quem diga), ou terem que usar skins do web napas, por não saber como fazer um site.

Até a próxima

Tutorial feito por Near e RikuSchala. Todos os direitos reservados. 2009