Cum să vă construiți primul site web PHP simplu

Cum să vă construiți primul site web PHP simplu

Doriți să aflați cum să creați un site de bază? Odată ce ați fi început cu HTML, dar în zilele noastre cea mai bună soluție este PHP. Deși veți avea nevoie de câteva cunoștințe de HTML pentru a începe, PHP a devenit alegerea optimă pentru construirea de site-uri web, atât statice, cât și dinamice.





Pentru a învăța PHP, cel mai bun mod de a începe este cu un site web PHP simplu.





De ce să alegeți PHP pentru dezvoltarea site-urilor web?

De-a lungul anilor au fost disponibile diverse opțiuni pentru dezvoltarea web. A început cu HTML simplu, apoi HTML cu CSS încorporat sau o referință de fișier CSS. Când au apărut site-uri web dinamice, au existat două opțiuni principale: ASP (ulterior ASP.NET) și PHP.





Conform cifrelor (cum ar fi acest sondaj W3Techs ) PHP este mult mai popular, cu aproape 82 la sută din site-urile web care îl utilizează ca limbaj de programare pe partea de server. Comparați acest lucru cu puțin sub 16% folosind ASP.NET.

Pare puțin probabil ca ASP.NET să existe dincolo de data limită oficială din 2022 în orice calitate oficială, cel puțin nu ca tehnologie web. PHP (un acronim recursiv pentru PHP Hypertext Preprocessor) s-a dovedit mai reușit, în principal datorită integrării mai ușoare cu Linux.



Deoarece sistemul de operare open-source rulează pe majoritatea serverelor web, acest lucru nu ar trebui să fie o surpriză.

De ce veți avea nevoie pentru a construi un site web PHP

Înainte de a începe, asigurați-vă că aveți instalat un editor de text simplu sau un mediu de dezvoltare pregătit pentru PHP. Puteți începe codarea PHP cu un instrument la fel de simplu ca Windows Notepad. Exemple găsite în acest tutorial au fost scrise în Notepad ++.





De asemenea, ar trebui să aveți un server web PHP în care să încărcați fișierele. Acesta poate fi un server la distanță sau un computer local cu un mediu LAMP (Linux, Apache, MySQL, PHP) sau WAMP (Windows, Apache, MySQL, PHP) instalat. Dacă utilizați Windows, urmați acest lucru Ghid de instalare WAMP pentru a incepe.

În cele din urmă, veți avea nevoie de un program FTP pentru a încărca fișierele pe serverul dvs. web.





Citeste mai mult: Clienți FTP gratuiți pentru Windows

Înțelegeți sintaxa pentru a codifica un site web simplu folosind PHP

Sintaxa de bază pentru PHP folosește un set de paranteze unghiulare, fiecare funcție se încheie cu punct și virgulă, astfel:

În ceea ce privește paginile web, aproape fiecare utilizare a PHP se bazează pe declarația echo. Aceasta instruiește browserul să scoată textul și conținutul din ghilimele. De exemplu:

cât de multe date utilizează streamingul

Rețineți că HTML este, de asemenea, inclus în ghilimele. Rezultatul pentru acest lucru ar apărea de obicei ca:

Construiți un site web cu PHP: Structură

Indiferent de codul cu care scrieți site-ul dvs., va trebui să cunoașteți structura site-ului înainte de a continua. Acest tutorial vă va arăta cum să creați o singură pagină din fișiere PHP refolosibile. Acestea ar putea fi utilizate pentru a crea pagini suplimentare sau puteți alege o altă abordare.

Indiferent de forma pe care o prevedeți dezvoltarea site-ului, acordați-vă timp pentru a nota un plan rapid pe o bucată de hârtie. Apoi, puteți consulta acest lucru, poate pentru a verifica conținutul intenționat sau pentru a vedea la ce pagină îl conectați.

fișierul este deschis în sistem nu poate fi șters

Site-ul nostru de bază PHP va conține o pagină de pornire, care include informații biografice și câteva imagini.

Pentru acest site web PHP simplu, veți crea o singură pagină PHP populată de conținut din trei pagini HTML. Fișierul index.php pe care îl creați poate fi apoi editat ajustând cuvintele și imaginile din fișierele HTML originale.

Exemplele de cod prezentate mai jos sunt capturi de ecran. Veți găsi codul original în depozitul meu GitHub , care este gratuit pentru oricine poate descărca.

