Home-theater-designers
Você quer construir um site, mas não sabe por onde começar?
Parece que o campo de treinamento de desenvolvimento web típico também é o mais caro: compre um domínio, servidor host, conta WordPress, tema, etc. Mas e se você não for um pequeno empresário ou estiver tentando construir uma marca? E se você estiver apenas tentando aprender desenvolvimento web, sem desordem?
Continue lendo para aprender como hospedar seu próprio site, que você pode criar do zero ou com modelos pré-fabricados, em seu computador e gratuitamente. Oh, isso inclui hospedar sua própria conta WordPress também!
XAMPP: uma introdução
XAMPP de Bitnami é 'uma distribuição Apache contendo PHP e Perl.' Para nossos propósitos, só precisamos entender que o XAMPP é um programa simples e gratuito que permite aos usuários hospedar sites em seus PCs.
Embora a configuração de um servidor local usando o XAMPP seja um tanto técnica, o processo também é bastante fácil e direto. Depois que tudo estiver configurado, você descobrirá que gerenciar e editar sites é muito fácil.
Depois, há a questão do controle rápido e completo. Usando o XAMPP para criar e editar sites, você poderá alterar o quanto quiser em um site. Dito isso, com grande poder vem uma grande responsabilidade. Você também está mais suscetível a perder seus sites, especialmente se não o fizer criar backups .
descobrir quem tem um número de telefone
Se você gostaria de um projeto de curso genuíno para iniciantes em desenvolvimento web, o XAMPP é para você. Isso inclui todos os projetos relacionados a HTML, CSS, Javascript e muito mais!
Instalando o XAMPP
Vá para o XAMPP site e baixe o pacote. Siga o processo de configuração padrão. Depois de fazer o download do XAMPP, o painel de controle do XAMPP deve abrir automaticamente. Caso contrário, você pode localizar o programa XAMPP como faria com qualquer outro (por meio da pesquisa do menu Iniciar).
Na janela do painel de controle do XAMPP, você deve ver um layout simples do qual os processos do XAMPP estão em execução. Para nossos propósitos, vamos nos concentrar nas duas primeiras opções: Apache e MySQL.
Apache - O ponto crucial do XAMPP, a opção Apache cria um servidor Apache em seu PC. Isso é o que permitirá que você execute e edite sites em seu PC por meio de navegadores da web, da mesma forma que um site da Web. Exceto, é claro, que este site está sendo executado em seu PC, ao contrário de um servidor conectado à Internet.
MySQL - SQL permite a comunicação entre bancos de dados e sites, permitindo que os usuários testem e armazenem e-mails, senhas e quaisquer outras entradas de dados. Usaremos isso para sua conta local do WordPress.
aperte o Começar botão no painel de controle do XAMPP em Ações para Apache e MySQL. Aguarde até que o Apache e o MySQL estejam destacados em verde na seção do módulo. Uma vez ativado, você está livre para usar o XAMPP.
Localhost e phpMyAdmin
Para garantir que tudo esteja funcionando bem, abra um navegador da web e digite http: // localhost / em sua barra de endereço e aperte Digitar . Você deve ser redirecionado para http: // localhost / dashboard / , que é a página padrão do XAMPP.
Em seguida, clique no phpMyAdmin botão no menu de navegação superior. Você será direcionado para a sua página phpMyAdmin padrão.
Deixe isso de lado por enquanto, mas se ambos estiverem funcionando, você está pronto para começar a criar sites!
Criação de sites usando XAMPP
Agora vem a parte divertida. Vá para a pasta XAMPP localizada no diretório da unidade raiz ( C: xampp por padrão). Então, vá para htdocs . Este será o principal repositório de sites que você usará para visualizar os sites.
Antes de criar e editar um site, você precisará de um editor de texto. Embora você possa usar um editor de texto padrão como o Bloco de notas, normalmente é melhor baixar um editor de terceiros feito especificamente para código e marcação. Texto Sublime é um dos melhores, então acesse o site deles e baixe o software para começar.
Agora você pode começar a baixar e instalar sites no XAMPP. Vou usar o Viagem modelo, mas você pode usar qualquer modelo que desejar. Baixe o arquivo zip do site e mantenha-o em um local de sua memória. Em seguida, crie uma pasta dentro da pasta htdocs do XAMPP para o seu site. Eu chamei o meu viagem - tente manter seu nome simples. Em seguida, descompacte e extraia o conteúdo do arquivo zip para esta pasta htdocs.
Depois de extrair os arquivos, vá para o repositório do seu site dentro do htdocs para garantir que eles foram extraídos corretamente.
Finalmente, vá para a sua página da web em seu navegador. Sua local na rede Internet , por assim dizer, poderá ser acessado usando o localhost mencionado anteriormente, juntamente com o nome da pasta que contém seus arquivos de página. Isso ocorre porque os sites são essencialmente arquivos contidos em pastas, todos sob um único domínio - ou nome de raiz. Você já está aprendendo!
Nossa pasta criada anteriormente chamava-se roadtrip, então o endereço completo do site é http: // localhost / roadtrip .
Você Terminou! Agora você pode começar a editar o site localmente.
Editando sites
Abra o Sublime Text. Dirigir a Arquivo e selecione Pasta aberta . Encontre e selecione sua pasta da web dentro da pasta XAMPP. Agora você poderá editar várias páginas do mesmo site em seu editor de Sublime Text.
O Sublime Text também oferece uma ótima interface para você ver todos os arquivos e pastas do seu site. Para criar alterações no seu site, edite o código do seu site, salve (usando o comando do teclado Ctrl + S ) e atualize seu site no navegador.
O processo é simples e direto: edite a página da web e verifique se o código funciona. À medida que progride no desenvolvimento da web, você tentará inserir recursos mais complicados em sua página da web. Não importa o nível de habilidade, porém, o formato básico para editar páginas permanece o mesmo.
Use WordPress com XAMPP
Se você não deseja editar o código bruto, ou prefere usar um sistema de gerenciamento de conteúdo (CMS) mais familiar, o WordPress oferece seu fantástico recurso de design da web em um arquivo ZIP fácil de usar! Para instalar o WordPress no XAMPP, vá para o Site WordPress e baixe o aplicativo oficial.
Use o mesmo formato para criar um site que você fez anteriormente, com sua pasta WordPress extraída presente no diretório htdoc dentro da pasta wordpress . Mantenha o nome da pasta para maior clareza.
Usando phpMyAdmin
Como o WordPress requer que você crie informações de login, você precisará criar uma entrada em seu diretório PHP para a página da web. Dirigir a sua página phpMyAdmin - http: // localhost / phpmyadmin / por padrão - para começar.
Nesta página, clique em Bancos de dados . Debaixo de Criar banco de dados parâmetro, digite wordpress e então bateu Crio . Você deverá ver um pop-up informando que o banco de dados foi criado. Em seguida, feche esta janela do navegador e insira sua pasta WordPress dentro do diretório XAMPP htdocs. Esta pasta deve conter o conteúdo dos seus arquivos WordPress descompactados.
Configurando Login
Precisamos configurar o site WordPress real para que você possa fazer login e usar o site. Isso é feito por meio do arquivo de configuração principal do PHP do WordPress. Na pasta do WordPress, encontre o arquivo rotulado wp-config-sample.php , clique com o botão direito no arquivo, selecione Editar (ou Abrir com para um editor de texto separado). O bloco de notas deve funcionar bem.
Aqui está o código no qual nos concentraremos:
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');
Você terá que fazer três alterações no código acima dentro de as aspas.
database_name_here - Altere este parâmetro para wordpress . O site irá então usar o banco de dados criado anteriormente no phpMyAdmin rotulado como tal.
username_here - Mude para raiz . O nome de usuário root possui os privilégios de administrador adequados por padrão, portanto, será permitido por meio do phpMyAdmin. Outros nomes de usuário não funcionarão a menos que tenham as permissões apropriadas.
senha_aqui - Altere para uma senha facilmente identificável. Se você preferir não usar uma senha, exclua o parâmetro.
Salve este arquivo como wp-config.php - ao contrário do anterior wp-config-sample.php - e saia. Em seguida, vá para o seguinte endereço localhost: http: // localhost / wordpress .
Prossiga com a instalação, incluindo a criação do seu WordPress Nome do usuário e Senha . Você pode inserir os valores de sua preferência. Assim que terminar de inserir seus valores, clique no Instale o WordPress botão para finalizar o processo. Feito isso, faça login em seu WordPress local usando o nome de usuário e a senha fornecidos na página anterior.
Você Terminou! Agora, você pode gastar seu coração editando, modificando e criando páginas da web do zero e por meio do WordPress, offline e de graça !
como conectar fones de ouvido bluetooth ao Xbox
O desenvolvimento da web começa com uma única página
Antes, você estava apenas começando sua jornada de desenvolvimento web. Agora, você criou um servidor local em seu PC por meio do qual pode criar, modificar e adaptar páginas da web em um capricho. O melhor de tudo é que você está totalmente no controle. A única coisa que resta é começar sua experimentação, então vá em frente!
Decidiu que não quer passar por todo esse trabalho? Experimente um de os melhores serviços gratuitos de hospedagem de sites em vez de.
Créditos de imagem: Dmitry Tishchenko / Shutterstock
Compartilhado Compartilhado Tweet O email 6 alternativas audíveis: os melhores aplicativos de audiolivros gratuitos ou baratosSe você não gosta de pagar por audiolivros, aqui estão alguns aplicativos excelentes que permitem ouvi-los gratuitamente e legalmente.
Leia a seguir Tópicos relacionados- janelas
- Programação
- Wordpress
- Desenvolvimento web
- Hospedagem na web
- Ferramentas para webmasters
- Servidor Apache
- Servidor web
Christian é uma adição recente à comunidade MakeUseOf e um leitor ávido de tudo, desde a literatura densa até as histórias em quadrinhos de Calvin e Hobbes. Sua paixão pela tecnologia só se compara ao seu desejo e disposição para ajudar; se você tiver alguma dúvida sobre (principalmente) qualquer coisa, sinta-se à vontade para enviar um e-mail!
Mais de Christian BonillaAssine a nossa newsletter
Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!
Clique aqui para se inscrever