Come costruire il tuo primo sito web semplice in PHP

Come costruire il tuo primo sito web semplice in PHP

Vuoi imparare a costruire un sito web di base? Una volta potresti aver iniziato con l'HTML, ma in questi giorni la soluzione migliore è PHP. Sebbene sia necessaria una certa conoscenza dell'HTML per iniziare, PHP è diventato 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?

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





Secondo le cifre (come questo sondaggio W3Techs ) PHP è molto più popolare, con quasi l'82% dei siti Web che lo utilizzano come linguaggio di programmazione lato server. Confronta questo con poco meno del 16% utilizzando ASP.NET.

Sembra improbabile che ASP.NET esisterà oltre la sua data limite ufficiale nel 2022 in qualsiasi veste ufficiale, almeno non come tecnologia web. PHP (un acronimo ricorsivo per PHP Hypertext Preprocessor) si è dimostrato più efficace, principalmente grazie alla più semplice integrazione con Linux.



Poiché il sistema operativo open source viene eseguito sulla maggior parte dei server Web, ciò non dovrebbe sorprendere.

Cosa ti servirà per creare un sito Web PHP

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





Dovresti anche avere un server web PHP su 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 questo Guida all'installazione di WAMP per iniziare.

Infine, avrai bisogno di un programma FTP per caricare i tuoi file sul tuo server web.





Per saperne di più: Client FTP gratuiti per Windows

Comprendere la sintassi per codificare un sito Web semplice utilizzando PHP

La sintassi di base per PHP utilizza una serie di parentesi angolari, con ogni funzione che termina con un punto e virgola, in questo modo:

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

perché il mio sistema utilizza così tanto disco?

Nota che anche l'HTML è incluso tra le virgolette. L'output per questo apparirà in genere come:

Costruisci un sito web con PHP: 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 usati per creare pagine aggiuntive o potresti scegliere un approccio diverso.

Qualunque sia la forma che prevedi che il sito si sviluppi, prenditi il ​​tempo necessario per annotare un piano rapido su un pezzo di carta. Puoi quindi fare riferimento a questo, magari per controllare il contenuto previsto, o vedere a quale pagina collegarlo.

cosa fare con un vecchio pc

Il nostro sito Web PHP di base presenterà una home page, comprese informazioni biografiche e alcune immagini.

Per questo semplice sito Web PHP, creerai una singola pagina PHP popolata dal contenuto di 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 in il mio repository GitHub , scaricabile gratuitamente da chiunque.

Crea un sito web PHP: l'intestazione

Per creare un sito Web utilizzando PHP, dovrai creare tre pagine Web. Questi si basano sulla struttura di base di intestazione, corpo e piè di pagina.

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

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

Per questo esempio, abbiamo fornito un file CSS di base, a cui vedrai fare riferimento nella sua directory /css/. Questo file verrà chiamato quando la pagina viene caricata nel browser e applica il carattere e il layout richiesti.

Inserisci 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 vuoi includere nella pagina. Ho incluso dettagli biografici dalla mia pagina dell'autore MakeUseOf, ma puoi aggiungere quello che vuoi.

La sezione piè di pagina della pagina web è successiva. Crealo come footer.html e aggiungi del contenuto. Potrebbe trattarsi di informazioni sul copyright o forse di alcuni link utili per chiunque visiti la tua pagina.

Potrebbe essere qualcosa del genere:

Con il codice aggiunto, salva il file.

Mettere insieme il tuo semplice sito Web PHP

Con tre file HTML separati in /html/ puoi usare PHP echo per compilarli in un'unica pagina.

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



Salva, carica sul tuo server, quindi naviga su 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 PHP con la riga finale. Includi un avviso di copyright, con un anno sempre aggiornato:

Copyright © CM Cawley

Questo apparirà nel file index.php dopo il piè di pagina. Notare come l'istruzione echo date('Y') visualizza l'anno corrente in quattro cifre. Puoi modificare la modalità di visualizzazione facendo riferimento a questo elenco di opzioni di W3Schools. Ad esempio, una 'y' minuscola visualizzerà l'anno in formato a due cifre, anziché a quattro.

Usa i CSS per posizionarlo e modellarlo, come faresti con qualsiasi altro elemento. Trova il CSS per questo progetto nel repository GitHub, insieme all'altro semplice codice del sito Web PHP.

come controllare la tv samsung con alexa

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

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

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

Tuttavia, se stai cercando di iniziare con lo sviluppo web, è intelligente apprezzare le basi. Se comprendi gli elementi costitutivi del sito Web di HTML, CSS e PHP, sei sulla buona strada per il successo.

Condividere Condividere Tweet E-mail Impara HTML e CSS con questi tutorial passo passo

Curioso di HTML, CSS e JavaScript? Se pensi di avere un talento per imparare a creare siti Web da zero, ecco alcuni fantastici tutorial passo-passo che vale la pena provare.

Leggi Avanti
Argomenti correlati
  • Programmazione
  • Sviluppo web
  • Programmazione
  • Programmazione PHP
Circa l'autore Christian Cawley(1510 articoli pubblicati)

Deputy Editor for Security, Linux, DIY, Programming e Tech Explained e Really Utile Podcast producer, con una vasta esperienza nel supporto desktop e software. Collaboratore della rivista Linux Format, Christian è un armeggiatore di Raspberry Pi, amante dei Lego e fan dei giochi retrò.

Altro da Christian Cawley

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti