Índice
[1]-Introdução
[2]-Links
[3]-Definições
[4]-Dúvidas Freqüentes
[5]-Créditos
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
DOWNLOAD: http://superdownloads.uol.com.br/download/80/macromedia-dreamweaver/
Tamanho: 50mb
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 - DOWNLOAD: http://cutephp.com/ - Tamanho: 200Kb
mzNews² - DOWNLOAD: http://mzn.wstec.net/ - Tamanhoara 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 - DOWNLOAD: http://www.baixaki.com.br/busca.asp?q=filezilla&go.x=0&go.y=0
Scripts PHP para facilitar a vida.
---Recomendado
---Script para mostrar o status do servidor ~ créditos: _Dudu_1533
código do arquivo status.php
Coloque este código no include da sua página.
!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: http://www.seusite.com/index.php?id=downloads. 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.
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.
!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.
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 : http://superdownload.uol.com.br/
Capítulo [5] - Créditos
Créditos : Near e RikuSchala.
[1]-Introdução
[2]-Links
[3]-Definições
[4]-Dúvidas Freqüentes
[5]-Créditos
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
DOWNLOAD: http://superdownloads.uol.com.br/download/80/macromedia-dreamweaver/
Tamanho: 50mb
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 - DOWNLOAD: http://cutephp.com/ - Tamanho: 200Kb
mzNews² - DOWNLOAD: http://mzn.wstec.net/ - Tamanhoara 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 - DOWNLOAD: http://www.baixaki.com.br/busca.asp?q=filezilla&go.x=0&go.y=0
Scripts PHP para facilitar a vida.
---Recomendado
---Script para mostrar o status do servidor ~ créditos: _Dudu_1533
código do arquivo status.php
Coloque este código no include da sua página.
!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: http://www.seusite.com/index.php?id=downloads. 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.
Vamos entender agora.
Necessário para o script funcionar.
Página que abrirá quando o site estiver como http://www.seusite.com/. mude o que está entre aspas para mudar a página a ser aberta.
A página downloads.php abriria quando a url estiver em http://www.seusite.com/index.php?id=downloads. 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.
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.
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 : http://superdownload.uol.com.br/
Capítulo [5] - Créditos
Créditos : Near e RikuSchala.