![]() |
[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 Citação:
Coloque este código no include da sua página. Citação:
!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. Citação:
Citação:
Citação:
Citação:
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. Citação:
!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 |
Parabéns, excelente tutorial.
Fixed! Huahahuhauhauha Citação:
|
em breve a segunda parte. estou pensando em criar uma video aula para melhor compreensão de como proceder.
Citação:
-n |
[SITE] Guia prático ~CRIAÇÕES DE SITES~ Parte 2
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: Citação:
[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: Citação:
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: Citação:
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: Citação:
CuteNews Caso você vá usar o truque de Query Strings, apresentado na Parte 01, abra o bloco de notas e digite isto: Citação:
---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. |
MANO VALEU AJUDO MUITO VC MERECE O TROFEU :1a:
|
Achei muita coisa aki cara mas eu so queria saber como colocar o site na web po,sim ja vi que tem que pagar mas num sei com quem falo ou alguma coisa me manda o local que esta no secret warez!!!
|
Para por um site na web é necessário ter um domínio e um host.
Ou então usar inicialmente o [Somente Usuários Registrados Podem Visualizar os Links Desta PáginaClique aqui para se Registrar] E fazer seus testes. |
Não consegui fazer download desses dois programas. Parece que a turma do sourceforge estão de greve. Algo haver com doações. Isso acontece com qualquer programa disponível por eles.
flw mzNews² - DOWNLOAD - Tamanho:para versão 2.0 500 Kb / para versão 1.0 250 Kb Filezilla - DOWNLOAD |
Amigo Eu Sei Que Aqui e a Area De l2j Mais Tipo Assim Eu Queria Isso Pra L2off Tem como ??
|
Legal, valew por compartilhar
|
| Horários baseados na GMT -3. Agora são 05:13 AM. |
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.3.0