Come costruire un semplice sito Web PHP

Vuoi imparare a costruire un sito Web di base? Una volta potresti aver iniziato con HTML, ma in questi giorni la soluzione migliore è PHP. Per iniziare, mentre avrai bisogno di una certa conoscenza dell'HTML, PHP è diventata la scelta ottimale per la creazione di siti Web, sia statici che dinamici.

Per imparare PHP, il modo migliore per iniziare è con un semplice sito Web PHP.

Perché scegliere PHP per lo sviluppo di siti Web?

Varie opzioni sono state disponibili per lo sviluppo web nel corso degli anni. È iniziato con HTML semplice, quindi HTML con CSS incorporato o riferimento a un file CSS. Quando arrivarono i siti Web dinamici, c'erano due scelte principali: ASP (in seguito ASP.NET) e PHP.

Secondo i dati (come questo sondaggio di W3Techs ) PHP è molto più popolare, con quasi l'82% dei siti Web che lo utilizza come linguaggio di programmazione lato server. Confronta questo con poco meno del 16 percento usando ASP.

ASP è supportato fino al 2022. Sembra improbabile che esista al di là di quello a qualsiasi titolo ufficiale, almeno non come tecnologia web. PHP (acronimo ricorsivo per PHP Hypertext Preprocessor) si è dimostrato più efficace, principalmente grazie alla più facile integrazione con Linux.

Poiché il sistema operativo open source funziona sulla maggior parte dei server Web, questo non dovrebbe sorprendere.

Cosa ti servirà per costruire un sito Web PHP

Prima di iniziare, assicurati di avere installato un editor di testo semplice o un ambiente di sviluppo pronto per PHP. Puoi iniziare a scrivere codice PHP con uno strumento semplice come Blocco note di Windows. Esempi trovati in questo tutorial sono stati scritti in Notepad ++.

Dovresti anche avere un web server PHP in cui caricare i tuoi file. Potrebbe trattarsi di un server remoto o di un computer locale con un ambiente LAMP (Linux, Apache, MySQL, PHP) o WAMP (Windows, Apache, MySQL, PHP) installato. Se stai usando Windows, segui questa guida all'installazione di WAMP per iniziare.

Infine, avrai bisogno di un programma FTP per caricare i tuoi file sul tuo server web. Usando Windows? Prova uno di questi client FTP gratuiti per Windows .

Introduzione a PHP: sintassi

La sintassi di base per PHP utilizzava un set di parentesi angolate, con ciascuna funzione che termina con un punto e virgola, in questo modo:

 <?php [CODE…CODE]; ?> 

In termini di pagine Web, quasi ogni uso di PHP si basa sull'istruzione echo. Questo indica al browser di produrre il testo e il contenuto tra virgolette. Per esempio:

 <?php "<p>Hello World!</p>"; ?> 

Si noti che anche l'HTML è incluso tra virgolette. L'output per questo apparirebbe in genere come:

Costruire un sito Web: struttura

Qualunque sia il codice con cui stai scrivendo il tuo sito web, dovrai conoscere la struttura del sito prima di procedere. Questo tutorial ti mostrerà come creare una singola pagina da file PHP riutilizzabili. Questi potrebbero essere utilizzati per creare pagine aggiuntive oppure è possibile scegliere un approccio diverso.

Qualunque forma preveda lo sviluppo del sito, prenditi il ​​tempo necessario per scrivere un piano veloce su un pezzo di carta. È quindi possibile fare riferimento a questo, forse per controllare il contenuto previsto o vedere a quale pagina collegarlo.

Il nostro esempio sarà una home page di base, che include informazioni biografiche e alcune immagini.

Per questo semplice sito Web PHP, creerai una singola pagina PHP popolata da contenuti provenienti da tre pagine HTML. Il file index.php che crei può quindi essere modificato regolando le parole e le immagini dai file HTML originali.

Gli esempi di codice mostrati di seguito sono schermate. Troverai il codice originale nel mio repository GitHub , che può essere scaricato gratuitamente da chiunque.

Avvio del sito Web: l'intestazione PHP

Per iniziare con il tuo sito Web, devi creare tre pagine Web. Questi sono basati sulla struttura di base di intestazione, corpo e piè di pagina.

Come puoi immaginare, l'intestazione include informazioni sul titolo. Tuttavia, sono incluse anche informazioni per il browser, come lo standard HTML in uso, insieme a riferimenti CSS.

Inizia creando un file chiamato header.html, quindi aggiungi le informazioni di intestazione necessarie.

Per questo esempio, abbiamo usato un file CSS di base, che vedrai come referenziato nella sua directory / css /. Questo file verrà chiamato quando la pagina viene caricata nel tuo browser e applica il carattere e il layout richiesti.

Inserisci il contenuto nel corpo della tua pagina Web PHP

Ogni pagina Web è costituita da una sezione di contenuto nota come "corpo". Questa è la parte di una pagina che leggi: quello che stai leggendo ora è il corpo di questa pagina.

Crea un file chiamato body.html e aggiungi le informazioni che desideri includere nella pagina. Ho incluso i dettagli biografici dalla mia pagina autore MakeUseOf , ma puoi aggiungere quello che vuoi.

Usa un piè di pagina PHP nella tua pagina Web

La sezione a piè di pagina della pagina Web è successiva. Crealo come footer.html e aggiungi del contenuto. Queste potrebbero essere informazioni sul copyright o forse alcuni link utili per chiunque visiti la tua pagina.

Potrebbe essere qualcosa del genere:

Con il codice aggiunto, salva il file.

Mettere tutto insieme

Con tre file HTML separati in / html / puoi usare l'eco PHP per compilarli in una singola pagina.

Crea un nuovo file PHP chiamato index.php con le seguenti tre righe:

 <?php echo file_get_contents("html/header.html"); ?> <?php echo file_get_contents("html/body.html"); ?> <?php echo file_get_contents("html/footer.html"); ?> 

Salva, carica sul tuo server, quindi vai a index.php. Dovresti vedere la pagina web completata nel tuo browser. Tieni presente che il file PHP effettivo che hai aperto nel tuo browser è composto da sole tre righe.

Infine, puoi aggiungere un po 'di fioritura al PHP con la riga finale. Includi un avviso sul copyright, con un anno sempre aggiornato:

 <p>Copyright © CM Cawley <?php echo date("Y"); ?></p> 

Questo apparirà nel file index.php seguendo il piè di pagina. Notare come la dichiarazione della data dell'eco ("Y") mostra l'anno corrente in quattro cifre. Puoi cambiare la modalità di visualizzazione facendo riferimento a questo elenco di opzioni di W3Schools. Ad esempio, una "y" minuscola visualizzerebbe l'anno in formato a due cifre, anziché quattro.

Usa CSS per posizionarlo e modellarlo, come faresti con qualsiasi altro elemento. Trova il CSS per questo progetto in GitHub, insieme agli altri file.

Ben fatto: hai appena creato il tuo primo semplice sito Web PHP da zero.

PHP è la scelta migliore per i siti Web di codifica?

Come avrai potuto notare, PHP non è l'unico modo per sviluppare siti Web. Esistono già molti framework per esperienze Web dinamiche basate su database, JavaScript e tecnologie correlate e software come Adobe Dreamweaver.

Tuttavia, se stai cercando di iniziare con lo sviluppo web, è intelligente avere un apprezzamento delle basi. Se capisci i mattoni del sito Web di HTML, CSS e PHP, sei sulla buona strada per il successo.

Dai un'occhiata a questi tutorial passo per passo per migliorare le tue abilità HTML e CSS .

Leggi l'articolo completo: Come creare un semplice sito Web PHP