[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

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.

So uma coisa que não entendo ainda disso tudo e tenho algumas duvidas.
No caso como vc defini o lugar do Banner e Menus ?(Minha duvida para terminar meu website é somente isso mais ainda não tentei fazer a página index dele porém as imgs e talz esta tudo pronto,so que sou novato em DW portanto me complico ao tentar criar uma página nele)

[fetish]

Amigo Eu Sei Que Aqui e a Area De l2j Mais Tipo Assim Eu Queria Isso Pra L2off Tem como ??

Isto é um tutorial com base instrutiva de como proceder corretamente na criação de websites, pode ser aplicado em L2OFF sim.

So uma coisa que não entendo ainda disso tudo e tenho algumas duvidas.
No caso como vc defini o lugar do Banner e Menus ?(Minha duvida para terminar meu website é somente isso mais ainda não tentei fazer a página index dele porém as imgs e talz esta tudo pronto,so que sou novato em DW portanto me complico ao tentar criar uma página nele)

Em relação ao menu, não é tão complicado.
Primeiro, para o menu ser criado de forma correta para que tu possa manipulá-lo por completo, basta criá-lo em listas e aplicar um css, tanto em inline(interno) como externo.

Exemplo:

<ul>
<li><a href="index.php">Home</a></li>
<li><a href="info.html">Informações</a></li>
<li><a href="reg.php">Registro</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="ranks.php">Rank</a></li>
<li><a href="forum/index.php">Fórum</a></li>
</ul>

Quer um conselho?
Não utilize dreamweaver para criar páginas simples.
A menos que teu exemplo se encaixe no tutorial.

[helme]

Otimo tutorial realemente merece parabens

[radiador22~]

Near eu tentei colocar a include mas deu esse erro aki na hora q fui testar:

Parse error: syntax error, unexpected ':' in C:\AppServ\www\l2\index.php on line 125

Sabe como resolver? to querendo aprender a usar server side includes nas paginas mas ta dificil =/

[fetish]

Mostra o código para que eu possa dar uma analisada.

[radiador22~]

Desculpe não postar antes, mas tava dando uma estudada e olhando outros tutoriais e conseguir, to começando a entender, acho q tava errando no diretorio da pagina. Obrigado, esses querystring é muito bom de trabalhar, to fazendo 1 site aqui de l2 e to colocando querystring nele ^^, breve coloco aqui pra download, vlw pela ajuda, tava loco pra aprender a usar, ainda não aprendi 100%, mas ja consigo usar agora é so estudar mais vlw =)

[Brunolan]

devo ser muito burro mesmo!!! NÃO ENTENDI NADA!!!
o q é include???
meu site é esse
[Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar]
onde eu vo enfia os botoes
mapa , lista de gm on, aparecer quantos players on, status de boss, votar antes de entrar...

vo continuar procurando tutoriais de criação de site pq esse ai nao da pra min, linguagem impossivel (não entendi nada)
se alguem ja souber de um link de um tutorial de como mexer na minha pagina eu fico grato xD.... to bem perdidinho.... eu contratei uma hospedagem HostCheap mas o suporte deles ta sempre offline dai to me quebrando aki sozinho pra entender as coisas sou um peixe fora dagua o.O....

[pilar]

so falto o essencial ensinar a colocar on!

[yondaimex]

Desculpem renascer o tópico depois de tanto tempo , mais irei criar uma video-aula de como por seu site online sem hamachi mesmo que não tenha ip fixo !

[paulomal]

muito obrigado gostey