Creați un site web PHP: antetul

Pentru a crea un site web utilizând PHP, va trebui să construiți trei pagini web. Acestea se bazează pe structura de bază a antetului, corpului și subsolului.

După cum ați putea ghici, antetul include informații despre titlu. Cu toate acestea, sunt incluse și informații pentru browser, cum ar fi standardul HTML utilizat, împreună cu referințe CSS.

Începeți prin crearea unui fișier numit header.html, apoi adăugați informațiile de antet necesare.

Pentru acest exemplu, am furnizat un fișier CSS de bază, pe care îl veți vedea că face referire în propriul director / css /. Acest fișier va fi apelat atunci când pagina se încarcă în browserul dvs. și aplică fontul și aspectul necesare.

Introduceți conținut în corpul paginii dvs. web PHP

Fiecare pagină web constă dintr-o secțiune de conținut cunoscută sub numele de „corp”. Aceasta este partea unei pagini pe care o citiți --- ceea ce citiți acum este corpul acestei pagini.

Creați un fișier numit body.html și adăugați informațiile pe care doriți să le includeți pe pagină. Am inclus detalii biografice de pe pagina mea de autor MakeUseOf, dar puteți adăuga orice doriți.

Urmează secțiunea de subsol a paginii web. Creați acest lucru ca footer.html și adăugați conținut. Acestea ar putea fi informații privind drepturile de autor sau poate câteva linkuri utile pentru oricine vă vizitează pagina.

Ar putea fi ceva de genul acesta:

Odată adăugat codul, salvați fișierul.

Îmbinând site-ul dvs. PHP simplu

Cu trei fișiere HTML separate în / html / puteți utiliza PHP echo pentru a le compila într-o singură pagină.

Creați un nou fișier PHP numit index.php cu următoarele trei rânduri:



Salvați, încărcați pe serverul dvs., apoi navigați la index.php. Ar trebui să vedeți pagina web completată în browserul dvs. Rețineți că fișierul PHP real pe care l-ați deschis în browserul dvs. este format din doar trei linii.

În cele din urmă, puteți adăuga puțină înflorire PHP cu linia finală. Includeți o notificare privind drepturile de autor, cu un an mereu actualizat:

Copyright © CM Cawley

Aceasta va apărea în fișierul index.php după subsol. Observați cum declarația datei ecoului („Y”) afișează anul curent în patru cifre. Puteți modifica modul în care este afișat acest lucru, consultând această listă de opțiuni W3Schools. De exemplu, un „y” cu litere mici ar afișa anul în format din două cifre, mai degrabă decât în ​​patru.

Folosiți CSS pentru a-l poziționa și stiliza, așa cum ați face cu orice alt element. Găsiți CSS pentru acest proiect în depozitul GitHub, împreună cu celălalt cod simplu de site web PHP.

cum se schimbă gamertag pe ps4

Bravo --- tocmai ți-ai creat primul site web PHP de la zero.

PHP este cea mai bună alegere pentru codarea site-urilor web?

Așa cum ați fi putut să vă adunați, PHP nu este singura modalitate de a dezvolta site-uri web. Există deja multe cadre pentru experiențe web dinamice, bazate pe baze de date, există JavaScript și tehnologii conexe și software cum ar fi Adobe Dreamweaver.

Cu toate acestea, dacă doriți să începeți cu dezvoltarea web, este inteligent să apreciați elementele de bază. Dacă înțelegeți elementele de bază ale site-ului HTML, CSS și PHP, sunteți pe drumul către succes.

Acțiune Acțiune Tweet E-mail Aflați HTML și CSS cu aceste tutoriale pas cu pas

Sunteți curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un talent pentru a învăța cum să creați site-uri web de la zero - iată câteva tutoriale minunate pas cu pas care merită încercate.

Citiți în continuare
Subiecte asemănătoare
  • Programare
  • Dezvoltare web
  • Programare
  • Programare PHP
Despre autor Christian Cawley(1510 articole publicate)

Editor adjunct pentru securitate, Linux, bricolaj, programare și tehnică explicată și producător de podcasturi cu adevărat util, cu o vastă experiență în asistență pentru desktop și software. Colaborator la revista Linux Format, Christian este un jucător Raspberry Pi, un iubitor de Lego și un fan retro al jocurilor.

Mai multe de la Christian Cawley

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona