Como construir seu primeiro site simples em PHP

Como construir seu primeiro site simples em PHP

Quer aprender como construir um site básico? Você pode ter começado com HTML, mas hoje em dia a melhor solução é o PHP. Embora você precise de algum conhecimento de HTML para começar, PHP se tornou a escolha ideal para construir sites, tanto estáticos quanto dinâmicos.





Para aprender PHP, a melhor maneira de começar é com um site simples de PHP.





Por que escolher o PHP para desenvolvimento de sites?

Várias opções estão disponíveis para desenvolvimento web ao longo dos anos. Tudo começou com HTML simples, então HTML com CSS embutido ou uma referência de arquivo CSS. Quando os sites dinâmicos surgiram, havia duas escolhas principais: ASP (mais tarde ASP.NET) e PHP.





De acordo com números (como esta pesquisa W3Techs ) PHP é muito mais popular, com quase 82 por cento dos sites usando-o como uma linguagem de programação do lado do servidor. Compare isso com pouco menos de 16 por cento usando ASP.NET.

Parece improvável que o ASP.NET exista após sua data de corte oficial em 2022 em qualquer capacidade oficial, pelo menos não como uma tecnologia da web. PHP (uma sigla recursiva para PHP Hypertext Preprocessor) provou ser mais bem-sucedido, principalmente graças à integração mais fácil com o Linux.



Como o sistema operacional de código aberto é executado na maioria dos servidores da web, isso não deve ser uma surpresa.

O que você precisa para construir um site PHP

Antes de começar, certifique-se de ter um editor de texto simples ou ambiente de desenvolvimento pronto para PHP instalado. Você pode começar a codificar PHP com uma ferramenta tão simples como o Bloco de Notas do Windows. Os exemplos encontrados neste tutorial foram escritos em Notepad ++.





Você também deve ter um servidor da web PHP para o qual enviar seus arquivos. Pode ser um servidor remoto ou um computador local com um ambiente LAMP (Linux, Apache, MySQL, PHP) ou WAMP (Windows, Apache, MySQL, PHP) instalado. Se você estiver usando o Windows, siga este Guia de instalação WAMP para começar.

Finalmente, você precisará de um programa de FTP para enviar seus arquivos para o servidor da web.





Consulte Mais informação: Clientes FTP grátis para Windows

Entenda a sintaxe para codificar um site simples usando PHP

A sintaxe básica do PHP usa um conjunto de colchetes angulares, com cada função terminando com um ponto e vírgula, assim:

Em termos de páginas da web, quase todo uso de PHP depende da instrução echo. Isso instrui o navegador a produzir o texto e o conteúdo entre aspas. Por exemplo:

por que meu uso de disco está em 100

Observe que o HTML também está incluído entre aspas. A saída para isso normalmente apareceria como:

Construir um site com PHP: Estrutura

Qualquer que seja o código com o qual você está escrevendo seu site, você precisará conhecer a estrutura do site antes de continuar. Este tutorial mostrará como criar uma única página a partir de arquivos PHP reutilizáveis. Eles podem ser usados ​​para criar páginas adicionais ou você pode escolher uma abordagem diferente.

Seja qual for a forma que você prevê para o desenvolvimento do site, reserve um tempo para fazer um rápido plano em um pedaço de papel. Você pode então consultar isso, talvez para verificar o conteúdo pretendido ou ver a qual página vinculá-lo.

como desabilitar uma tecla no teclado

Nosso site PHP básico apresentará uma página inicial, incluindo informações biográficas e algumas imagens.

Para este site PHP simples, você criará uma única página PHP preenchida com conteúdo de três páginas HTML. O arquivo index.php que você cria pode então ser editado ajustando as palavras e imagens dos arquivos HTML originais.

Os exemplos de código mostrados abaixo são capturas de tela. Você encontrará o código original em meu repositório GitHub , que é gratuito para qualquer pessoa baixar.

Crie um site em PHP: o cabeçalho

Para criar um site usando PHP, você precisará construir três páginas da web. Eles são baseados na estrutura básica de cabeçalho, corpo e rodapé.

Como você pode imaginar, o cabeçalho inclui informações do título. No entanto, informações para o navegador também estão incluídas, como o padrão HTML em uso, junto com referências CSS.

Comece criando um arquivo chamado header.html e depois adicione as informações de cabeçalho necessárias.

Para este exemplo, fornecemos um arquivo CSS básico, que você verá que é referenciado em seu próprio diretório / css /. Este arquivo será chamado quando a página for carregada em seu navegador e aplicará a fonte e o layout necessários.

Coloque conteúdo no corpo de sua página da Web em PHP

Cada página da web consiste em uma seção de conteúdo conhecida como 'corpo'. Esta é a parte de uma página que você lê --- o que você está lendo agora é o corpo desta página.

Crie um arquivo chamado body.html e adicione as informações que deseja incluir na página. Incluí detalhes biográficos da página do autor MakeUseOf, mas você pode adicionar o que quiser.

A seção de rodapé da página da web é a próxima. Crie como footer.html e adicione algum conteúdo. Podem ser informações de direitos autorais ou talvez alguns links úteis para qualquer pessoa que visite sua página.

Pode ser algo assim:

Com o código adicionado, salve o arquivo.

Juntando Seu Site PHP Simples

Com três arquivos HTML separados em / html / você pode usar PHP echo para compilá-los em uma única página.

Crie um novo arquivo PHP chamado index.php com as três linhas a seguir:



Salve, faça upload para o seu servidor e navegue até index.php. Você deverá ver a página da web preenchida em seu navegador. Lembre-se de que o arquivo PHP real que você abriu em seu navegador consiste em apenas três linhas.

Finalmente, você pode adicionar um pequeno floreio de PHP com a linha final. Inclua um aviso de direitos autorais, com um ano sempre atualizado:

Copyright © CM Cawley

Isso aparecerá no arquivo index.php após o rodapé. Observe como a instrução echo date ('Y') exibe o ano atual em quatro dígitos. Você pode alterar a forma como isso é exibido consultando a lista de opções do W3Schools. Por exemplo, um 'y' minúsculo exibiria o ano no formato de dois dígitos, em vez de quatro.

Use CSS para posicioná-lo e estilizá-lo, como faria com qualquer outro elemento. Encontre o CSS para este projeto no repositório GitHub, junto com o outro código simples do site PHP.

melhor site para comprar peças de computador

Muito bem --- você acabou de criar seu primeiro site PHP do zero.

PHP é a melhor escolha para codificar sites?

Como você deve ter percebido, o PHP não é a única maneira de desenvolver sites. Já existem muitas estruturas para experiências da Web dinâmicas e orientadas por banco de dados, há JavaScript e tecnologias relacionadas e software como o Adobe Dreamweaver.

No entanto, se você está procurando começar com o desenvolvimento da web, é inteligente ter uma noção do básico. Se você entende os blocos de construção do site HTML, CSS e PHP, está no caminho certo para o sucesso.

Compartilhado Compartilhado Tweet O email Aprenda HTML e CSS com estes tutoriais passo a passo

Curioso sobre HTML, CSS e JavaScript? Se você acha que tem um talento especial para aprender a criar sites do zero, aqui estão alguns ótimos tutoriais passo a passo que valem a pena tentar.

Leia a seguir
Tópicos relacionados
  • Programação
  • Desenvolvimento web
  • Programação
  • Programação PHP
Sobre o autor Christian Cawley(1510 artigos publicados)

Editor adjunto de segurança, Linux, DIY, programação e explicação técnica e produtor de podcasts realmente úteis, com vasta experiência em suporte de desktop e software. Um colaborador da revista Linux Format, Christian é um mexedor de Raspberry Pi, amante de Lego e fã de jogos retro.

Mais de Christian Cawley

Assine 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